首頁技術文章正文

瀏覽器渲染頁面的順序：頁面渲染的過程介紹

更新時間:2021-01-15 來源:黑馬程序員 瀏覽量:

1577370495235_學IT就到黑馬程序員.gif

瀏覽器渲染頁面流程如下：

1)解析HTML文件，創(chuàng)建DOM樹

自上而下，遇到任何樣式(link、style)與腳本(script)都會阻塞(外部樣式不阻塞后續(xù)外部腳本的加載)。

2)解析CSS
優(yōu)先級：瀏覽器默認設置<用戶設置<外部樣式<內聯(lián)樣式。

3)將CSS與DOM合并，構建渲染樹(Render Tree)。

4)布局和繪制，重繪(repaint)和重排(reflow)。



猜你喜歡：

瀏覽器介紹，Web開發(fā)過程中使用哪個瀏覽器更好?

HTML5的瀏覽器支持概況

瀏覽器內核是什么?如何檢測瀏覽器內核?

黑馬程序員前端開發(fā)培訓課程


分享到：
在線咨詢 我要報名
和我們在線交談！