H5的新特性
1.语义化标签:header、footer、aside、section、article、nav
* 有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。
* 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
* 方便其他设备的解析
* 便于团队开发和维护
2.表单新特性:email、url、number、range、Date Pickers、search、color
autocomplete、placeholder、form
3.多媒体视频(video)和音频(audio)
4.web存储
* sessionstorage:关闭浏览器清空数据，储存大小约5M。
* localstorage：永久生效，存储大小20M，多窗口下都可以使用
* 都只能储存字符串
5.cavas画图功能
6.伸缩矢量图：svg
7.拖拽属性：draggable
8.事件：resize input
9.地理定位：Geolocati
10.文件通讯协议：websocket
11.文件读取：fileReader
12.类名操作：Classlis
C3的新特性
1.选择器：属性选择器E[attr]、伪类选择器E:nth-child(n)、空伪类E:empty 、排除伪类E:not(selector) ：checked、：disabled
2.颜色：新增了RGBA、HSLA模式
3.文本：为文本设置阴影增强文本的表现能力，通过 text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。
4.盒模型：box-sizing: border-box;
5.边框：圆角border-radius，阴影box-shadow
6.背景：
* 通过 background-size 设置背景图片的尺寸。
* 通过 background-origin 可以设置背景图片定位(background-position)的参照原点。
* 通过background-clip，可以设置对背景区域进行裁切，即改变背景区域的大小。
7.渐变：线性渐变 linear-gradient，径向渐变radial-gradient
8.字体图标
9.伸缩盒子：调整主轴对齐justify-content，调整侧轴对齐align-items，伸缩分配flex，正序方式排序order
10.2D转换：
* translate 设置元素的位置（x/y坐标）
* scale 设置元素的缩放比例（x/y两个方向）
* rotate 设置元素旋转（正值为顺时针，负值为逆时针）
* transform-origin 设置转换元素的原点
11.3D转换：
* 透视（perspective）值为1000px~1200px
* 将2D元素转换为3D立体（给父元素设置）transform-style: perserve-3d;
* 设置元素背面是否可见 backface-visibility: hidden;
12：弹性盒子：flex
13：媒体查询：@media
14.动画：
* 定义关键帧 @keyframes
* 通过百分编写帧
* 在各帧中分别定义各属性
* 通过animation将动画应用于相应元素
15.过渡：transition
ES6新特性
* 变量声明：let作用:声明变量，块级作用域，必须先声明后使用，在同一个块内不允许重复命名，没有变量提升。const作用:声明常量，声明的同时必须赋值，不能被重新赋值
* 解构赋值
* 模板字符串，支持换行
* 函数扩展，箭头函数
* for of 循环
* promise
网友评论