1.語義化標(biāo)簽

根據(jù)頁面中內(nèi)容的結(jié)構(gòu)和意義，使用具有語義的標(biāo)簽來描述內(nèi)容

作用：

有利于seo搜索

增加代碼的可讀性和可維護(hù)性

更好的支持跨平臺(tái)和跨設(shè)備

提高網(wǎng)頁的可用性和無障礙性

2.h5新特性

語義化標(biāo)簽的引入：如header、sider、main等等

多媒體支持：video、audio

新的表單類型：如日期、郵箱，同時(shí)提供了更加強(qiáng)大的表單驗(yàn)證功能

3.cookie、sessionStorage、localStorage的區(qū)別

存儲(chǔ)時(shí)間：

cookie可以通過expires設(shè)置失效時(shí)間

localStorage觸發(fā)刪除，否則永久有效

sessionStorage會(huì)話級(jí)別的存儲(chǔ)，頁面關(guān)閉或者瀏覽器關(guān)閉數(shù)據(jù)就會(huì)被清除

存儲(chǔ)大?。?/p>

cookie只有4kb，localStorage和sessionStorage的內(nèi)存為5mb

與服務(wù)器的通信：

cookie會(huì)隨http協(xié)議一起被發(fā)送，localStorage和sessionStorage不參與和服務(wù)器的通信

4.瀏覽器的渲染步驟

處理html并構(gòu)建dom樹

處理css并構(gòu)建cssdom樹

將dom和cssdom合并成一個(gè)渲染樹

根據(jù)渲染樹來布局，計(jì)算每一個(gè)節(jié)點(diǎn)的位置

調(diào)用GPU繪制，合成圖層，顯示在屏幕

5.重繪和回流

重繪指當(dāng)前頁面的樣式發(fā)生改變，不會(huì)影響布局

回流是指，幾何屬性或者頁面布局發(fā)生改變，需要重新計(jì)算按集合屬性和頁面布局并且重新繪制頁面。

回流的代價(jià)比較大，應(yīng)該盡量避免回流的發(fā)生，方式如下:

盡量避免頻繁的操作樣式

使用文檔碎片，將多個(gè)元素的修改先保存在文檔碎片中，最后一次性添加到頁面

緩存布局信息