H5、C3、ES6的新特性
阿新 • • 發佈:2019-03-16
坐標 屬性選擇器 text 支持 動畫 translate con tor lin H5的新特性
1.語義化標簽
- 有利於SEO,有助於爬蟲抓取更多的有效信息,爬蟲是依賴於標簽來確定上下文和各個關鍵字的權重。
- 語義化的HTML在沒有CSS的情況下也能呈現較好的內容結構與代碼結構
- 方便其他設備的解析
- 便於團隊開發和維護
- sessionstorage:關閉瀏覽器清空數據,儲存大小約5M。
- localstorage:永久生效,存儲大小20M,多窗口下都可以使用
- 都只能儲存字符串
- 通過 background-size 設置背景圖片的尺寸。
- 通過 background-origin 可以設置背景圖片定位(background-position)的參照原點。
- 通過background-clip,可以設置對背景區域進行裁切,即改變背景區域的大小。
- translate 設置元素的位置(x/y坐標)
- scale 設置元素的縮放比例(x/y兩個方向)
- rotate 設置元素旋轉(正值為順時針,負值為逆時針)
- transform-origin 設置轉換元素的原點
- 透視(perspective)值為1000px~1200px
- 將2D元素轉換為3D立體(給父元素設置)transform-style: perserve-3d;
- 設置元素背面是否可見 backface-visibility: hidden;
- 定義關鍵幀 @keyframes
- 通過百分編寫幀
- 在各幀中分別定義各屬性
- 通過animation將動畫應用於相應元素
- 變量聲明:let作用:聲明變量,塊級作用域,必須先聲明後使用,在同一個塊內不允許重復命名,沒有變量提升。const作用:聲明常量,聲明的同時必須賦值,不能被重新賦值
- 解構賦值
- 模板字符串,支持換行
- 函數擴展,箭頭函數
H5、C3、ES6的新特性