内容回顾及总结

前端体系结构及知识点

一阶段（html+css）

• 基础的页面布局（div 弹性盒子布局）

• 动画效果

• seo优化（搜索引擎优化）

• html5 和 css3

• 多端适配（rem）

二阶段（JavaScript）

• DOM （文档操作）

• BOM （浏览器操作（路由实现））

• ES（ecmaScript 基础语法）

• node.js (后端)

三阶段（应用）

• MVVM（双向绑定 数据和视图之间实现绑定 数据驱动视图）

• 框架 （vue（封装的使用），react（原生js））

• 组件 （抽取功能代码 复用）

• uniapp（利用vue来书写代码 可以打包多端）及小程序（微信小程序）

基础内容回顾

第一周内容

• JavaScript入门（变量定义 常见关键词 基础语法 基础数据类型及相关转换）

• 运算符及表达式（算术运算 逻辑运算 比较运算 位运算 赋值运算 三目运算）

• 条件判断语句 （if else switch case）

• 循环 （while do_while for 时间复杂度 O1>OlogN>On>OnLogN>On^2>On^3）

• 函数 （函数作用域 全局作用域 作用域链 （函数的基本使用 抽取公共代码形成达到复用）作用域链 （函数的基本使用 抽取公共代码形成达到复用）

第二周内容

• 1、数组（数组的定义 数组的增删改查 （push pop shift unshift concat sort reverse slice splice join...））

• 2、字符串 （字符串特性 字符串的相关方法（charAt charCodeAt indexOf lastIndexOf searchslice substring substr toUppercase toLowerCase concat split replace macth..））

• 3、日期及对象讲解 （Date 的相关方法 对象的声明（键值对象）对象的属性获取 （对象名.属性名 对象名[属性名字符串]））

• 4、BOM (window对象及底下的子对象（location（属性 hash search href... 方法 assign replace reload） history （属性 length state 方法 go back forward pushstate replacestate）screen navigator frames document）)

• 5、DOM（文档对象 元素 属性 文本 对应的关于元素操作的增删改查的方法（元素自带的属性）对应的相关的节点获取相关属性 属性操作的相关方法 ）

第三周内容

• DOM回顾 （DOM的相关节点的操作以及属性节点的获取）

• 事件（常用事件 鼠标事件（click dblclick mouseup mousedown mouseenter mouseleave mouseover mouseout mousemove..）键盘事件（keydown keyup keypress） html事件 （change select input reset submit focus blur load close unload...））

• 事件（事件模式（冒泡 捕获）事件对象event 事件委托（event.target）阻止默认行为 （e.preventDefault || e.returnValue = false）阻止事件冒泡 （e.stoppagation ||e.canclebubble = true））

• cookie （cookie的诞生（解决http 无状态问题（存储sessionID）cookie的格式（key=value;expires=过期时间;path=地址；domain=跨域地址;secure 安全））cookie和 localstroage的区别 sessionStroage）

• 正则表达式 （正则的声明方式（// new Regex）元字符(+ ? . * [] {} () \w \d \s...）

第四周内容

• 1、ES5和ES6（es5新增 （严格模式、模板字符串、数组高阶函数（forEach map reduce filter some every）、this指向更改（bind call apply）） es6新增（字符串新增、数组新增、对象新 增、函数新增、声明关键词新增、基础值类型新增、解构和扩展运算符、class新增 extends class的继承 set 和 map新增的数据解构模块化（import export）））

• 2、运动（匀速（改变的步骤不变）缓存（步长越来越小）链式（回调函数来实现）setIntervaldom操作）

• 3、面向对象 （对象构建方式（对象的封装）利用面向对象思想来书写案例）

• 4、原型和继承 （构造函数的原型prototype 对象的原型 proto (对象的原型指向构造函数的 原型) 原型链（对象在原型（ proto ）找属性的过程） 继承实现（class extends 继承、原型 链继承、对象冒充、组合继承、寄生组合继承））

• 5、闭包和promise （闭包的特性闭包的应用（防抖 节流 函数柯里化） promis（es6新增的一个 类 它有三种状态 pending fulfiling rejected）promis的相关方法（then catch finally resolve reject all allsettled race））

• 6、事件轮询机制（先执行同步代码再处理异步 宏任务（script 定时器 IO...）微任务（promise.then promise.catch nextTick））