“reflow”的版本间的差异
来自Blueidea
（创建新页面为 '在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的…'） |
小 （→添加一个外部链接） |
||
| 第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-03-29T12:58:29的版本
在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个：
- 构造frame, 以建立对象树（DOM树）
- reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现）
- 绘制，以便对象能显示在屏幕上
毫无疑问，reflow会增加系统渲染的开销。
资料
- 文档回流(reflow)小结，测试各个浏览器在何种情况下会引起reflow。
- 影响 reflow 的因素及其优化
