瀏覽器是如何渲染UI的？

瀏覽器獲取HTML文件，然後對文件進行解析，形成DOM Tree 與此同時，進行CSS解析，生成Style Rules 接着將DOM Tree與Style Rules合成爲 Render Tree 接着進入佈局（Layout）階段，也就是爲每個節點分配一個應出現在屏幕上的確切座標 隨後調用GPU進行繪製（Paint），遍歷Render Tree的節點，並將元素呈現出來

>>阅读原文<<