reflow

来自Blueidea
跳转至: 导航搜索

CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个:

  1. 构造frame, 以建立对象树(DOM树)
  2. reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现)
  3. 绘制,以便对象能显示在屏幕上

以上文字来源于:REALAZY的一篇文章:reflow。毫无疑问,reflow会增加系统渲染的开销。

需要注意的是,浏览器渲染模式的不同,将导致reflow出现差异。

资料