1.阶段一：HTML CSS基础布局：三栏式（absolute/flex/float）
掌握盒模型的概念
掌握position与float的概念以及在布局时的用法
2.阶段二：定位居中，模拟报纸排版
深入掌握CSS中的字体、背景、颜色等属性的设置
进一步练习CSS布局
3.阶段三：综合布局-css实现响应式布局，flexbox，部分css3新特性
1.阶段一：学习基本语法，了解DOM操作
学习JavaScript中的if判断语法，for循环语法
学习JavaScript中的数组对象，如何读取、处理数据，并动态创建、修改DOM中的内容
接触一下JavaScript中的高级选择器
学习JavaScript中的数组对象遍历、读写、排序等操作
学习简单的字符串处理操作
2.阶段二：通过用数组实现一个队列，实践基本语法，事件，DOM操作等
实践JavaScript的基本语法、语言特性，事件，操作DOM
练习使用JavaScript实现简单的排序算法：冒泡
批量字符串处理-输入，匹配，查询，动态增删，实践JavaScript数组、字符串相关操作
3.阶段三：学习并实践二叉树／多叉树
算法：深度（前序中序后序）／广度遍历
动画形式呈现遍历过程
查询并匹配输入内容
动态增删查询等功能
1.表单验证，动态校验，多个表单联动
2.Canvas实现可以移动的小方块（前后上下移动）
3.UI组件实现：实现浮出层
4.UI组件：支持列排序的表格组件
1.CSS3动画实践-鼠标悬浮模糊
2.Vue动态数据绑定原理学习：getter setter 实践递归 了解设计模式中的“发布-订阅模式”，"深层次数据变化如何逐层往上传播等
3.自定义表单，网页右键菜单，CSS3折叠面板
了解html label标签 CSS边框、背景、伪元素、伪类（注意和伪元素区分）等属性的设置，制作使用雪碧图
了解js中的oncontextmenu事件，如何获取鼠标位置，如何实现页面屏蔽右键菜单
深入理解html中radio的特性，CSS选择器以及伪元素的使用
4.学习正则表达式
使用正则表达式处理文本，掌握Markdown语法
利用数组和对象保存状态，textarea里面匹配到的字符渲染到右边
学习分离状态和逻辑
5.树形组件
利用数组和对象保存数据，node的classList属性实现样式切换