<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>蓝色骑兵-web技术&#124;网络生活</title>
	<atom:link href="http://www.wkeke.cn/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wkeke.cn</link>
	<description>追逐和分享web技术资讯，沉浸并热爱互联网虚拟生活，高擎蓝色大旗，像亚瑟王一样战斗……</description>
	<pubDate>Tue, 08 Jun 2010 16:48:53 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
	<language>en</language>
			<item>
		<title>HIT I love you - 贺母校哈工大90华诞</title>
		<link>http://www.wkeke.cn/archives/hit-i-love-you/</link>
		<comments>http://www.wkeke.cn/archives/hit-i-love-you/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 16:46:35 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Lanqi's Life]]></category>

		<category><![CDATA[Study]]></category>

		<category><![CDATA[HIT]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=297</guid>
		<description><![CDATA[就在前天，母校 哈尔滨工业大学迎来了建校90周年的喜庆节日。毕业离校已9月有余，甚是怀念学校的一草一木，怀念校园里洒落的那些青葱岁月。在网上看到校庆晚会，很感动。祝母校明天更美好。HIT，I love you！
相关文章

暂无相关文章……

]]></description>
			<content:encoded><![CDATA[<p>就在前天，母校 <a title="哈尔滨工业大学" href="http://www.hit.edu.cn" target="_blank">哈尔滨工业大学</a>迎来了建校90周年的喜庆节日。毕业离校已9月有余，甚是怀念学校的一草一木，怀念校园里洒落的那些青葱岁月。在网上看到校庆晚会，很感动。祝母校明天更美好。<a title="哈尔滨工业大学" href="http://www.hit.edu.cn" target="_blank">HIT</a>，I love you！<br />
<h3>相关文章</h3>
<ul class="related_post">
<li>暂无相关文章……</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/hit-i-love-you/feed/</wfw:commentRss>
		</item>
		<item>
		<title>超出容器部分内容显示省略号的可行方案</title>
		<link>http://www.wkeke.cn/archives/firefox-ie-ellipsis/</link>
		<comments>http://www.wkeke.cn/archives/firefox-ie-ellipsis/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 16:07:28 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[DHTML&amp;Javascript]]></category>

		<category><![CDATA[ellipsis]]></category>

		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=295</guid>
		<description><![CDATA[一个Web项目中有装载数据的表格，表格列可以拖拽调整宽度，在IE下可用text-overflow:ellipsis样式实现 超出列宽的内容以省略号代替，无奈标准浏览器不支持。网上的许多方案也不完美，有的利用hack手法能在Firefox下显示省略号，但是在字符没有超过宽度的情况下也会显示。如果用前端脚本来处理的话又感觉浪费了性能。最后采取了火狐的如下方式：
定义CSS：

.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');display:block;}

CSS中调用的ellipsis.xml如下：



  
    
      
        
      
    
  


但经过验证Firefox2..0不支持此方法。
继续努力探求更稳妥、全面、完美的解决方案。
学习笔记之 ：超出容器部分内容显示省略号的兼容各浏览器的可行方案，暂作记录。
相关文章

2009-12-21 &#8212; Firefox3.5使用率超IE7
2009-12-21 &#8212; Firefox2下光标不显示的情形
2009-06-13 &#8212; 当把浏览器比作女人……
2009-05-10 &#8212; IE与Firefox下的VRML插件问题
2008-09-05 &#8212; 话说IE与Firefox的CSS兼容

]]></description>
			<content:encoded><![CDATA[<p>一个Web项目中有装载数据的表格，表格列可以拖拽调整宽度，在IE下可用text-overflow:ellipsis样式实现 超出列宽的内容以省略号代替，无奈标准浏览器不支持。网上的许多方案也不完美，有的利用hack手法能在Firefox下显示省略号，但是在字符没有超过宽度的情况下也会显示。如果用前端脚本来处理的话又感觉浪费了性能。最后采取了火狐的如下方式：<span id="more-295"></span></p>
<p>定义CSS：</p>
<pre name="code" class="css">
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');display:block;}
</pre>
<p>CSS中调用的ellipsis.xml如下：</p>
<pre name="code" class="xml">
<?xml version="1.0" encoding="utf-8" ?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  <binding id="ellipsis">
    <content>
      <xul:description crop="end" xbl:inherits="value=xbl:text">
        <children/>
      </xul:description>
    </content>
  </binding>
</bindings>
</pre>
<p>但经过验证Firefox2..0不支持此方法。<br />
继续努力探求更稳妥、全面、完美的解决方案。<br />
学习笔记之 ：超出容器部分内容显示省略号的兼容各浏览器的可行方案，暂作记录。<br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2009-12-21 &#8212; <a href="http://www.wkeke.cn/archives/firefox35-ie7/" title="Firefox3.5使用率超IE7">Firefox3.5使用率超IE7</a></li>
<li>2009-12-21 &#8212; <a href="http://www.wkeke.cn/archives/firefox2-cursor-input/" title="Firefox2下光标不显示的情形">Firefox2下光标不显示的情形</a></li>
<li>2009-06-13 &#8212; <a href="http://www.wkeke.cn/archives/when-the-browser-as-awoman/" title="当把浏览器比作女人……">当把浏览器比作女人……</a></li>
<li>2009-05-10 &#8212; <a href="http://www.wkeke.cn/archives/ie-firefox-vrml/" title="IE与Firefox下的VRML插件问题">IE与Firefox下的VRML插件问题</a></li>
<li>2008-09-05 &#8212; <a href="http://www.wkeke.cn/archives/ie-firefox-css-compatible/" title="话说IE与Firefox的CSS兼容">话说IE与Firefox的CSS兼容</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/firefox-ie-ellipsis/feed/</wfw:commentRss>
		</item>
		<item>
		<title>优秀的云存储服务Dropbox遭封杀</title>
		<link>http://www.wkeke.cn/archives/dropbox-gfw-cn/</link>
		<comments>http://www.wkeke.cn/archives/dropbox-gfw-cn/#comments</comments>
		<pubDate>Tue, 11 May 2010 14:45:18 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Focus]]></category>

		<category><![CDATA[Dropbox]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=294</guid>
		<description><![CDATA[昨天起，世界上最优秀的云存储服务Dropbox在大陆境内无法访问，到今天，互联网路一片愤慨。对于刽子手来说，这只是在他们长长的杀戮名单上再添一笔，但却是对广大网民利益的彻底无视，是对他们自己手中zhuan zhi权力的狂妄滥用。Facebook、Twitter、维基百科、YouTube、Blogger、google等全世界最优秀的服务和网站一个个远离中国，现在再加一个Dropbox。
相关文章

暂无相关文章……

]]></description>
			<content:encoded><![CDATA[<p>昨天起，世界上最优秀的云存储服务Dropbox在大陆境内无法访问，到今天，互联网路一片愤慨。对于刽子手来说，这只是在他们长长的杀戮名单上再添一笔，但却是对广大网民利益的彻底无视，是对他们自己手中zhuan zhi权力的狂妄滥用。Facebook、Twitter、维基百科、YouTube、Blogger、google等全世界最优秀的服务和网站一个个远离中国，现在再加一个Dropbox。</p>
<h3>相关文章</h3>
<ul class="related_post">
<li>暂无相关文章……</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/dropbox-gfw-cn/feed/</wfw:commentRss>
		</item>
		<item>
		<title>优酷(youku)不能访问 转向错误页面</title>
		<link>http://www.wkeke.cn/archives/youku-error/</link>
		<comments>http://www.wkeke.cn/archives/youku-error/#comments</comments>
		<pubDate>Fri, 07 May 2010 13:15:58 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Focus]]></category>

		<category><![CDATA[IT news]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=292</guid>
		<description><![CDATA[今天晚上九点左右，优酷出现故障不能访问，直至此文发布已经至少半个小时不能访问。是被黑 还是 被和谐了呢？打开的优酷页面被重定向到 优酷的错误页面，显示“网站遇到临时故障”如图：



更新：
21:27访问时：访问youku.com域名已被转向 ip地址61.135.196.168，重定向到http://61.135.196.168/youku/youku.html这个错误页面。
 
相关文章

暂无相关文章……

]]></description>
			<content:encoded><![CDATA[<p>今天晚上九点左右，<a href="http://youku.com" target="_blank"><strong>优酷</strong></a>出现故障不能访问，直至此文发布已经至少半个小时不能访问。是被黑 还是 被<strong>和谐</strong>了呢？打开的<strong>优酷</strong>页面被重定向到 <strong>优酷</strong>的错误页面，显示“<strong>网站遇到临时故障</strong>”如图：<span id="more-292"></span><br />
<a href="http://www.wkeke.cn/archives/youku-error/">
<p style="text-align: center;"><img class="alignnone size-medium wp-image-293" title="youku不能访问" src="http://www.wkeke.cn/wp-content/uploads/2010/05/youku-300x192.jpg" alt="" width="300" height="192" /></p>
<p></a></p>
<p><strong>更新：</strong><br />
21:27访问时：访问youku.com域名已被转向 ip地址61.135.196.168，重定向到http://61.135.196.168/youku/youku.html这个错误页面。</p>
<p> <br />
<h3>相关文章</h3>
<ul class="related_post">
<li>暂无相关文章……</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/youku-error/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Flash与HTML5之争甚嚣尘上</title>
		<link>http://www.wkeke.cn/archives/flash-vs-html5/</link>
		<comments>http://www.wkeke.cn/archives/flash-vs-html5/#comments</comments>
		<pubDate>Tue, 04 May 2010 15:01:17 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Flash]]></category>

		<category><![CDATA[Focus]]></category>

		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=291</guid>
		<description><![CDATA[正当HTML5的普及还有很长的一段路途，Adobe阵营在最近迎来了前所未有的质疑、数落和批评。包括苹果在内的巨头似乎要致Flash于死地，而各种流言蜚语也纷至沓来，一一数落Flash长短，当然其中也不免有力挺Flash的忠实拥趸。而作为Web技术幻景或未来标准的HTML5则得到大多数的支持和憧憬。下面收集了一些最近见诸媒体的关于Flash与HTML5之争的新闻，看来这场战争还会持续相当长一段时间，与其说是标准之争，说到底，这是双方阵营的一场利益之争。暂且坐山观虎斗吧。
微软高管澄清IE9误会：将通过插件继续支持Flash
微软证实下一代浏览器IE 9将不支持Flash
Steve Jobs讨厌Flash的真正原因
微软IE总经理：Flash不安全和不可靠
HTML5：实至名归还是言过其实？
 Adobe CEO回应乔布斯批评：Flash是开放规格
乔布斯发文炮轰Adobe：Flash不适合手机时代
HTML5新功能演示
相关文章

2010-02-07 &#8212; HTML5与Flash之战
2009-05-25 &#8212; Opera表示:HTML 5使得Flash变得可有可无
2009-12-28 &#8212; 2010值得期待的Web技术展望
2009-09-26 &#8212; Adobe Flash 面对的挑战
2009-08-10 &#8212; 如何做好Flash网站的SEO
2009-07-09 &#8212; XHTML 2夭亡而HTML 5崛起？

]]></description>
			<content:encoded><![CDATA[<p>正当HTML5的普及还有很长的一段路途，Adobe阵营在最近迎来了前所未有的质疑、数落和批评。包括苹果在内的巨头似乎要致Flash于死地，而各种流言蜚语也纷至沓来，一一数落Flash长短，当然其中也不免有力挺Flash的忠实拥趸。而作为Web技术幻景或未来标准的HTML5则得到大多数的支持和憧憬。下面收集了一些最近见诸媒体的关于Flash与HTML5之争的新闻，看来这场战争还会持续相当长一段时间，与其说是标准之争，说到底，这是双方阵营的一场利益之争。暂且坐山观虎斗吧。<span id="more-291"></span></p>
<p><a title="微软高管澄清IE9误会：将通过插件继续支持Flash" href="http://news.csdn.net/a/20100504/218260.html">微软高管澄清IE9误会：将通过插件继续支持Flash</a></p>
<p><a title="微软证实下一代浏览器IE 9将不支持Flash" href="http://news.csdn.net/a/20100502/218247.html" target="_blank">微软证实下一代浏览器IE 9将不支持Flash</a></p>
<p><a title="Steve Jobs讨厌Flash的真正原因" href="http://news.csdn.net/a/20100504/218262.html" target="_blank">Steve Jobs讨厌Flash的真正原因</a></p>
<p><a title="微软IE总经理：Flash不安全和不可靠" href="http://news.csdn.net/a/20100501/218238.html" target="_blank">微软IE总经理：Flash不安全和不可靠</a></p>
<p><a title="HTML5：实至名归还是言过其实？" href="http://news.csdn.net/a/20100501/218237.html" target="_blank">HTML5：实至名归还是言过其实？</a></p>
<p> <a title="Adobe CEO回应乔布斯批评：Flash是开放规格" href="http://news.csdn.net/a/20100430/218219.html" target="_blank">Adobe CEO回应乔布斯批评：Flash是开放规格</a></p>
<p><a title="乔布斯发文炮轰Adobe：Flash不适合手机时代" href="http://news.csdn.net/a/20100430/218214.html" target="_blank">乔布斯发文炮轰Adobe：Flash不适合手机时代</a></p>
<p><a title="HTML5新功能演示" href="http://news.csdn.net/a/20100429/218211.html" target="_blank">HTML5新功能演示</a><br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2010-02-07 &#8212; <a href="http://www.wkeke.cn/archives/the-war-of-html5-and-flash/" title="HTML5与Flash之战">HTML5与Flash之战</a></li>
<li>2009-05-25 &#8212; <a href="http://www.wkeke.cn/archives/html5-makes-flash-become-dispensable/" title="Opera表示:HTML 5使得Flash变得可有可无">Opera表示:HTML 5使得Flash变得可有可无</a></li>
<li>2009-12-28 &#8212; <a href="http://www.wkeke.cn/archives/2010-web/" title="2010值得期待的Web技术展望">2010值得期待的Web技术展望</a></li>
<li>2009-09-26 &#8212; <a href="http://www.wkeke.cn/archives/challenges-adobe-flash-facing/" title="Adobe Flash 面对的挑战">Adobe Flash 面对的挑战</a></li>
<li>2009-08-10 &#8212; <a href="http://www.wkeke.cn/archives/flash-seo/" title="如何做好Flash网站的SEO">如何做好Flash网站的SEO</a></li>
<li>2009-07-09 &#8212; <a href="http://www.wkeke.cn/archives/xhtml2-html5/" title="XHTML 2夭亡而HTML 5崛起？">XHTML 2夭亡而HTML 5崛起？</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/flash-vs-html5/feed/</wfw:commentRss>
		</item>
		<item>
		<title>感受朝阳公园万人草坪音乐会</title>
		<link>http://www.wkeke.cn/archives/chaoyang-park-music-party/</link>
		<comments>http://www.wkeke.cn/archives/chaoyang-park-music-party/#comments</comments>
		<pubDate>Sun, 02 May 2010 17:00:38 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Lanqi's Life]]></category>

		<category><![CDATA[music]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=288</guid>
		<description><![CDATA[今天晚上去现场感受了朝阳公园的万人草坪音乐节。朝阳流行音乐周每年都举行，有一定的影响力，为期一周，每天不一样的明显阵容，在朝阳公园的万人草坪广场上举行，是乐迷们的盛事。今天天气非常好，微风轻拂，朝阳公园里绿意盎然，一片生机勃勃，演唱会伴着落日余晖和阵阵飘来的青草香，在下午六点的时候准时开始了。历时三个小时左右的演唱会，到场的唱将主要有沙宝亮、信乐团、许飞、王啸坤等等，所有演员发挥还算不错，现场音响效果很好，据说是奥运会开幕式的音响团队，所以歌手们都自带乐队。整个晚上感觉印象最深的就是重新组合，全新出发的信乐团。新主唱文杰音色清澈，转音出色，爆发力超强。下午五点多时，信乐团就在舞台上调试乐器和试音，那时候我们都没有注意到是信乐团。当时文杰就在上面唱了了好几首歌，我当时就想，这音乐节也太牛X了，试音的工作人员水平都这么高！等到最后信乐团携新主唱 文杰 登场时，才恍然大悟。观众们把最热烈的气氛和最响亮的掌声送给了信乐团，他们确实值得鼓励和期待。从下午的四五点就开始在台上开始准备，至少他们的态度和努力值得乐迷们的欢呼。

相关文章

暂无相关文章……

]]></description>
			<content:encoded><![CDATA[<p>今天晚上去现场感受了朝阳公园的万人草坪音乐节。朝阳流行音乐周每年都举行，有一定的影响力，为期一周，每天不一样的明显阵容，在朝阳公园的万人草坪广场上举行，是乐迷们的盛事。今天天气非常好，微风轻拂，朝阳公园里绿意盎然，一片生机勃勃，演唱会伴着落日余晖和阵阵飘来的青草香，在下午六点的时候准时开始了。<span id="more-288"></span>历时三个小时左右的演唱会，到场的唱将主要有沙宝亮、信乐团、许飞、王啸坤等等，所有演员发挥还算不错，现场音响效果很好，据说是奥运会开幕式的音响团队，所以歌手们都自带乐队。整个晚上感觉印象最深的就是重新组合，全新出发的信乐团。新主唱文杰音色清澈，转音出色，爆发力超强。下午五点多时，信乐团就在舞台上调试乐器和试音，那时候我们都没有注意到是信乐团。当时文杰就在上面唱了了好几首歌，我当时就想，这音乐节也太牛X了，试音的工作人员水平都这么高！等到最后信乐团携新主唱 文杰 登场时，才恍然大悟。观众们把最热烈的气氛和最响亮的掌声送给了信乐团，他们确实值得鼓励和期待。从下午的四五点就开始在台上开始准备，至少他们的态度和努力值得乐迷们的欢呼。<br />
<center><a href='http://www.wkeke.cn/archives/chaoyang-park-music-partychaoyang-park-music-party/'><img src="http://www.wkeke.cn/wp-content/uploads/2010/05/20100502608-300x225.jpg" alt="" title="20100502608" width="300" height="225" class="alignnone size-medium wp-image-289" /></a></center><br />
<h3>相关文章</h3>
<ul class="related_post">
<li>暂无相关文章……</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/chaoyang-park-music-party/feed/</wfw:commentRss>
		</item>
		<item>
		<title>处理了一批链接</title>
		<link>http://www.wkeke.cn/archives/strip-some-friend-link/</link>
		<comments>http://www.wkeke.cn/archives/strip-some-friend-link/#comments</comments>
		<pubDate>Sat, 24 Apr 2010 17:37:12 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Lanqi's Life]]></category>

		<category><![CDATA[wkeke.cn]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=287</guid>
		<description><![CDATA[查看了所有友情链接，我暂时将域名已经不存在，或者已经删除本站链接的友站 移除。如有差错，请及时联系，即刻恢复。
相关文章

2010-04-22 &#8212; 再次备案成功 重新开张
2009-05-28 &#8212; PR又更新了？
2009-04-02 &#8212; PR更新了
2008-04-18 &#8212; 一切的都是新的，从0开始……

]]></description>
			<content:encoded><![CDATA[<p>查看了所有友情链接，我暂时将域名已经不存在，或者已经删除本站链接的友站 移除。如有差错，请及时联系，即刻恢复。<br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2010-04-22 &#8212; <a href="http://www.wkeke.cn/archives/wkeke-cn-miibeian-gov-cn/" title="再次备案成功 重新开张">再次备案成功 重新开张</a></li>
<li>2009-05-28 &#8212; <a href="http://www.wkeke.cn/archives/09-pr-update-again/" title="PR又更新了？">PR又更新了？</a></li>
<li>2009-04-02 &#8212; <a href="http://www.wkeke.cn/archives/google-pr-update/" title="PR更新了">PR更新了</a></li>
<li>2008-04-18 &#8212; <a href="http://www.wkeke.cn/archives/wkeke-cn-begin-with-noting/" title="一切的都是新的，从0开始……">一切的都是新的，从0开始……</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/strip-some-friend-link/feed/</wfw:commentRss>
		</item>
		<item>
		<title>再次备案成功 重新开张</title>
		<link>http://www.wkeke.cn/archives/wkeke-cn-miibeian-gov-cn/</link>
		<comments>http://www.wkeke.cn/archives/wkeke-cn-miibeian-gov-cn/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 14:34:49 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[Lanqi's Life]]></category>

		<category><![CDATA[wkeke.cn]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=286</guid>
		<description><![CDATA[上个星期，本站的备案被注销。缘由不明。遂重新提交备案，数天后被退回，因通讯地址没有具体至门牌号，随即修改再次提交。今天终于再次备案成功。真是坎坷不尽。重新开张，值得庆贺。
相关文章

2010-04-25 &#8212; 处理了一批链接
2009-05-28 &#8212; PR又更新了？
2009-04-02 &#8212; PR更新了
2008-04-18 &#8212; 一切的都是新的，从0开始……

]]></description>
			<content:encoded><![CDATA[<p>上个星期，本站的备案被注销。缘由不明。遂重新提交备案，数天后被退回，因通讯地址没有具体至门牌号，随即修改再次提交。今天终于再次备案成功。真是坎坷不尽。重新开张，值得庆贺。<br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2010-04-25 &#8212; <a href="http://www.wkeke.cn/archives/strip-some-friend-link/" title="处理了一批链接">处理了一批链接</a></li>
<li>2009-05-28 &#8212; <a href="http://www.wkeke.cn/archives/09-pr-update-again/" title="PR又更新了？">PR又更新了？</a></li>
<li>2009-04-02 &#8212; <a href="http://www.wkeke.cn/archives/google-pr-update/" title="PR更新了">PR更新了</a></li>
<li>2008-04-18 &#8212; <a href="http://www.wkeke.cn/archives/wkeke-cn-begin-with-noting/" title="一切的都是新的，从0开始……">一切的都是新的，从0开始……</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/wkeke-cn-miibeian-gov-cn/feed/</wfw:commentRss>
		</item>
		<item>
		<title>IE6也认识!important</title>
		<link>http://www.wkeke.cn/archives/ie6-and-important/</link>
		<comments>http://www.wkeke.cn/archives/ie6-and-important/#comments</comments>
		<pubDate>Wed, 07 Apr 2010 15:19:04 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[hack]]></category>

		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=285</guid>
		<description><![CDATA[!important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important，而Firefox能读懂!important，其改变了样式的优先级。其实IE6在某些情况下，也能认识!important。

如：


#aDiv{
	color:red;
}
#bDiv{
	color:red !important;
}



aDiv


bDiv

如果IE6不认!important的话，bDiv应该和aDiv一样显示为绿色，可偏偏不是，bDiv显示为红色，说明IE6是认得!important的。
再来看看：


#cDiv{
	color:red !important;
	color:green;
}

cDiv



这个时候，IE6又忽视!important的存在了。
两种情况的区别就在于：当在一个选择器中，利用!important改变样式优先级的时候，IE6下是无效的，后面的样式覆盖了前面的，!important被彻底无视了，利用!important进行hack正是利用了这一点。而当在不同选择器中应用!important时，IE6是认得!important的。
相关文章

2009-04-19 &#8212; IE下中英文字体混排时之对不齐问题
2009-04-16 &#8212; IE6走后将留下的快感
2008-09-05 &#8212; 话说IE与Firefox的CSS兼容
2009-12-21 &#8212; Firefox3.5使用率超IE7
2009-11-10 &#8212; 如何禁止选中文字
2009-08-05 &#8212; 话说CSS的优先权

]]></description>
			<content:encoded><![CDATA[<p>!important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important，而Firefox能读懂!important，其改变了样式的优先级。其实IE6在某些情况下，也能认识!important。<br />
<span id="more-285"></span><br />
如：</p>
<pre name="code" class="XML">
<style type="text/css">
#aDiv{
	color:red;
}
#bDiv{
	color:red !important;
}
</style>

<!--IE6、FF下，字体为绿色-->
<div id="aDiv" style="color:green;">aDiv</div>

<!--IE6、FF下，字体为红色-->
<div id="bDiv" style="color:green;">bDiv</div>
</pre>
<p>如果IE6不认!important的话，bDiv应该和aDiv一样显示为绿色，可偏偏不是，bDiv显示为红色，说明IE6是认得!important的。</p>
<p>再来看看：</p>
<pre name="code" class="XML">
<style type="text/css">
#cDiv{
	color:red !important;
	color:green;
}
</style>
<div id="cDiv">cDiv</div>

<!--IE6下，字体为绿色;FF下，字体为红色-->
</pre>
<p>这个时候，IE6又忽视!important的存在了。</p>
<p>两种情况的区别就在于：当在一个选择器中，利用!important改变样式优先级的时候，IE6下是无效的，后面的样式覆盖了前面的，!important被彻底无视了，利用!important进行hack正是利用了这一点。而当在不同选择器中应用!important时，IE6是认得!important的。<br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2009-04-19 &#8212; <a href="http://www.wkeke.cn/archives/ie-chinese-english-dislocation/" title="IE下中英文字体混排时之对不齐问题">IE下中英文字体混排时之对不齐问题</a></li>
<li>2009-04-16 &#8212; <a href="http://www.wkeke.cn/archives/benefits-after-the-disappearance-of-ie6/" title="IE6走后将留下的快感">IE6走后将留下的快感</a></li>
<li>2008-09-05 &#8212; <a href="http://www.wkeke.cn/archives/ie-firefox-css-compatible/" title="话说IE与Firefox的CSS兼容">话说IE与Firefox的CSS兼容</a></li>
<li>2009-12-21 &#8212; <a href="http://www.wkeke.cn/archives/firefox35-ie7/" title="Firefox3.5使用率超IE7">Firefox3.5使用率超IE7</a></li>
<li>2009-11-10 &#8212; <a href="http://www.wkeke.cn/archives/unselectable-words/" title="如何禁止选中文字">如何禁止选中文字</a></li>
<li>2009-08-05 &#8212; <a href="http://www.wkeke.cn/archives/about-css-priority/" title="话说CSS的优先权">话说CSS的优先权</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/ie6-and-important/feed/</wfw:commentRss>
		</item>
		<item>
		<title>一个JavaScript类型判断函数</title>
		<link>http://www.wkeke.cn/archives/javascript-typeof-function/</link>
		<comments>http://www.wkeke.cn/archives/javascript-typeof-function/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 10:19:59 +0000</pubDate>
		<dc:creator>cocoa</dc:creator>
		
		<category><![CDATA[DHTML&amp;Javascript]]></category>

		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.wkeke.cn/?p=284</guid>
		<description><![CDATA[根据ECMA-262中的解释，Object.prototype.toString()，将返回对象实例的类型，返回格式[object class ]字符串。所以 通过 slice截取&#8217;class&#8217;值，也就是类型值。其中null与undefined例外，因为他们返回的是IE中[object Object],标准浏览器[object Window]。因此单独拿出判断。
如：

function echo(str)
{
    document.write(str + "&#8220;);
}
var toString = Object.prototype.toString,undefined;

var arr = [1,2,3];
echo(toString.call(arr)); //[object Array]

echo(toString.call(null));
//IE:[object Object], FF:[object Window]

echo(toString.call(undefined));
//IE:[object Object],FF:[object Window]

有如下函数：

var is = function(obj,type){
   var toString=Object.prototype.toString,undefined;
   return obj===null&#038;&#038;type==='Null'&#124;&#124;
    obj===undefined&#038;&#038;type==='Undefined'&#124;&#124;
    toString.call(obj).slice(8,-1)===type;}
//原文中有小括号包裹每个逻辑与运算，但根据运算符优先级，括号可以省略
//第一行声明undefined,个人理解是为了提高性能，不必再去顶级作用域中查询undefined.

相关文章

2010-03-20 &#8212; 数组的克隆(笔记)
2010-03-19 &#8212; 话说JavaScript中的new
2010-03-15 &#8212; 针对web应用的性能瓶颈进行前端优化
2010-03-01 &#8212; DOM操作优化来加速Javascript
2010-02-22 &#8212; [...]]]></description>
			<content:encoded><![CDATA[<p>根据ECMA-262中的解释，Object.prototype.toString()，将返回对象实例的类型，返回格式[object class ]字符串。所以 通过 slice截取&#8217;class&#8217;值，也就是类型值。其中null与undefined例外，因为他们返回的是IE中[object Object],标准浏览器[object Window]。因此单独拿出判断。<span id="more-284"></span><br />
如：</p>
<pre name="code" class="js">
function echo(str)
{
    document.write(str + "<br/>&#8220;);
}
var toString = Object.prototype.toString,undefined;

var arr = [1,2,3];
echo(toString.call(arr)); //[object Array]

echo(toString.call(null));
//IE:[object Object], FF:[object Window]

echo(toString.call(undefined));
//IE:[object Object],FF:[object Window]
</pre>
<p>有如下函数：</p>
<pre name="code" class="js">
var is = function(obj,type){
   var toString=Object.prototype.toString,undefined;
   return obj===null&#038;&#038;type==='Null'||
    obj===undefined&#038;&#038;type==='Undefined'||
    toString.call(obj).slice(8,-1)===type;}
//原文中有小括号包裹每个逻辑与运算，但根据运算符优先级，括号可以省略
//第一行声明undefined,个人理解是为了提高性能，不必再去顶级作用域中查询undefined.
</pre>
<h3>相关文章</h3>
<ul class="related_post">
<li>2010-03-20 &#8212; <a href="http://www.wkeke.cn/archives/about-clone-of-array-in-javascript/" title="数组的克隆(笔记)">数组的克隆(笔记)</a></li>
<li>2010-03-19 &#8212; <a href="http://www.wkeke.cn/archives/javascript-new/" title="话说JavaScript中的new">话说JavaScript中的new</a></li>
<li>2010-03-15 &#8212; <a href="http://www.wkeke.cn/archives/for-the-performance-of-web-application-to-optimize-web-front-end/" title="针对web应用的性能瓶颈进行前端优化">针对web应用的性能瓶颈进行前端优化</a></li>
<li>2010-03-01 &#8212; <a href="http://www.wkeke.cn/archives/optimization-of-dom-to-speed-up-the-javascript/" title="DOM操作优化来加速Javascript">DOM操作优化来加速Javascript</a></li>
<li>2010-02-22 &#8212; <a href="http://www.wkeke.cn/archives/something-that-is-hard-to-understand-of-javascript/" title="Javascript令人费解那些事">Javascript令人费解那些事</a></li>
<li>2010-01-31 &#8212; <a href="http://www.wkeke.cn/archives/five-small-scripts/" title="几道JavaScript试题">几道JavaScript试题</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.wkeke.cn/archives/javascript-typeof-function/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
