<?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>评论：CSS Expression 的优化</title>
	<atom:link href="http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/</link>
	<description>落草为根—专注前端技术&#38;&#38;关注用户体验</description>
	<lastBuildDate>Fri, 30 Jul 2010 03:14:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>来自：我不是高手</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-7209</link>
		<dc:creator>我不是高手</dc:creator>
		<pubDate>Thu, 15 Apr 2010 07:36:18 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-7209</guid>
		<description>来学习...</description>
		<content:encoded><![CDATA[<p>来学习&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：Dom Ready和Dom Load &#8211; WEB前端开发- 专注前端开发，关注用户体验</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-6679</link>
		<dc:creator>Dom Ready和Dom Load &#8211; WEB前端开发- 专注前端开发，关注用户体验</dc:creator>
		<pubDate>Thu, 04 Mar 2010 12:22:55 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-6679</guid>
		<description>[...] Dom Load是在整个document文档（包括了加载图片等其他信息）加载完成后就可以直接对dom进行操作，比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等；   比如一个图片浏览的效果，通常如果图片尺寸很大的情况下，为了防止图片把页面撑开通常会限定图片的宽度或高度，如果是单张图片或者是多张规格比例统一的图片下我们可以直接在&lt;img&gt;上价格宽度或者高度的属性&lt;img src=“img.jpg” alt=&#8221;码头的大照片&#8221; width=“100” height=“90”&gt;，比如（推荐）或者可以在css样式中加宽度或者高度的属性。但是如果这些张规格比例不统一的图片要浏览呢？那就有问题，你设置宽高很可能造成图片严重失真。在ie6之后ie7，ie8还有其他主流浏览器支持css2.1中min-width，max-width，min-height，max-width，这样我们就可以用min-width，max-width，min-height，max-width解决这些问题，但是ie6除非是抛弃性能问题用css表达式（当然old9(http://old9.blogsome.com/2008/10/26/css-expression-reloaded/)和怿飞(http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/)有关于css表达式性能问题的解决方案,大家可以看一下）。这个时候ie的做好解决方案就是用Dom Ready而不是Dom Load，因为通常大图片加载的时候会一点一点的加载，这个在尺寸大，字节多，网速慢的时候表现的非常明显，用Dom Load，通常是先把页面撑开，加载完成后再把图片重设宽高，图片加载多少时间，这个页面就会撑开多久，用户会非常难受！！ 这点可以看我做的一个的一个小demo：http://www.css88.com/demo/domready/(注意第二次测试的时候要清除缓存) [...]</description>
		<content:encoded><![CDATA[<p>[...] Dom Load是在整个document文档（包括了加载图片等其他信息）加载完成后就可以直接对dom进行操作，比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等；   比如一个图片浏览的效果，通常如果图片尺寸很大的情况下，为了防止图片把页面撑开通常会限定图片的宽度或高度，如果是单张图片或者是多张规格比例统一的图片下我们可以直接在&lt;img&gt;上价格宽度或者高度的属性&lt;img src=“img.jpg” alt=&#8221;码头的大照片&#8221; width=“100” height=“90”&gt;，比如（推荐）或者可以在css样式中加宽度或者高度的属性。但是如果这些张规格比例不统一的图片要浏览呢？那就有问题，你设置宽高很可能造成图片严重失真。在ie6之后ie7，ie8还有其他主流浏览器支持css2.1中min-width，max-width，min-height，max-width，这样我们就可以用min-width，max-width，min-height，max-width解决这些问题，但是ie6除非是抛弃性能问题用css表达式（当然old9(http://old9.blogsome.com/2008/10/26/css-expression-reloaded/)和怿飞(http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/)有关于css表达式性能问题的解决方案,大家可以看一下）。这个时候ie的做好解决方案就是用Dom Ready而不是Dom Load，因为通常大图片加载的时候会一点一点的加载，这个在尺寸大，字节多，网速慢的时候表现的非常明显，用Dom Load，通常是先把页面撑开，加载完成后再把图片重设宽高，图片加载多少时间，这个页面就会撑开多久，用户会非常难受！！ 这点可以看我做的一个的一个小demo：http://www.css88.com/demo/domready/(注意第二次测试的时候要清除缓存) [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：Dom Ready和Dom Load[zz] &#124; CQ-CSER</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-6465</link>
		<dc:creator>Dom Ready和Dom Load[zz] &#124; CQ-CSER</dc:creator>
		<pubDate>Sat, 13 Feb 2010 08:12:34 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-6465</guid>
		<description>[...] Dom Load是在整个document文档（包括了加载图片等其他信息）加载完成后就可以直接对dom进行操作，比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等；   比如一个图片浏览的效果，通常如果图片尺寸很大的情况下，为了防止图片把页面撑开通常会限定图片的宽度或高度，如果是单张图片或者是多张规格比例统一的图片下我们可以直接在&lt;img&gt;上价格宽度或者高度的属性&lt;img src=“img.jpg” alt=”码头的大照片” width=“100” height=“90”&gt;，比如（推荐）或者可以在css样式中加宽度或者高度的属性。但是如果这些张规格比例不统一的图片要浏览呢？那就有问题，你设置宽高很可能造成图片严重失真。在ie6之后ie7，ie8还有其他主流浏览器支持css2.1中min-width，max-width，min-height，max-width，这样我们就可以用min-width，max-width，min-height，max-width解决这些问题，但是ie6除非是抛弃性能问题用css表达式（当然old9(http://old9.blogsome.com/2008/10/26/css-expression-reloaded/)和怿飞(http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/)有关于css表达式性能问题的解决方案,大家可以看一下）。这个时候ie的做好解决方案就是用Dom Ready而不是Dom Load，因为通常大图片加载的时候会一点一点的加载，这个在尺寸大，字节多，网速慢的时候表现的非常明显，用Dom Load，通常是先把页面撑开，加载完成后再把图片重设宽高，图片加载多少时间，这个页面就会撑开多久，用户会非常难受！！ 这点可以看我做的一个的一个小demo：http://www.css88.com/demo/domready/(注意第二次测试的时候要清除缓存) [...]</description>
		<content:encoded><![CDATA[<p>[...] Dom Load是在整个document文档（包括了加载图片等其他信息）加载完成后就可以直接对dom进行操作，比如一张图片要等这个图标加载完成之后才能设置图片的宽高的属性或样式等；   比如一个图片浏览的效果，通常如果图片尺寸很大的情况下，为了防止图片把页面撑开通常会限定图片的宽度或高度，如果是单张图片或者是多张规格比例统一的图片下我们可以直接在&lt;img&gt;上价格宽度或者高度的属性&lt;img src=“img.jpg” alt=”码头的大照片” width=“100” height=“90”&gt;，比如（推荐）或者可以在css样式中加宽度或者高度的属性。但是如果这些张规格比例不统一的图片要浏览呢？那就有问题，你设置宽高很可能造成图片严重失真。在ie6之后ie7，ie8还有其他主流浏览器支持css2.1中min-width，max-width，min-height，max-width，这样我们就可以用min-width，max-width，min-height，max-width解决这些问题，但是ie6除非是抛弃性能问题用css表达式（当然old9(http://old9.blogsome.com/2008/10/26/css-expression-reloaded/)和怿飞(http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/)有关于css表达式性能问题的解决方案,大家可以看一下）。这个时候ie的做好解决方案就是用Dom Ready而不是Dom Load，因为通常大图片加载的时候会一点一点的加载，这个在尺寸大，字节多，网速慢的时候表现的非常明显，用Dom Load，通常是先把页面撑开，加载完成后再把图片重设宽高，图片加载多少时间，这个页面就会撑开多久，用户会非常难受！！ 这点可以看我做的一个的一个小demo：http://www.css88.com/demo/domready/(注意第二次测试的时候要清除缓存) [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：之路</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-5320</link>
		<dc:creator>之路</dc:creator>
		<pubDate>Sat, 21 Nov 2009 05:41:51 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-5320</guid>
		<description>学习了</description>
		<content:encoded><![CDATA[<p>学习了</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：样@式 &#187; [作业 2009年10月16日]文字列表中日期跟随标题</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-5219</link>
		<dc:creator>样@式 &#187; [作业 2009年10月16日]文字列表中日期跟随标题</dc:creator>
		<pubDate>Tue, 10 Nov 2009 11:22:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-5219</guid>
		<description>[...] CSS Expression 的优化 [...]</description>
		<content:encoded><![CDATA[<p>[...] CSS Expression 的优化 [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：uup</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-5073</link>
		<dc:creator>uup</dc:creator>
		<pubDate>Fri, 30 Oct 2009 10:17:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-5073</guid>
		<description>width: expression(document.body.clientWidth-4);	
		height:expression(document.documentElement.clientHeight - 34);
这两句在IE下加载的时候为什么高度必须得刷新一次才能正确！苦恼中</description>
		<content:encoded><![CDATA[<p>width: expression(document.body.clientWidth-4);<br />
		height:expression(document.documentElement.clientHeight &#8211; 34);<br />
这两句在IE下加载的时候为什么高度必须得刷新一次才能正确！苦恼中</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：chenlei</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4886</link>
		<dc:creator>chenlei</dc:creator>
		<pubDate>Wed, 21 Oct 2009 10:27:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4886</guid>
		<description>2.在 CSS expression 内， “this”关键字指向当前匹配的 HTML 元素。
------------------------
这个因为同浏览器而不同,在ie8下,expression的this指向的是window对象

对于expression重复执行的问题,可以创建一个全局对象来解决,怎么样的全局呢,.最直接给window添加一个属性,执行前判断这个属性是否存在就可以了.</description>
		<content:encoded><![CDATA[<p>2.在 CSS expression 内， “this”关键字指向当前匹配的 HTML 元素。<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
这个因为同浏览器而不同,在ie8下,expression的this指向的是window对象</p>
<p>对于expression重复执行的问题,可以创建一个全局对象来解决,怎么样的全局呢,.最直接给window添加一个属性,执行前判断这个属性是否存在就可以了.</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：edielei</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4588</link>
		<dc:creator>edielei</dc:creator>
		<pubDate>Wed, 23 Sep 2009 02:02:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4588</guid>
		<description>不如用JQuery！</description>
		<content:encoded><![CDATA[<p>不如用JQuery！</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：Ariex</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4569</link>
		<dc:creator>Ariex</dc:creator>
		<pubDate>Tue, 22 Sep 2009 02:32:36 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4569</guid>
		<description>貌似第一个要好许多，可以控制脚本执行的时机，而第二个单例模式似乎就不怎么适合做这样的事情了……</description>
		<content:encoded><![CDATA[<p>貌似第一个要好许多，可以控制脚本执行的时机，而第二个单例模式似乎就不怎么适合做这样的事情了……</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：cc</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4566</link>
		<dc:creator>cc</dc:creator>
		<pubDate>Tue, 22 Sep 2009 02:07:06 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4566</guid>
		<description>这东西一般不用</description>
		<content:encoded><![CDATA[<p>这东西一般不用</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：bob</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4564</link>
		<dc:creator>bob</dc:creator>
		<pubDate>Tue, 22 Sep 2009 00:34:32 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4564</guid>
		<description>IE8应该是在标准doctype说明下不支持CSS Expression，
其实还是支持的。</description>
		<content:encoded><![CDATA[<p>IE8应该是在标准doctype说明下不支持CSS Expression，<br />
其实还是支持的。</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：vapour</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4563</link>
		<dc:creator>vapour</dc:creator>
		<pubDate>Tue, 22 Sep 2009 00:23:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4563</guid>
		<description>IE8不支持CSS Expression了</description>
		<content:encoded><![CDATA[<p>IE8不支持CSS Expression了</p>
]]></content:encoded>
	</item>
	<item>
		<title>来自：宇义</title>
		<link>http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/comment-page-1/#comment-4558</link>
		<dc:creator>宇义</dc:creator>
		<pubDate>Mon, 21 Sep 2009 17:56:36 +0000</pubDate>
		<guid isPermaLink="false">http://www.planabc.net/?p=292#comment-4558</guid>
		<description>Dion Almaer 的方法有点残，只是不停地判断return而已。old9的方法才是真正的一次执行。

考虑到IE的各种兼容性问题，expression有大用处呢。</description>
		<content:encoded><![CDATA[<p>Dion Almaer 的方法有点残，只是不停地判断return而已。old9的方法才是真正的一次执行。</p>
<p>考虑到IE的各种兼容性问题，expression有大用处呢。</p>
]]></content:encoded>
	</item>
</channel>
</rss>
