DOM:Document Object Model,瀏覽器將HTML解析成樹形的數(shù)據(jù)結(jié)構(gòu),簡稱DOM。CSSOM:CSS Object Model,瀏覽器將CSS解析成樹形的數(shù)據(jù)結(jié)構(gòu),簡稱CSSOM。Render Tree: DOM和CSSOM合并后生成Render Tree,如下圖:

image.png
Layout: 計算出Render Tree每個節(jié)點的具體位置。Painting:通過顯卡,將Layout后的節(jié)點內(nèi)容分別呈現(xiàn)到屏幕上。