前端学习

 前端学习
Html&Css学习
Html基本语法及基本结构
了解html的语法书写规范及文件的基本结构，能够明确区分html5与html4的语法及文档结构的区别
Html基本标签元素及属性（html5标准）
熟练掌握html基本标签元素、通用属性、各个标签的特有属性。能够明确区分块元素、行内元素与行内块元素，并说出它们的之间的区别（包括在盒子模型上的区别）
重点掌握标签：div、p、ul、li、table、form及form表单元素、a、span、i、link、script、meta，html5语义化标签
Css基础
了解什么是css及css的作用是什么，有几种引入方式，区别是什么。
掌握Css大部分属性及语法，所有选择器，伪类/伪元素，优先级。
掌握Css水平居中与垂直居中的多种实现方式。
熟悉盒子模型的组成。
Css布局与定位
掌握以下几种布局与定位方式，并掌握css堆叠原理
标准流布局：掌握html的标准流布局的绘制原理
浮动流：掌握浮动的原理，熟悉浮动产生的负面影响及解决方案
定位(position)：掌握常用的几种定位方式及其原理
Flex布局：熟练掌握Flex布局方式，注意浏览器兼容性
Grid布局：了解Grid布局方式
Css3 过渡/动画
掌握使用Css3实现过渡（transition、tiansform）动画效果（animation、@keyframe）。注意各浏览器的兼容性与所支持的属性。
浏览器兼容性
熟悉各浏览器中间的兼容性问题及解决方案

JavaScript/jQuery 学习
js/jq起步
了解js是什么，jq是什么，js是如何执行的。
掌握js代码语法
Js基础
掌握js定义变量的方法，掌握var、let、const关键字，并熟悉它们之间区别。
掌握js运算符，熟悉运算符之间优先级
掌握js循环（3种），判断，switch语法
掌握7种数据类型，及类型之间互相转换。
Js对象
熟悉js中的内置对象及对象的常用方法。
重点掌握：Number，String，Array，Object，Function，Math，Date，RegExp，Element
Js函数
熟悉js常见的几种创建函数的方式：函数声明、函数表达式、构造函数法，了解它们之间异同。
熟悉函数调用方式，掌握call、apply、bind方法的用法，熟悉各种情况下函数内部this的指向问题。
熟悉回调函数的概念与用法。
Js作用域
熟悉Js代码执行顺序，掌握代码的上下文作用域。了解变量提升的概念
DOM操作
熟悉DOM的概念，DOM的组成结构。掌握DOM对象的大部分属性和方法。
熟练使用js和jq对DOM进行查找，创建，插入，删除，替换，修改（包括css样式）。
Js事件
熟悉html大部分事件，并熟练掌握js和jq绑定事件的几种方式，分别有什么区别。熟悉事件冒泡，事件捕获的原理，以及它们之间执行机制。
注意IE兼容性
AJAX
了解AJAX原理，能使用原生js创建AJAX请求后台数据，能对AJAX过程中的各种状态进行捕获，添加回调。
了解HTTP协议。
熟练掌握jq的ajax函数的用法。 

浏览器对象（BOM）
了解浏览器对象及API
了解什么是浏览器对象（BOM）。了解市面上主流浏览器的内核。
熟悉BOM的几大API，并掌握用法。