<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>评论：影响 reflow 的因素及其优化</title>
	<atom:link href="http://www.planabc.net/2009/04/13/reflow/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.planabc.net/2009/04/13/reflow/</link>
	<description>落草为根—专注前端技术&#38;&#38;关注用户体验</description>
	<lastBuildDate>Mon, 15 Mar 2010 14:10:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>来自：Silentash-默尘 &#187; DOM操作的性能优化</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-5754</link>
		<dc:creator>Silentash-默尘 &#187; DOM操作的性能优化</dc:creator>
		<pubDate>Sat, 26 Dec 2009 19:01:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-5754</guid>
		<description>[...] blog [...]</description>
		<content:encoded><![CDATA[<p>[...] blog [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：text</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-5438</link>
		<dc:creator>text</dc:creator>
		<pubDate>Thu, 03 Dec 2009 13:23:41 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-5438</guid>
		<description>这个好厉害</description>
		<content:encoded><![CDATA[<p>这个好厉害</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：天堂左我往右</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3670</link>
		<dc:creator>天堂左我往右</dc:creator>
		<pubDate>Mon, 15 Jun 2009 01:40:07 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3670</guid>
		<description>拖拽等交互看样子会很容易引起reflow...</description>
		<content:encoded><![CDATA[<p>拖拽等交互看样子会很容易引起reflow&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：jsssc - 影响 reflow 的因素及其优化</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3385</link>
		<dc:creator>jsssc - 影响 reflow 的因素及其优化</dc:creator>
		<pubDate>Wed, 13 May 2009 04:36:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3385</guid>
		<description>[...] 原文：http://www.planabc.net/2009/04/13/reflow/ [...]</description>
		<content:encoded><![CDATA[<p>[...] 原文：http://www.planabc.net/2009/04/13/reflow/ [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：hax</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3333</link>
		<dc:creator>hax</dc:creator>
		<pubDate>Tue, 05 May 2009 18:34:00 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3333</guid>
		<description>不想改obj.style的，可以改obj.currentStyle或getOverrideStyle

个人经验觉得，reflow对于静态页面其实影响不大。只有要做动画的同志需要好好考虑一下。另，测试reflow的时间，可以用一个简单的方法：
x.innerHTML = ...
t0 = new Date()
x.offsetHeight
t1 = new Date()
alert(t1-t2)
因为通常offsetHeight总是要等reflow完成才能计算出来，所以脚本会被阻塞直到reflow完成。</description>
		<content:encoded><![CDATA[<p>不想改obj.style的，可以改obj.currentStyle或getOverrideStyle</p>
<p>个人经验觉得，reflow对于静态页面其实影响不大。只有要做动画的同志需要好好考虑一下。另，测试reflow的时间，可以用一个简单的方法：<br />
x.innerHTML = &#8230;<br />
t0 = new Date()<br />
x.offsetHeight<br />
t1 = new Date()<br />
alert(t1-t2)<br />
因为通常offsetHeight总是要等reflow完成才能计算出来，所以脚本会被阻塞直到reflow完成。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：yoom</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3216</link>
		<dc:creator>yoom</dc:creator>
		<pubDate>Wed, 15 Apr 2009 02:16:54 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3216</guid>
		<description>看到淘宝，mozilla, yahoo的html代码都是做一个最外层的容器。
  or 

有什么好处呢，难道body不是天然的container或page么?总感觉这样会影响页面加载速度，因为它们的结束标签要到收尾阶段才能得到确认。

或许是我还不理解浏览器的渲染流程</description>
		<content:encoded><![CDATA[<p>看到淘宝，mozilla, yahoo的html代码都是做一个最外层的容器。<br />
  or </p>
<p>有什么好处呢，难道body不是天然的container或page么?总感觉这样会影响页面加载速度，因为它们的结束标签要到收尾阶段才能得到确认。</p>
<p>或许是我还不理解浏览器的渲染流程</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：yoom</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3215</link>
		<dc:creator>yoom</dc:creator>
		<pubDate>Wed, 15 Apr 2009 02:04:49 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3215</guid>
		<description>[quote]如果想设定元素的样式，通过改变元素的 class 名 (尽可能在 DOM 树的最里层)（Change classes on the element you wish to style (as low in the dom tree as possible)）[/quote]

一直这么干的，总感觉obj.style不够合理，特别是要同时更改多个样式的时候。</description>
		<content:encoded><![CDATA[<p>[quote]如果想设定元素的样式，通过改变元素的 class 名 (尽可能在 DOM 树的最里层)（Change classes on the element you wish to style (as low in the dom tree as possible)）[/quote]</p>
<p>一直这么干的，总感觉obj.style不够合理，特别是要同时更改多个样式的时候。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：蹲乐 UED &#187; Blog Archive &#187; 关于REFLOW</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3200</link>
		<dc:creator>蹲乐 UED &#187; Blog Archive &#187; 关于REFLOW</dc:creator>
		<pubDate>Tue, 14 Apr 2009 01:25:56 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3200</guid>
		<description>[...] 转自：这里    上一篇： 创意别针 [...]</description>
		<content:encoded><![CDATA[<p>[...] 转自：这里    上一篇： 创意别针 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：怿飞</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3193</link>
		<dc:creator>怿飞</dc:creator>
		<pubDate>Mon, 13 Apr 2009 15:46:56 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3193</guid>
		<description>@birdstudio 不错的建议，thx</description>
		<content:encoded><![CDATA[<p>@birdstudio 不错的建议，thx</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：birdstudio</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3192</link>
		<dc:creator>birdstudio</dc:creator>
		<pubDate>Mon, 13 Apr 2009 15:43:23 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3192</guid>
		<description>谢谢分享~~

另有翻译建议：

as low in the dom tree as possible
尽量在 DOM 树的最底层（末端）

Trade smoothness for speed
牺牲流畅度来换取速度</description>
		<content:encoded><![CDATA[<p>谢谢分享~~</p>
<p>另有翻译建议：</p>
<p>as low in the dom tree as possible<br />
尽量在 DOM 树的最底层（末端）</p>
<p>Trade smoothness for speed<br />
牺牲流畅度来换取速度</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：lanqy</title>
		<link>http://www.planabc.net/2009/04/13/reflow/comment-page-1/#comment-3188</link>
		<dc:creator>lanqy</dc:creator>
		<pubDate>Mon, 13 Apr 2009 11:59:34 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=227#comment-3188</guid>
		<description>感谢分享！</description>
		<content:encoded><![CDATA[<p>感谢分享！</p>
]]></content:encoded>
	</item>
</channel>
</rss>
