面试取经：浏览器渲染机制和重绘与回流

浏览器渲染机制

• 采用流式布局
• 把html解析成dom，把css解析成cssom，dom和cssom结合产生了渲染树（render tree）
• 根据渲染树与节点样式，计算它们的位置和大小，最后把节点绘制到页面上

重绘

节点的几何属性发生改变或者由于样式发生改变而不会影响布局的，称为重绘。

回流

布局或几何属性需要改变，就称为回流，回流是影响浏览器性能的关键因素，因为其变化涉及到部分页面（或整个页面）的布局更新。