H5的新特性
1.語義化標(biāo)簽:header匾委、footer拖叙、aside、section赂乐、article薯鳍、nav
* 有利于SEO，有助于爬蟲抓取更多的有效信息沪猴，爬蟲是依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重。
* 語義化的HTML在沒有CSS的情況下也能呈現(xiàn)較好的內(nèi)容結(jié)構(gòu)與代碼結(jié)構(gòu)
* 方便其他設(shè)備的解析
* 便于團(tuán)隊開發(fā)和維護(hù)
2.表單新特性:email采章、url运嗜、number、range悯舟、Date Pickers担租、search、color
?????????????????????? autocomplete抵怎、placeholder奋救、form
3.多媒體視頻(video)和音頻(audio)
4.web存儲
* sessionstorage:關(guān)閉瀏覽器清空數(shù)據(jù)，儲存大小約5M反惕。
* localstorage：永久生效尝艘，存儲大小20M，多窗口下都可以使用
* 都只能儲存字符串
5.cavas畫圖功能
6.伸縮矢量圖：svg
7.拖拽屬性：draggable
8.事件：resize???? input
9.地理定位：Geolocati
10.文件通訊協(xié)議：websocket
11.文件讀茸巳尽：fileReader
12.類名操作：Classlis
C3的新特性
1.選擇器：屬性選擇器E[attr]背亥、偽類選擇器E:nth-child(n)、空偽類E:empty 悬赏、排除偽類E:not(selector)? ：checked狡汉、：disabled
2.顏色：新增了RGBA、HSLA模式
3.文本：為文本設(shè)置陰影增強(qiáng)文本的表現(xiàn)能力闽颇，通過 text-shadow盾戴，可分別設(shè)置偏移量、模糊度兵多、顏色（可設(shè)透明度）尖啡。
4.盒模型：box-sizing: border-box;
5.邊框：圓角border-radius橄仆，陰影box-shadow
6.背景：
* 通過 background-size 設(shè)置背景圖片的尺寸。
* 通過 background-origin 可以設(shè)置背景圖片定位(background-position)的參照原點(diǎn)可婶。
* 通過background-clip沿癞，可以設(shè)置對背景區(qū)域進(jìn)行裁切，即改變背景區(qū)域的大小矛渴。
7.漸變：線性漸變?linear-gradient椎扬，徑向漸變radial-gradient
8.字體圖標(biāo)
9.伸縮盒子：調(diào)整主軸對齊justify-content，調(diào)整側(cè)軸對齊align-items具温，伸縮分配flex蚕涤，正序方式排序order
10.2D轉(zhuǎn)換：
* translate 設(shè)置元素的位置（x/y坐標(biāo)）
* scale 設(shè)置元素的縮放比例（x/y兩個方向）
* rotate 設(shè)置元素旋轉(zhuǎn)（正值為順時針，負(fù)值為逆時針）
* transform-origin 設(shè)置轉(zhuǎn)換元素的原點(diǎn)
11.3D轉(zhuǎn)換：
* 透視（perspective）值為1000px~1200px
* 將2D元素轉(zhuǎn)換為3D立體（給父元素設(shè)置）transform-style: perserve-3d;
* 設(shè)置元素背面是否可見 backface-visibility: hidden;
12：彈性盒子：flex
13：媒體查詢：@media
14.動畫：
* 定義關(guān)鍵幀 @keyframes
* 通過百分編寫幀
* 在各幀中分別定義各屬性
* 通過animation將動畫應(yīng)用于相應(yīng)元素
15.過渡：transition
ES6新特性
* 變量聲明：let作用:聲明變量铣猩，塊級作用域揖铜，必須先聲明后使用，在同一個塊內(nèi)不允許重復(fù)命名达皿，沒有變量提升天吓。const作用:聲明常量，聲明的同時必須賦值峦椰，不能被重新賦值
* 解構(gòu)賦值
* 模板字符串龄寞，支持換行
* 函數(shù)擴(kuò)展，箭頭函數(shù)
* for of 循環(huán)
* promise
