浏览器渲染机制

DOM：Document Object Model，浏览器将HTML解析成树形的数据结构，简称DOM。CSSOM：CSS Object Model，浏览器将CSS解析成树形的数据结构，简称CSSOM。Render Tree: DOM和CSSOM合并后生成Render Tree，如下图：

image.png

Layout: 计算出Render Tree每个节点的具体位置。Painting：通过显卡，将Layout后的节点内容分别呈现到屏幕上。