首頁(yè)技術(shù)文章正文

瀏覽器渲染頁(yè)面的順序:頁(yè)面渲染的過(guò)程介紹

更新時(shí)間:2021-01-15 來(lái)源:黑馬程序員 瀏覽量:

1577370495235_學(xué)IT就到黑馬程序員.gif

瀏覽器渲染頁(yè)面流程如下:

1)解析HTML文件,創(chuàng)建DOM樹(shù)

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

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

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

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



猜你喜歡:

瀏覽器介紹,Web開(kāi)發(fā)過(guò)程中使用哪個(gè)瀏覽器更好?

HTML5的瀏覽器支持概況

瀏覽器內(nèi)核是什么?如何檢測(cè)瀏覽器內(nèi)核?

黑馬程序員前端開(kāi)發(fā)培訓(xùn)課程


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!