Comments on: reflow http://chen.xianan.name/blog/2007/09/09/reflow/ web 标准，前端开发，编程感悟，生活杂想 Fri, 12 Mar 2010 08:20:29 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: 網站製作學習誌 » [Web] 連結分享 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-158863 網站製作學習誌 » [Web] 連結分享 Wed, 25 Nov 2009 02:57:48 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-158863 [...] reflow [...] [...] reflow [...]

]]> By: minchao http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-156623 minchao Sun, 27 Sep 2009 03:22:01 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-156623 在一篇《CSS的渲染效率》写到： display与visibility的差异 他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。 * 不赞成 - visibility:hidden; * 建议用 - display:none; 不知哪个对！ 在一篇《CSS的渲染效率》写到：
display与visibility的差异

他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。
* 不赞成 – visibility:hidden;
* 建议用 – display:none;

不知哪个对！

]]> By: 網站製作學習誌 » [JavaScript] window.onresize 連續觸發的問題 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-155662 網站製作學習誌 » [JavaScript] window.onresize 連續觸發的問題 Thu, 27 Aug 2009 07:15:59 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-155662 [...] Link 上時，因為元素會有消長，所以 body 的 resize 就會被觸發 (也即 reflow 這個觀念) ，只是這時候 IE6 就會很雞婆地一起觸發 window 的 resize [...] [...] Link 上時，因為元素會有消長，所以 body 的 resize 就會被觸發 (也即 reflow 這個觀念) ，只是這時候 IE6 就會很雞婆地一起觸發 window 的 resize [...]

]]> By: 从CSS谈提高页面性能 | 细说网站 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-86667 从CSS谈提高页面性能 | 细说网站 Fri, 22 Aug 2008 02:35:57 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-86667 [...] 下面是一点技术摘要，来自：http://realazy.org/blog/2007/09/09/reflow/ [...] [...] 下面是一点技术摘要，来自：http://realazy.org/blog/2007/09/09/reflow/ [...]

]]> By: 形象化的reflow - 样式之美 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-66233 形象化的reflow - 样式之美 Wed, 28 May 2008 16:50:39 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-66233 [...] reflow是个神奇的东西，之前Realazy说到过这个reflow，我摘出其中的重点： 在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： [...] [...] reflow是个神奇的东西，之前Realazy说到过这个reflow，我摘出其中的重点： 在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： [...]

]]> By: 234 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-43853 234 Tue, 05 Feb 2008 05:22:31 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-43853 这个文章没结论？ 这个文章没结论？

]]> By: wondger http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-42249 wondger Tue, 15 Jan 2008 13:02:38 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-42249 1,reflow 2,img height 3,display/visibility 1,reflow
2,img height
3,display/visibility

]]> By: redleaffly http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-40993 redleaffly Sat, 29 Dec 2007 09:03:53 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-40993 学习到了 学习到了

]]> By: 杨伟华 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-35457 杨伟华 Sat, 03 Nov 2007 11:00:04 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-35457 树状菜单不需使用reflow吧，不止各位有何高见？ 树状菜单不需使用reflow吧，不止各位有何高见？

]]> By: 枯の灵 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-35385 枯の灵 Fri, 02 Nov 2007 05:09:34 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-35385 这样哇 学习了 @Kejun 好复杂哈 呵呵 我恶补一下 …… 又是硕大的提交按钮儿 这样哇

学习了

@Kejun

好复杂哈

呵呵

我恶补一下

……

又是硕大的提交按钮儿

]]> By: Kejun http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-34889 Kejun Fri, 26 Oct 2007 05:41:04 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-34889 每次直接改动tag的style就会导致reflow, 所以推荐先cache再改变： var st = dom.get('targetId').style; st.background = "#fff"; ... 这样就可以避免reflow, 同样访问node的offsetWidth或offsetHeight也会导致reflow,也是先cache 当时只知道这个having minimal reflows的原则，不清楚这个原理，感谢你的分享 每次直接改动tag的style就会导致reflow, 所以推荐先cache再改变：
var st = dom.get(‘targetId’).style;
st.background = “#fff”;
…
这样就可以避免reflow, 同样访问node的offsetWidth或offsetHeight也会导致reflow,也是先cache

当时只知道这个having minimal reflows的原则，不清楚这个原理，感谢你的分享

]]> By: wjs272 http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-33649 wjs272 Tue, 09 Oct 2007 06:11:26 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-33649 gooooooooood gooooooooood

]]> By: aw http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-33059 aw Mon, 01 Oct 2007 13:31:44 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-33059 （呵呵，我口语彻底不行，加上心理素质，最后是把问题写下来给他看） 好吧，我改天去回龙观把你拉出来一起练习^_^ （呵呵，我口语彻底不行，加上心理素质，最后是把问题写下来给他看）
好吧，我改天去回龙观把你拉出来一起练习^_^

]]> By: lewi http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-32646 lewi Wed, 26 Sep 2007 11:04:16 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-32646 非常不错的文章,在其中受益不少,感谢至上. 非常不错的文章,在其中受益不少,感谢至上.

]]> By: xw http://chen.xianan.name/blog/2007/09/09/reflow/comment-page-1/#comment-31658 xw Fri, 14 Sep 2007 09:26:06 +0000 http://realazy.org/blog/2007/09/09/reflow/#comment-31658 哪问一下，如果两层div,第一层设置了宽度譬如100px,里面一层没有设置宽度值，那么是否会影响页面渲染速度呢 哪问一下，如果两层div,第一层设置了宽度譬如100px,里面一层没有设置宽度值，那么是否会影响页面渲染速度呢

]]>