浏览器的渲染过程

1. 浏览器解析HTML生成DOM Tree(Parse HTML)
2. 浏览器解析CSS生成 CSSOM (CSS Object Model) Tree
3. JavaScript通过DOM API和CSSOM API 来操作DOM Tree 和 CSS Rule Tree，浏览器将DOM Tree和 CSSOM Tree合成渲染树
4. 布局（layout）：根据生成的Render Tree，进行回流，以计算每个节点的几何信息（位置、大小、字体样式等等）
5. 绘制：根据渲染树和回流得到的几何信息，得到每个节点的绝对像素
6. 展示：将像素发送给图形处理器（GPU），展示在页面上