瀏覽器渲染流程

概念解釋 DOM Tree：瀏覽器將HTML解析成樹形的數據結構。 CSS Rule Tree：瀏覽器將CSS解析成樹形的數據結構。 Render Tree: DOM和CSSOM合併後生成Render Tree。 layout: 有了Render Tree，瀏覽器已經能知道網頁中有哪些節點、各個節點的CSS定義以及他們的從屬關係，從而去計算出每個節點在屏幕中的位置。 painting: 按照算出來

>>阅读原文<<