“reflow”的版本间的差异
来自Blueidea
(创建新页面为 '在CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的…') |
小 (→调整文字顺序) |
||
(未显示同一用户的2个中间版本) | |||
第1行: | 第1行: | ||
− | + | 在[[CSS]]规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个: | |
− | #构造frame, | + | #构造frame, 以建立对象树([[DOM]]树) |
#reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现) | #reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现) | ||
#绘制,以便对象能显示在屏幕上 | #绘制,以便对象能显示在屏幕上 | ||
− | 以上文字来源于:[http://realazy.org/blog/2007/09/09/reflow/ | + | 以上文字来源于:[http://realazy.org/blog/ REALAZY]的一篇文章:[http://realazy.org/blog/2007/09/09/reflow/ reflow]。毫无疑问,reflow会增加系统渲染的开销。 |
− | + | 需要注意的是,[[浏览器渲染模式]]的不同,将导致reflow出现差异。 | |
− | == | + | ==资料== |
− | *[http:// | + | *[http://www.daimaren.cn/archives/267 文档回流(reflow)小结],测试各个浏览器在何种情况下会引起reflow。 |
*[http://www.planabc.net/2009/04/13/reflow/ 影响 reflow 的因素及其优化] | *[http://www.planabc.net/2009/04/13/reflow/ 影响 reflow 的因素及其优化] | ||
[[Category:浏览器]] [[Category:CSS]] | [[Category:浏览器]] [[Category:CSS]] |
2010-05-29T18:25:49的最后版本
在CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个:
- 构造frame, 以建立对象树(DOM树)
- reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现)
- 绘制,以便对象能显示在屏幕上
以上文字来源于:REALAZY的一篇文章:reflow。毫无疑问,reflow会增加系统渲染的开销。
需要注意的是,浏览器渲染模式的不同,将导致reflow出现差异。
资料
- 文档回流(reflow)小结,测试各个浏览器在何种情况下会引起reflow。
- 影响 reflow 的因素及其优化