web前端学习笔记总页面_web学习笔记页面

学习资料

自学视频 求知讲堂web前端html+css

参考文档 MDN 

书单

你不知道JavaScript

JavaScript设计模式和开发实践

css世界

css揭秘

---

什么是web前端开发

web前端开发是基于web的互联网产品的页面开发及其功能开发

五大主流浏览器

IE （Edge），FireFox ，Chrome,Opera，safari

浏览器内核由渲染引擎和JS引擎两部分组成。

内核：Trident（IE)，Gecko（FireFox），Webkit（chrome，safari)，Blink（chrome,opera)

国内大多数浏览器采用的双核驱动（Trident&Webkit 或 Trident&Blink）

移动端：iPhone/ipad采用的是Webkit内核，android4.4以下版本采用Webkit内核，而4.4以上版本采用的是blink内核

前端开发需要那些技术

1.photoshop

2.html/html5（网页布局）

3.css/css3（样式）

4.布局知识（photoshop+html/html5+css/css3)

5.bootstrapBootstrap （快速开发 Web 应用程序和网站的前端框架，可以用于多个移动端，响应式开发）

6.javascipt(轮播图)

7.jQuery（对js的封装,JS库）

8.Ajax（异步请求，前端对后台请求，也可以向后端传递信息

常用开发工具

sublime，HBuilderx, VSCode , Atom，Webstorm

---

学习路线

html

html基础结构

html基础标签

html标签属性

html文本格式化标签

html实体转义符+html块级标签和行级标签

W3C规范+html语义化标签+文件名规范

html表单表格

css

css的概念（css，css的流，css3，css专业用语，css中的未定义行为）

流，元素，基本尺寸

盒尺寸四大家族

内联元素与流

流的破坏和保护

css层叠规则

css强大的文本处理能能力

元素的装饰与美化

元素的显示与隐藏

用户界面样式

流向的改变