- 渲染引擎的基(ji)本工作(zuo)流程(cheng) - 解析HTML構建(jian)DOM樹
- 渲染樹(shu)構建 - 渲染樹(shu)布(bu)局 - 繪制渲染樹(shu)
- 渲染引擎會(hui)解(jie)析HTML文(wen)檔并(bing)把標簽(qian)轉換成內容(rong)樹(shu)中(zhong)的(de)(de)DOM節點。它會(hui)解(jie)析style元(yuan)素和外部(bu)文(wen)件中(zhong)的(de)(de)樣式(shi)數(shu)(shu)據。樣式(shi)數(shu)(shu)據和HTML中(zhong)的(de)(de)顯示(shi)控制將共(gong)同用(yong)來創(chuang)建(jian)另一棵(ke)樹(shu)——渲染樹(shu)。
渲(xuan)染引擎(qing)會(hui)嘗試盡快的(de)把(ba)內容(rong)顯示出來。它不會(hui)等到所有(you)HTML都(dou)被解析完才創(chuang)建并(bing)布局渲(xuan)染樹。它會(hui)在處(chu)理后(hou)續內容(rong)的(de)同時把(ba)處(chu)理過的(de)局部內容(rong)先展示出來。
