H5：
1. 语义化标签,(如header main aside section footer 等)
2. 音视频标签：
- video属性：poster，controls，muted，autoplay，loop
- audio属性：controls，muted，autoplay，loop
3. 表单新增
- type类型：email，number，url，color，time，range
- 属性：required，placeholder，autofocus，multiple，pattern
4. 画布：canvas
5. 自定义属性：data-id
6. 拖拽释放(Drap and drop)
Css3
1. 选择器：
- 属性选择器
- 伪类选择器
- 层级选择器
2. 颜色：新增RGBA，HSLA模式
3. 文字阴影(text-shadow)
4. 边框：圆角(border-radius) 边框阴影：box-shadow
5. 盒子模型：box-sizing
6. 背景：background-size background-orgin background-clip
7. 渐变：linear-gradient, radial-gradient
8. 过渡：transition 可实现动画
9. 自定义动画 animate @keyfrom
10.媒体查询 多栏布局 @media screen and (width:800px){...}
10. border-image
12.2D转换：transform：translate(x,y) rotate(x,y) skew(x,y) scale(x,y)
13. 3D转换
14. 字体图标 font-face
15. 弹性布局 flex
Es6
1. let和const
2.模板字符串
3.函数默认参数
2. 箭头函数
3. 对象扩展
- 属性简写：var baz = {foo}; //等同于 var baz = {foo: foo}
- object.keys() : 获取对象的所有属性名或方法名（不包括原形的内容），返回一个数组。
- object.assign() : assign 方法将多个原对象的属性和方法都合并到了目标对象上面
4. for...of 和for...in
5.promise对象
5. import和export
6. 解构赋值
7. set数据结构
9.类关键字class
10.展开运算符... : 展开运算符可以将数组或对象里面的值展开；还可以将多个值收集为一个变量
11. async, await
12.装饰器@decorator：用来修改类甚至于是方法的行为。修饰器本质就是编译时执行的函数
13.Symbol基本数据类型
|