教育行業(yè)A股IPO第一股（股票代碼 003032）

全國(guó)咨詢/投訴熱線：400-618-4000

瀏覽器渲染頁面流程的4個(gè)步驟

更新時(shí)間:2021年01月15日16時(shí)40分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

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

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

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

2)解析CSS

優(yōu)先級(jí)：瀏覽器默認(rèn)設(shè)置<用戶設(shè)置<外部樣式<內(nèi)聯(lián)樣式。

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

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



猜你喜歡：

什么是瀏覽器內(nèi)核?常見的瀏覽器內(nèi)核有哪些?

瀏覽器的兼容性問題拾遺

哪些瀏覽器支持HTML5?

傳智教育前端開發(fā)培訓(xùn)課程

0 分享到：
和我們?cè)诰€交談！