1锯厢、什么是doctype以及作用
DTD就是告訴瀏覽器我是什么類型娇未,瀏覽器就會用何種方式去解析他,doctype就是規(guī)定文檔類型的蚓胸。
h5: <!DOCTYPE html>
4.0版本有兩種模式厕九,
嚴(yán)格模式:不包括廢棄元素
寬松模式:包括廢棄元素
2蓖捶、瀏覽器的渲染過程
瀏覽器請求到HTML文件之后,解析DOM構(gòu)建DOM樹扁远,同時也會解析CSS俊鱼,構(gòu)建Style Rules,之后把DOM樹與Style Rules進(jìn)行Attachment處理畅买,構(gòu)建Render tree并闲,此時也會引入Layout信息,最后在瀏覽器中Painting繪制谷羞,最終Display出來帝火。
3、重排Reflow
概念:瀏覽器根據(jù)樣式計(jì)算將結(jié)果展示在哪個地方的過程叫Reflow
什么時候會觸發(fā)Reflow?
1犀填、增加刪除節(jié)點(diǎn)的時候蠢壹,會導(dǎo)致Reflow和Repaint
2、移動DOM位置
3九巡、修改CSS的寬高邊距樣式顯隱狀態(tài)的時候
4图贸、Resize窗口的時候
5、修改網(wǎng)頁默認(rèn)字體的時候
4比庄、重繪Repaint
概念:頁面要呈現(xiàn)的內(nèi)容統(tǒng)統(tǒng)都畫在屏幕上的過程叫Repaint
觸發(fā)條件
DOM改動
CSS改動
頁面顯示的內(nèi)容發(fā)生變化都會觸發(fā)
優(yōu)化點(diǎn):把要修改的DOM一次性掛載到DOM上求妹。