1.前端体系结构及知识点
一阶段(html+css)
-
基础的页面布局(div 弹性盒子布局)
-
动画效果
-
seo优化(搜索引擎优化)
-
html5 和 css3
-
多端适配(rem)
二阶段(JavaScript)
-
DOM (文档操作)
-
BOM (浏览器操作(路由实现))
-
ES(ecmaScript 基础语法)
-
node.js (后端)
三阶段(应用)
-
MVVM(双向绑定 数据和视图之间实现绑定 数据驱动视图)
-
框架 (vue(封装的使用),react(原生js))
-
组件 (抽取功能代码 复用)
-
uniapp(利用vue来书写代码 可以打包多端)及小程序(微信小程序)
2.基础内容回顾
第一周内容
-
1、JavaScript入门(变量定义 常见关键词 基础语法 基础数据类型及相关转换)
-
2、运算符及表达式(算术运算 逻辑运算 比较运算 位运算 赋值运算 三目运算)
-
3、条件判断语句 (if else switch case)
-
4、循环 (while do_while for 时间复杂度 O1>OlogN>On>OnLogN>On^2>On^3)
-
5、函数 (函数作用域 全局作用域 作用域链 (函数的基本使用 抽取公共代码形成达到复用) arguments(参数数组))
第二周内容
-
1、数组(数组的定义 数组的增删改查 (push pop shift unshift concat sort reverse slice splice join...))
-
2、字符串 (字符串特性 字符串的相关方法(charAt charCodeAt indexOf lastIndexOf search slice 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(文档对象 元素 属性 文本 对应的关于元素操作的增删改查的方法(元素自带的属性) 对应的相关的节点获取相关属性 属性操作的相关方法 )
第三周内容
-
1、DOM回顾 (DOM的相关节点的操作以及属性节点的获取)
-
2、事件(常用事件 鼠标事件(click dblclick mouseup mousedown mouseenter mouseleave mouseover mouseout mousemove..) 键盘事件(keydown keyup keypress) html事件(change select input reset submit focus blur load close unload...))
-
3、事件(事件模式(冒泡 捕获)事件对象event 事件委托(event.target)阻止默认行为 (e.preventDefault || e.returnValue = false)阻止事件冒泡 (e.stoppagation || e.canclebubble = true))
-
4、cookie (cookie的诞生(解决http 无状态问题(存储sessionID)cookie的格式(key=value;expires=过期时间;path=地址;domain=跨域地址;secure 安全))cookie和localstroage的区别 sessionStroage)
-
5、正则表达式 (正则的声明方式(// 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、运动(匀速(改变的步骤不变) 缓存(步长越来越小) 链式(回调函数来实现)setInterval + dom操作)
-
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))