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基本数据类型