目錄
h5的新特性
c3的新特性
es6新特性
1.語義化標籤
有利於seo，有助於爬蟲抓取更多的有效資訊，爬蟲是依賴於標籤來確定上下文和各個關鍵字的權重。
語義化的html在沒有css的情況下也能呈現較好的內容結構與**結構
方便其他裝置的解析
便於團隊開發和維護
1. 語義化標籤
2.表單新特性
4.web儲存
sessionstorage:關閉瀏覽器清空資料，儲存大小約5m。
localstorage：永久生效，儲存大小20m，多視窗下都可以使用
都只能儲存字串
1.選擇器：屬性選擇器e[attr]，偽類選擇器e:nth-child(n)，空偽類e:empty ，排除偽類e:not(selector)
關於選擇符：
（1）id選擇器（#myid）（2）類選擇器（.myclassname）（3）標籤選擇器（div,h1,p）（4）後代選擇器（h1 p）（5）相鄰後代選擇器（子）選擇器（ul>li）（6）兄弟選擇器（li~a）（7）相鄰兄弟選擇器（li+a）（8）屬性選擇器（a[rel="external"]）（9）偽類選擇器（a:hover,li:nth-child）（10）偽元素選擇器（::before、::after）（11）萬用字元選擇器（*）
新增的偽類：
（1）elem:nth-child(n)選中父元素下的第n個子元素，並且這個子元素的標籤名為elem，n可以接受具體的數值，也可以接受函式。（2）elem:nth-last-child(n)作用同上，不過是從後開始查詢。（3）elem:last-child選中最後乙個子元素。（4）elem:only-child如果elem是父元素下唯一的子元素，則選中之。（5）elem:nth-of-type(n)選中父元素下第n個elem型別元素，n可以接受具體的數值，也可以接受函式。（6）elem:first-of-type選中父元素下第乙個elem型別元素。（7）elem:last-of-type選中父元素下最後乙個elem型別元素。（8）elem:only-of-type如果父元素下的子元素只有乙個elem型別元素，則選中該元素。（9）elem:empty選中不包含子元素和內容的elem型別元素。（10）elem:target選擇當前活動的elem元素。（11）:not(elem)選擇非elem元素的每個元素。（12）:enabled 控制表單控制項的禁用狀態。（13）:disabled 控制表單控制項的禁用狀態。(14):checked單選框或核取方塊被選中。
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.動畫：
定義關鍵幀 @keyframes
通過百分編寫幀
在各幀中分別定義各屬性
通過animation將動畫應用於相應元素
變數和常量，變數宣告：let作用:宣告變數，塊級作用域，必須先宣告後使用，在同乙個塊內不允許重複命名，沒有變數提公升。const作用:宣告常量，宣告的同時必須賦值，不能被重新賦值
剪頭函式
promise (非同步)
函式引數支援預設值
模板字串
class類
解構賦值 =
擴充套件運算子 [...]
物件鍵值對 相同時的縮寫形式
剩餘引數
filter, map 等api
H5C3新特性 動畫
轉換 transform 是css3中具有顛覆性的特徵之一，可以實現元素的位移 旋轉 變形 縮放。縮放 scale 移動 translate 旋 rotate 傾斜 skew 2d轉換是改變標籤在二維平面上的位置和形狀的一種技術 transform translate x,y transform t...
ES6的新特性
一 let,const與var的區別 1 let,const 不存在變數提公升。2 let,const 在同乙個作用域下不能重複定義相同的變數名稱。3 let,const 有嚴格的作用域，塊級作用域。var 則是函式作用域。4 const 宣告乙個唯讀的常量，一旦定義，常量的值不能改變。5 cons...
ES6常用的新特性
let const let和const都是塊級作用域，定義的變數不會被變數提公升 不會產生在定義之前就使用的情況 let定義的變數只在 自己所在的 塊內有效，const定義的常量不能被修改。並且不允許被重複宣告。import匯入模組,export匯出模組。export 寫法一 export var ...