- 渲染引擎的基本工作流程 - 解析HTML構(gòu)建DOM樹(shù)
- 渲染樹(shù)構(gòu)建 - 渲染樹(shù)布局 - 繪制渲染樹(shù)
- 渲染引擎會(huì)解析HTML文檔并把標(biāo)簽轉(zhuǎn)換成內(nèi)容樹(shù)中的DOM節(jié)點(diǎn)。它會(huì)解析style元素和外部文件中的樣式數(shù)據(jù)。樣式數(shù)據(jù)和HTML中的顯示控制將共同用來(lái)創(chuàng)建另一棵樹(shù)——渲染樹(shù)。
渲染引擎會(huì)嘗試盡快的把內(nèi)容顯示出來(lái)。它不會(huì)等到所有HTML都被解析完才創(chuàng)建并布局渲染樹(shù)。它會(huì)在處理后續(xù)內(nèi)容的同時(shí)把處理過(guò)的局部?jī)?nèi)容先展示出來(lái)。