形象化的reflow

样式之美 - 正在消失 发布于2008-05-29 00:50:14 | 174次阅读 | 字体: 打印预览


photo
reflow是个神奇的东西,之前Realazy说到过这个reflow,我摘出其中的重点:

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

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

总的来说,reflow就是载入内容树(在HTML中就是DOM树)和创建或更新frame结构的响应的一种过程。

现在,我们能形象地看到这个reflow是怎样的一个过程了(via:What is a reflow?),先看一下Mozilla的首页;
阅读器看不到点这里看

如果能了解渲染过程的话,自然就可以控制减少网页的开销,不过我还不知道这是怎样搞出来滴,谁知道跟我说一下,这里还有维基百科首页和跟google.co.jp的首页的。

阅读器里看不到点这里看
阅读器看不到点这里看

扩展阅读:Notes on HTML Reflow


本文出处 : http://www.aoao.org.cn/blog/2008/05/reflow/ end

上一篇:AS3 Class Diagram Poster DIY

下一篇:CSS 首字母大写

现在评论本文

authnum

0 条评论