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