浏览器渲染机制

浏览器渲染机制

1、浏览器采用流式布局模型（Flow Based Layout）

2、浏览器会把HTML解析成DOM,把CSS解析成CSSOM， DOM 和 CSSOM合并就产生了渲染树（Rander Tree）。

3、有了RenderTree,我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。

4、由于浏览器使用流式布局，对Render Tree 的计算通常只需要遍历一次就可以完成，但table及其内部元素除外，他们可能需要多次计算，通常要花3倍于同行元素的时间。所以通常会避免使用table布局。

---Every day to be a little better---