<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Lisong&#039;s Blog</title>
	<atom:link href="http://www.imwls.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.imwls.com</link>
	<description>stay away from the programming</description>
	<lastBuildDate>Sun, 22 Aug 2010 01:41:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>8个你未见过的HTＭL5动画效果</title>
		<link>http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations</link>
		<comments>http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations#comments</comments>
		<pubDate>Sat, 21 Aug 2010 22:56:03 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1450</guid>
		<description><![CDATA[HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8  个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5  彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。

Tunnelers



<span class="readmore"><a href="http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations" title="8个你未见过的HTＭL5动画效果">Read More: 481 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8  个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5  彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。<span id="more-1450"></span></p>
<p><strong><a href="http://ghost-hack.com/post/jsexperiments/tunneler/tunneler.html">Tunnelers</a></strong></p>
<p><img class="alignnone size-full wp-image-1453" title="1" src="http://www.imwls.com/wp-content/uploads/2010/08/1.jpg" alt="" width="450" height="200" /></p>
<p>纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。</p>
<p><strong><a href="http://danforys.com/mesmerizer/">The Mesmerizer</a></strong></p>
<p><img class="alignnone size-full wp-image-1454" title="2" src="http://www.imwls.com/wp-content/uploads/2010/08/2.jpg" alt="" width="450" height="200" /></p>
<p>在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。</p>
<p><strong><a href="http://guciek.net/test/burn">Burn</a></strong><br />
<img class="alignnone size-full wp-image-1460" title="3" src="http://www.imwls.com/wp-content/uploads/2010/08/3.jpg" alt="" width="450" height="200" /><br />
在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。</p>
<p><strong><a href="http://spencertipping.com/beta/cheloniidae-live-b1/">Cheloniidae  Live</a></strong></p>
<p><img class="alignnone size-full wp-image-1455" title="4" src="http://www.imwls.com/wp-content/uploads/2010/08/4.jpg" alt="" width="450" height="200" /></p>
<p>也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。</p>
<p><strong><a href="http://www.xs4all.nl/%7Epeterned/3d">Canvas 3D engine</a></strong></p>
<p><img class="alignnone size-full wp-image-1456" title="5" src="http://www.imwls.com/wp-content/uploads/2010/08/5.jpg" alt="" width="450" height="200" /></p>
<p>一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。</p>
<p><strong><a href="http://bomomo.com/">Bomomo</a></strong></p>
<p><img class="alignnone size-full wp-image-1457" title="6" src="http://www.imwls.com/wp-content/uploads/2010/08/6.jpg" alt="" width="450" height="200" /></p>
<p>很值得一试。</p>
<p><strong><a href="http://the389.com/works/three/">DDD</a></strong></p>
<p><img class="alignnone size-full wp-image-1459" title="8" src="http://www.imwls.com/wp-content/uploads/2010/08/8.jpg" alt="" width="450" height="200" /></p>
<p>这个交互动画也很有趣。</p>
<p><strong><a href="http://openrise.com/lab/PlasmaTree/">Plasma Tree</a></strong></p>
<p><img class="alignnone size-full wp-image-1458" title="7" src="http://www.imwls.com/wp-content/uploads/2010/08/7.jpg" alt="" width="450" height="200" /></p>
<p>非常阿凡达。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Windows7自动获取Bing壁纸的主题</title>
		<link>http://www.imwls.com/windows7-auto-download-bing-wallpaper-theme</link>
		<comments>http://www.imwls.com/windows7-auto-download-bing-wallpaper-theme#comments</comments>
		<pubDate>Wed, 11 Aug 2010 12:45:08 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Others]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1445</guid>
		<description><![CDATA[微软之前曾提供了很多Windows 7主题包，其中就包括多个Bing主题包，但是此次微软提供了一个独特的Bing动态主题包，之所以称其为动态主题包是因为它可以连接至网络并从全球用户的Windows桌面背景中获取内容，当然这些需要通过RSS订阅。微软表示，这个最新的Bing主题包是微软提供的首个RSS订阅主题。事实上，这也是微软的首个动态主题包，其内容并没有固定，用户可以从网上随时获取新的壁纸。

微软在描述这款主题时解释说，这款Windows 7主题会通过RSS自动升级。之前微软通过Windows个性化提供的Windows 7主题都是内容一定的主题包，但是Bing动态主题却会自动升级，为用户不断更新壁纸。

<span class="readmore"><a href="http://www.imwls.com/windows7-auto-download-bing-wallpaper-theme" title="Windows7自动获取Bing壁纸的主题">Read More: 417 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>微软之前曾提供了很多Windows 7主题包，其中就包括多个Bing主题包，但是此次微软提供了一个独特的Bing动态主题包，之所以称其为动态主题包是因为它可以连接至网络并从全球用户的Windows桌面背景中获取内容，当然这些需要通过RSS订阅。微软表示，这个最新的Bing主题包是微软提供的首个RSS订阅主题。事实上，这也是微软的首个动态主题包，其内容并没有固定，用户可以从网上随时获取新的壁纸。<span id="more-1445"></span></p>
<p>微软在描述这款主题时解释说，这款Windows 7主题会通过RSS自动升级。之前微软通过Windows个性化提供的Windows 7主题都是内容一定的主题包，但是Bing动态主题却会自动升级，为用户不断更新壁纸。</p>
<p><div class="note"><div class="notetip"></p>
<p>官方下载：</p>
<p><a href="http://download.microsoft.com/download/F/6/2/F623B1DF-2C2E-4E3D-BBFD-70B10657714C/BingDynamic1.theme" target="_blank">http://download.microsoft.com/download/F/6/2/F623B1DF-2C2E-4E3D-BBFD-70B10657714C/BingDynamic1.theme</a></p>
<p></div></div></p>
<p><a href="http://news.mydrivers.com/Img/20100811/09460035.jpg" target="_blank"><img src="http://news.mydrivers.com/Img/20100811/S09460035.jpg" alt="Win7首个动态主题 可自动获取Bing新壁纸" /></a></p>
<p><a href="http://news.mydrivers.com/Img/20100811/09460056.jpg" target="_blank"><img src="http://news.mydrivers.com/Img/20100811/S09460056.jpg" alt="Win7首个动态主题 可自动获取Bing新壁纸" /></a></p>
<p><a href="http://news.mydrivers.com/Img/20100811/09460073.jpg" target="_blank"><img src="http://news.mydrivers.com/Img/20100811/S09460073.jpg" alt="Win7首个动态主题 可自动获取Bing新壁纸" /></a></p>
<p><a href="http://news.mydrivers.com/Img/20100811/09460090.jpg" target="_blank"><img src="http://news.mydrivers.com/Img/20100811/S09460090.jpg" alt="Win7首个动态主题 可自动获取Bing新壁纸" /></a></p>
<p><a href="http://news.mydrivers.com/Img/20100811/09460110.jpg" target="_blank"><img src="http://news.mydrivers.com/Img/20100811/S09460110.jpg" alt="Win7首个动态主题 可自动获取Bing新壁纸" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/windows7-auto-download-bing-wallpaper-theme/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web 领域那些阴魂不散的产品，技术与思想</title>
		<link>http://www.imwls.com/the-web-undead</link>
		<comments>http://www.imwls.com/the-web-undead#comments</comments>
		<pubDate>Tue, 03 Aug 2010 02:20:59 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1433</guid>
		<description><![CDATA[在很多人眼里，如今的 Web 是活泼，新鲜，充满生机的，然而事实上，在 Web  领域，一些阴魂不散的技术，产品或者思想仍然有它们生存的土壤，本文讲述了 Web  领域那些本该死去，却依然为人所用的东西，像某些版本的浏览器，某些过时的技术，某些代码，某些设计思想。



引言

<span class="readmore"><a href="http://www.imwls.com/the-web-undead" title="Web 领域那些阴魂不散的产品，技术与思想">Read More: 1107 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>在很多人眼里，如今的 Web 是活泼，新鲜，充满生机的，然而事实上，在 Web  领域，一些阴魂不散的技术，产品或者思想仍然有它们生存的土壤，本文讲述了 Web  领域那些本该死去，却依然为人所用的东西，像某些版本的浏览器，某些过时的技术，某些代码，某些设计思想。<span id="more-1433"></span></p>
<p><img src="http://images.sixrevisions.com/2010/07/23-12_web_undead_ld_img.png" alt="" /></p>
<h2>引言</h2>
<p><img src="http://images.sixrevisions.com/2010/07/23-01_nature_of_web.jpg" alt="" /></p>
<p>当人们为 IE6 举办非官方葬礼的时候，很多人并不知道为什么要这样。</p>
<h2>浏览器</h2>
<p><img src="http://images.sixrevisions.com/2010/07/23-03_zombie_browser2.jpg" alt="" /></p>
<p>浏览器无疑是最值得大书特书的了，所有 Web 设计师都知道<a href="http://sixrevisions.com/web-development/definitive-guide-to-taming-the-ie6-beast/">支持 IE6</a> 的痛苦却无能为力，这不是我们所能控制的事，尽管微软自己也煞费苦心地推出了 IE7 和 IE8 两个版本来替换  IE6，仍然有很多人不愿花5分钟去完成这个升级。因此，设计师分成两派，包容派和决绝派，后者对那些已经过时的浏览器不再提供支持，前者则挥汗如雨地通 过 CSS hack 一类的手段缝缝补补，力求自己的设计在 IE6 一类的浏览器中仍然可以正常显示。</p>
<h2>Web 技术</h2>
<p><img src="http://images.sixrevisions.com/2010/07/23-04_zombie_tech.png" alt="" /></p>
<p>有一些 <a href="http://sixrevisions.com/web-technology/web-languages-decoded/">Web 技术与标准</a> ，它们已经死亡，却仍然阻挡不住一些开发者的热情，一个很好的例子是 <a href="http://en.wikipedia.org/wiki/Wireless_Markup_Language">WML</a> （无线标记语言），智能手机的技术在飞速发展，现代的移动设备，已经能够很轻松地实现对常规 HTML 的支持，然而，像 BBC  这样的媒体网站，仍然坚持着他们对这门技术的好感，这里面包含的一个事实就是，虽然 WML 不是真正的 Web，且 W3C  已经从某种程度上宣布了它的死亡，但仍然有不少人在使用老款手机访问这些站点，最终，开发者们只好继续为他们的站点另外提供一个 WML 版本。</p>
<p><img src="http://images.sixrevisions.com/2010/07/23-05_oldschool_mobile.jpg" alt="" /></p>
<h2>代码</h2>
<p><img src="http://images.sixrevisions.com/2010/07/23-06_nasty_markup.png" alt="" /></p>
<p>诸如 <strong>marquee</strong> <strong>blink</strong> 一类的 HTML 标签，<strong>-ms-overflow-y</strong> 一类的专用 CSS 属性，已经被 W3C 列为不建议使用清单，但你仍然能从最现代的 Web 站点中找到它们的影子，虽然目前并不会带来太多问题，但其中潜伏的一个风险是，将来的某一天，一些浏览器很可能会终止对这些东西的支持。</p>
<p><img src="http://images.sixrevisions.com/2010/07/23-07_zombie_code.png" alt="" /></p>
<p>同时，我们还可以从现代 Web 站点的源代码中看到大量90年代风格的东西，结构与式样掺杂在一起，虽然这样的代码现代浏览器仍然支持，但可维护性变得很差。</p>
<h2>设计思想</h2>
<p><img src="http://images.sixrevisions.com/2010/07/23-08_zombie_design.jpg" alt="" /></p>
<p>还记得早起的 Web，拥挤的版面，惹人烦的 JavaScript 效果，动个不停的 Gif 动画，计数器，Flash  广告，背景音乐，虽然这些设计实践如今都有了它们的新体验版本，但仍有不少设计者热衷于一些90年代的思想。设计是一个进化的过程，在不同历史阶段，有自 己的价值，然而，最终都是朝着更好的用户体验发展。</p>
<p><img src="http://images.sixrevisions.com/2010/07/23-09_zombie_nasty_site.png" alt="" /></p>
<h2>生命周期</h2>
<p><img src="http://images.sixrevisions.com/2010/07/23-10_standards_circle.jpg" alt="" /></p>
<p>HTML5 与 CSS3 一类的新技术层出不穷，然而是技术总有过时的一天，应当始终<a href="http://sixrevisions.com/web_design/how-to-stay-ahead-of-the-curve-as-a-designer/">保持你的技术处于最新</a>。Web 的历史中充满了这样的技术，它们被新技术取代，却死而不僵，它们短期内不会带来什么害处，最终却为你带来无尽的麻烦。还有一些技术，像 <a href="http://www.zeldman.com/2009/07/02/xhtml-wtf/">XHTML 2.0</a> 则半路夭折，它们并非过时，而是生不逢时。</p>
<p><img src="http://images.sixrevisions.com/2010/07/23-11_doa_standard.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/the-web-undead/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>腾讯微博互听查询插件加强版 For Firefox/Chrome</title>
		<link>http://www.imwls.com/tencent-microblog-check-follower-firefox-chrome</link>
		<comments>http://www.imwls.com/tencent-microblog-check-follower-firefox-chrome#comments</comments>
		<pubDate>Thu, 15 Jul 2010 13:57:10 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[Tencent]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1402</guid>
		<description><![CDATA[昨天黎晓蔚同学提了个建议，我觉得不错，就用空余时间重写了腾讯微博的互听查询插件，本来昨天晚上差不多已经完成了，不过没有急着放出来，而是让群里的XD测试一下，效果应该还行。由于微博有140字限制，所以将详细的介绍放到了本人的博客上。

更新记录：

version 1.6.3.2:

<span class="readmore"><a href="http://www.imwls.com/tencent-microblog-check-follower-firefox-chrome" title="腾讯微博互听查询插件加强版 For Firefox/Chrome">Read More: 1257 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>昨天<a href="http://t.qq.com/lixiaoweiblog" target="_blank">黎晓蔚</a>同学提了个建议，我觉得不错，就用空余时间重写了腾讯微博的互听查询插件，本来昨天晚上差不多已经完成了，不过没有急着放出来，而是让群里的XD测试一下，效果应该还行。由于微博有140字限制，所以将详细的介绍放到了本人的博客上。<span id="more-1402"></span></p>
<h3>更新记录：</h3>
<blockquote><p>version 1.6.3.2:</p>
<ol>
<li>修正“神奇听众”普通模式下收听人数太多导致浏览器卡的问题</li>
</ol>
<p>version 1.6.3:</p>
<ol>
<li>增加了极速模式（当听众数大于100时点击“神奇的听众”提示进入）</li>
</ol>
<p>version 1.6.2:</p>
<ol>
<li>暂时取消“神奇听众”和“一键收听”的头像显示（此功能会导致微博出现“系统繁忙”错误）</li>
<li>优化“一键收听”，收听瞬间完成</li>
</ol>
<p>version 1.6:</p>
<ol>
<li>增强了稳定性</li>
</ol>
<p>version 1.6 beta:</p>
<ol>
<li>修正了“神奇的听众”布局</li>
<li>增加头像显示</li>
<li>增加“一键收听”功能</li>
<li>- 由于增加了头像显示，会导致微博出现“系统繁忙”错误（腾讯限制了页面点击速度）</li>
<li>- 此版本适合尝鲜，如果频繁出现“系统繁忙”，请降级为1.5版</li>
</ol>
<p>version 1.5:</p>
<ol>
<li>添加了查询速度设置功能</li>
<li>修改次版本号</li>
</ol>
</blockquote>
<h4>Firefox：</h4>
<p>如果之前安装过旧版的查询插件，请先卸载旧版，卸载方法见下面两图。</p>
<p><img class="alignnone size-full wp-image-1405" title="tx-microblog-1.0.4-3" src="http://www.imwls.com/wp-content/uploads/2010/07/tx-microblog-1.0.4-3.png" alt="" width="423" height="404" /></p>
<p><img class="alignnone size-full wp-image-1406" title="tx-microblog-1.0.4-4" src="http://www.imwls.com/wp-content/uploads/2010/07/tx-microblog-1.0.4-4.png" alt="" width="609" height="534" /></p>
<p><strong>卸载完成后，请<a href="http://userscripts.org/scripts/show/79813">点击这里</a>安装。</strong><del datetime="2010-08-10T02:19:56+00:00">请到<a href="http://userscripts.org/scripts/show/79813" target="_blank">http://userscripts.org/scripts/show/79813</a>安装新的版本</del></p>
<p>如果之前没有安装过旧版的查询插件，请先安装Greasemonkey扩展，安装地址：<a href="https://addons.mozilla.org/zh-CN/firefox/addon/748/" target="_blank">https://addons.mozilla.org/zh-CN/firefox/addon/748/</a>，安装成功后，<del datetime="2010-08-10T02:19:56+00:00">再到<a href="http://userscripts.org/scripts/show/79813" target="_blank">http://userscripts.org/scripts/show/79813</a>安 装新的版本</del>。</p>
<h4>Chrome：</h4>
<p>如果Chrome用户之前安装过旧版插件，请先到“扩展程序”里将之卸载。<span style="text-decoration: line-through;">Chrome新版插件安装地址：<a href="http://userscripts.org/scripts/show/80021" target="_blank">http://userscripts.org/scripts/show/80021</a>。</span><br />
<span style="color: #ff0000;">Chrome crx扩展安装地址：<a href="https://chrome.google.com/extensions/detail/anjodenjcpcbhidknnmcpkecgadfhjkn?hl=zh-CN">https://chrome.google.com/extensions/detail/anjodenjcpcbhidknnmcpkecgadfhjkn?hl=zh-CN</a></span></p>
<h4>Maxthon：</h4>
<p><img class="alignnone size-full wp-image-1412" title="TX-microblog-1.0.4-5" src="http://www.imwls.com/wp-content/uploads/2010/07/TX-microblog-1.0.4-5.png" alt="" width="855" height="287" /></p>
<p>经过个人短时间测试，Firefox版可以在Maxthon下使用，所以傲游用户可以先安装<a href="http://addonsmx.maxthon.com/en/post/2715" target="_blank">http://addonsmx.maxthon.com/en/post/2715</a>，再安装Firefox版脚本，安装成功后会跳出下面的图片，打勾√即可！</p>
<p><img class="alignnone size-full wp-image-1413" title="TX-microblog-1.0.4-6" src="http://www.imwls.com/wp-content/uploads/2010/07/TX-microblog-1.0.4-6.png" alt="" width="622" height="419" /></p>
<p><img title="TX-Microblog-1.5" src="http://www.imwls.com/wp-content/uploads/2010/07/TX-Microblog-1.5.png" alt="" width="591" height="116" /></p>
<p><img title="tx-microblog-1.0.4-1" src="http://www.imwls.com/wp-content/uploads/2010/07/tx-microblog-1.0.4-1.png" alt="" width="802" height="195" /></p>
<p>是不是看到了“由于微博会出现抽风现象，所以限制了处理速度”这句？这是不得已的，腾讯限制了不允许频繁读取数据，速度太快的话，微博会出现错误页面， 所以目前的速度是每秒钟读取2个听众，如果收听的人较多，那只能等等了~&gt;_&lt;~+</p>
<p><img title="tx-microblog-1.0.4-2" src="http://www.imwls.com/wp-content/uploads/2010/07/tx-microblog-1.0.4-2.png" alt="" width="802" height="182" /></p>
<p>读取结束后，右边有“取消收听”按钮，这个威力太大，<strong>要小心使用！</strong></p>
<p><div class="note"><div class="notetip">如果想要了解插件最新动态或者为插件提供意见，可以收听本人<a href="http://t.qq.com/lisong" target="_blank">http://t.qq.com/lisong</a>。</p>
<p>由于插件更新后最先在<span style="color: #ff0000;">QQ群14639156</span>放出，想优先体验的可以加入该群【红组】。</p>
<p></div></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/tencent-microblog-check-follower-firefox-chrome/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>腾讯微博互听查询 for Chrome</title>
		<link>http://www.imwls.com/tencent-microblog-follow-check-for-chrome</link>
		<comments>http://www.imwls.com/tencent-microblog-follow-check-for-chrome#comments</comments>
		<pubDate>Fri, 25 Jun 2010 00:02:04 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[Tencent]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1397</guid>
		<description><![CDATA[在Firefox下，我们可以通过安装Greasemonkey插件和适当的脚本解决腾讯微博的互听显示问题，后来有很多朋友问我在Chrome下是否能够用。由于Chrome我只使用过很短的一段时间，而且那时是Chrome刚刚起步的时期，对它了解并不多；只是以为Chrome没有像Greasemonkey这类的扩展，后来才知道，原来Chrome早已支持JS扩展了，折腾了一会儿，解决了Chrome下的互听查询问题，放出。





<span class="readmore"><a href="http://www.imwls.com/tencent-microblog-follow-check-for-chrome" title="腾讯微博互听查询 for Chrome">Read More: 394 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>在Firefox下，我们可以通过安装Greasemonkey插件和适当的脚本解决腾讯微博的互听显示问题，后来有很多朋友问我在Chrome下是否能够用。由于Chrome我只使用过很短的一段时间，而且那时是Chrome刚刚起步的时期，对它了解并不多；只是以为Chrome没有像Greasemonkey这类的扩展，后来才知道，原来Chrome早已支持JS扩展了，折腾了一会儿，解决了Chrome下的互听查询问题，放出。</p>
<p><span id="more-1397"></span><br />
<div class="note"><div class="noteimportant">
<p>此插件已经升级会加强版，详情请见：<a href="http://www.imwls.com/tencent-microblog-check-follower-firefox-chrome/">http://www.imwls.com/tencent-microblog-check-follower-firefox-chrome</a></p>
<p></div></div></p>
<p><img class="alignnone size-full wp-image-1399" title="chrome-followed-1" src="http://www.imwls.com/wp-content/uploads/2010/06/chrome-followed-1.png" alt="" width="577" height="544" /></p>
<p><img class="alignnone size-full wp-image-1400" title="chrome-followed-2" src="http://www.imwls.com/wp-content/uploads/2010/06/chrome-followed-2.png" alt="" width="574" height="382" /></p>
<p><img class="alignnone size-full wp-image-1398" title="chrome-followed-3" src="http://www.imwls.com/wp-content/uploads/2010/06/chrome-followed-3.png" alt="" width="570" height="348" /></p>
<p><div class="note"><div class="notetip"></p>
<p>脚本安装地址：<a href="http://userscripts.org/scripts/show/80021" target="_blank"><del datetime="2010-08-09T13:29:04+00:00">http://userscripts.org/scripts/show/80021</del></a></p>
<p>Firefox使用方法见： <a href="../tencent-microblog-follow-check/">腾讯微博互听查询</a></p>
<p></div></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/tencent-microblog-follow-check-for-chrome/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Google产品查询手册</title>
		<link>http://www.imwls.com/google-projects-querys</link>
		<comments>http://www.imwls.com/google-projects-querys#comments</comments>
		<pubDate>Tue, 22 Jun 2010 03:16:50 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1393</guid>
		<description><![CDATA[我们每天使用的工具与服务中，至少有一款来自  Google，不管是搜索，还是电子邮件，还是在线文档或是其它（虽然它们中的大部分在长城的另一边）。这么多产品，功能，快捷键很不容易记住，本文搜集 了11款备受欢迎的 Google 产品的速查手册，可以帮助你更好地使用这些工具与服务。

Gmail Shortcuts (Gmail 快捷键)



<span class="readmore"><a href="http://www.imwls.com/google-projects-querys" title="Google产品查询手册">Read More: 599 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>我们每天使用的工具与服务中，至少有一款来自  Google，不管是搜索，还是电子邮件，还是在线文档或是其它（虽然它们中的大部分在长城的另一边）。这么多产品，功能，快捷键很不容易记住，本文搜集 了11款备受欢迎的 Google 产品的速查手册，可以帮助你更好地使用这些工具与服务。<span id="more-1393"></span></p>
<h3><a href="http://r.evhead.com/hodgepodge/gmail-shortcuts.html" target="_blank">Gmail Shortcuts</a> (Gmail 快捷键)</h3>
<p><a href="http://r.evhead.com/hodgepodge/gmail-shortcuts.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_1.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://www.google.com/support/reader/bin/answer.py?hl=en&amp;answer=69973" target="_blank">Google Reader Keyboard Shortcuts</a> （Google Reader  快捷键）</h3>
<p><a href="http://www.google.com/support/reader/bin/answer.py?hl=en&amp;answer=69973" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_10.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://www.googleguide.com/help/calculator.html" target="_blank">Google Calculator Cheat Sheet</a> （Google 计算器命令速查表）</h3>
<p><a href="http://www.googleguide.com/help/calculator.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_3.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://docs.google.com/support/bin/answer.py?hl=en&amp;answer=66280" target="_blank">Keyboard shortcuts for Google Presentations</a> （Google  演示快捷键）</h3>
<p><a href="http://docs.google.com/support/bin/answer.py?hl=en&amp;answer=66280" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_4.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://chromecheat.blogspot.com/" target="_blank">Google   Chrome Cheat Sheet</a> （Google Chrome 命令速查表）</h3>
<p><a href="http://chromecheat.blogspot.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_5.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://docs.google.com/support/bin/answer.py?answer=181110" target="_blank">Keyboard shortcuts for Google Spreadsheets</a> （Google  电子表格快捷键）</h3>
<p><a href="http://docs.google.com/support/bin/answer.py?answer=181110" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_6.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://kosciak.blox.pl/2009/12/Gmail-Google-Reader-Cheat-Sheets.html" target="_blank">Google Reader Sheet</a> （Google Reader 速查表）</h3>
<p><a href="http://kosciak.blox.pl/2009/12/Gmail-Google-Reader-Cheat-Sheets.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_9.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://mail.google.com/support/bin/answer.py?answer=6594" target="_blank">Gmail Keyboard Shortcuts</a> （Gmail 快捷键）</h3>
<p><a href="http://mail.google.com/support/bin/answer.py?answer=6594" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_2.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://devcheatsheet.com/static/pdf/Google_Maps_Cheat_Sheet.pdf" target="_blank">Google Maps Cheat Sheet</a> （Google 地图速查表 - 适合地图调用）</h3>
<p><a href="http://devcheatsheet.com/static/pdf/Google_Maps_Cheat_Sheet.pdf" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_8.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://docs.google.com/support/bin/answer.py?answer=179738" target="_blank">Keyboard shortcuts for Google Documents</a> （Google DOC  快捷键）</h3>
<p><a href="http://docs.google.com/support/bin/answer.py?answer=179738" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_7.jpg" alt="google cheat sheet" /></a></p>
<h3><a href="http://www.google.com/support/reader/bin/answer.py?hl=en&amp;answer=69973" target="_blank">Google Search Advanced Operators Reference</a> （Google  搜索高级命令）</h3>
<p><a href="http://www.google.com/support/reader/bin/answer.py?hl=en&amp;answer=69973" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/06/google_cheat_sheets_11.jpg" alt="google cheat sheet" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/google-projects-querys/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>腾讯微博互听查询</title>
		<link>http://www.imwls.com/tencent-microblog-follow-check</link>
		<comments>http://www.imwls.com/tencent-microblog-follow-check#comments</comments>
		<pubDate>Mon, 21 Jun 2010 02:10:29 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[QQ]]></category>
		<category><![CDATA[Tencent]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1384</guid>
		<description><![CDATA[在微博上最怕遇到的就是那种骗互听的人了，遇到这种无耻之人，该怎么办？废话，拉黑他。

分享强大的神器，揪出这些无耻之徒。按照下面的顺序安装！



<span class="readmore"><a href="http://www.imwls.com/tencent-microblog-follow-check" title="腾讯微博互听查询">Read More: 488 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>在微博上最怕遇到的就是那种骗互听的人了，遇到这种无耻之人，该怎么办？废话，拉黑他。</p>
<p>分享强大的神器，揪出这些无耻之徒。按照下面的顺序安装！<span id="more-1384"></span></p>
<ol>
<li>先下载Firefox安装：<a href="http://www.mozilla.com/en-US/products/download.html?product=firefox-3.6.3&amp;os=win&amp;lang=zh-CN" target="_blank">http://www.mozilla.com/en-US/products/download.html?product=firefox-3.6.3&amp;os=win&amp;lang=zh-CN</a></li>
<li>为Firefox安装GreaseMonkey扩展（需要重启Firefox）：<a href="https://addons.mozilla.org/zh-CN/firefox/addon/748/" target="_blank">https://addons.mozilla.org/zh-CN/firefox/addon/748/</a></li>
<li>用户页面脚本（点击那个“Install”）：<a href="http://userscripts.org/scripts/show/79678" target="_blank">http://userscripts.org/scripts/show/79678</a></li>
<li>“我收听的人”页面脚本：<a href="http://userscripts.org/scripts/show/79813" target="_blank">http://userscripts.org/scripts/show/79813</a> <span style="text-decoration: line-through;"><a href="http://userscripts.org/scripts/show/79324" target="_blank">http://userscripts.org/scripts/show/79324</a>（此脚本有点小bug，不过不影响）</span></li>
</ol>
<p><img class="alignnone size-full wp-image-1385" title="ismyfollower" src="http://www.imwls.com/wp-content/uploads/2010/06/ismyfollower.png" alt="" width="572" height="433" /></p>
<p><img class="alignnone size-full wp-image-1386" title="isfollowedme1" src="http://www.imwls.com/wp-content/uploads/2010/06/isfollowedme1.png" alt="" width="564" height="163" /></p>
<p><img class="alignnone size-full wp-image-1387" title="isfollowedme2" src="http://www.imwls.com/wp-content/uploads/2010/06/isfollowedme2.png" alt="" width="548" height="153" /></p>
<p><div class="note"><div class="notetip"></p>
<p>好吧，很无耻的做个广告，欢迎各位收听我：<a href="http://t.qq.com/lisong" target="_blank">http://t.qq.com/lisong</a></p>
<p></div></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/tencent-microblog-follow-check/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>关于JavaScript/jQuery事件冒泡</title>
		<link>http://www.imwls.com/about-javascript-jquery-event-propagation</link>
		<comments>http://www.imwls.com/about-javascript-jquery-event-propagation#comments</comments>
		<pubDate>Sun, 13 Jun 2010 12:30:11 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/about-javascript-jquery-event-propagation/</guid>
		<description><![CDATA[JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。

事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。

<span class="readmore"><a href="http://www.imwls.com/about-javascript-jquery-event-propagation" title="关于JavaScript/jQuery事件冒泡">Read More: 2603 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。</p>
<p>事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。</p>
<p><span id="more-1363"></span>目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。</p>
<p><strong>事件的冒泡和捕获</strong></p>
<p>捕获是从上级元素到下级元素，冒泡是从下级元素到上级元素.</p>
<p>在IE中，每个元素和window对象都有两个方法：attachEvent()和detachEvent()。attachEvent()用来给一个事件附加事件处理函数。而detachEvent()用来将事件处理函数分离出来。Eg.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #003366; font-weight: bold;">var</span> fnClick <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>“Clicked<span style="color: #339933;">!</span>”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">var</span> oDiv <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>“div1”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
oDiv.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#40;</span>“onclick”<span style="color: #339933;">,</span> fnClick<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
oDiv.<span style="color: #660066;">detachEvent</span><span style="color: #009900;">&#40;</span>“onclick”<span style="color: #339933;">,</span> fnClick<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>事件的冒泡有什么好处呢？</strong></p>
<p>想象一下现在我们有一个10列、100行的HTML表格，你希望在用户点击表格中的某一单元格的时候做点什么。比如说我有一次就需要让表格中的每一个单元格在被点击的时候变成可编辑状态。如果把事件处理器加到这1000个单元格会产生一个很大的性能问题，并且有可能导致内存泄露甚至是浏览器的崩溃。相反地，使用事件代理的话，你只需要把一个事件处理器添加到table元素上就可以了，这个函数可以把点击事件给截下来，并且判断出是哪个单元格被点击了。</p>
<p>代码很简单，我们所要关心的只是如何检测目标元素而已。比方说我们有一个 table元素，ID是“report”，我们为这个表格添加一个事件处理器以调用editCell函数。editCell函数需要判断出传到table 来的事件的目标元素。考虑到我们要写的几个函数中都有可能用到这一功能，所以我们把它单独放到一个名为getEventTarget的函数中：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #003366; font-weight: bold;">function</span> getEventTarget<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   e <span style="color: #339933;">=</span> e <span style="color: #339933;">||</span> window.<span style="color: #660066;">event</span><span style="color: #339933;">;</span>
   <span style="color: #000066; font-weight: bold;">return</span> e.<span style="color: #660066;">target</span> <span style="color: #339933;">||</span> e.<span style="color: #660066;">srcElement</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>e这个变量表示的是一个事件对象，我们只需要写一点点跨浏览器的代码来返回目标元素，在IE里目标元素放在srcElemtn属性或event.toElement属性中，而在其它浏览器里则是target或event.relatedTarget属性。</p>
<p>接下来就是editCell函数了，这个函数调用到了 getEventTarget函数。一旦我们得到了目标元素之后，剩下的事情就是看看它是否是我们所需要的那个元素了。</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #003366; font-weight: bold;">function</span> editCell<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   <span style="color: #003366; font-weight: bold;">var</span> target <span style="color: #339933;">=</span> getEventTarget<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>target.<span style="color: #660066;">tagName</span>.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">'td'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
     <span style="color: #006600; font-style: italic;">// DO SOMETHING WITH THE CELL</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>在editCell函数中，我们通过检查目标元素标签名称的方法来确定它是否是一个表格的单元格。这种检查也许过于简单了点；如果它是这个目标元素单元格里的另一个元素呢？我们需要为代码做一点小小的修改以便于其找出父级的td 元素。如果说有些单元格不需要被编辑怎么办呢？此种情况下我们可以为那些不可编辑的单元格添加一个指定的样式名称，然后在把单元格变成可编辑状态之前先检查它是否不包含那个样式名称。选择总是多样化的，你只需找到适合你应用程序的那一种。</p>
<p><strong>事件冒泡的优点和缺点:</strong></p>
<p>1.那些需要创建的以及驻留在内存中的事件处理器少了。</p>
<p>这是很重要的一点，这样我们就提高了性能，并降低了崩溃的风险。</p>
<p>2.在DOM更新后无须重新绑定事件处理器了。</p>
<p>如果你的页面是动态生成的，比如说通过Ajax，你不再需要在元素被载入或者卸载的时候来添加或者删除事件处理器了。</p>
<p>潜在的问题也许并不那么明显，但是一旦你注意到这些问题，你就可以轻松地避免它们：你的事件管理代码有成为性能瓶颈的风险，所以尽量使它能够短小精悍。</p>
<p><strong>不是所有的事件都能冒泡</strong></p>
<p>blur、focus、load和unload不能像其它事件一样冒泡。事实上blur和focus可以用事件捕获而非事件冒泡的方法获得（在IE之外的其它浏览器中）。</p>
<p><strong>需要注意的是:</strong></p>
<p>如果你的代码处理mousemove事件的话你遇上性能瓶颈的风险可就大了，因为mousemove事件触发非常频繁。而mouseout则因为其怪异的表现而变得很难用事件代理来管理。</p>
<p><strong>如何避免事件冒泡:</strong></p>
<p><strong>1.方法</strong></p>
<p><a href="http://www.imwls.com/wp-content/uploads/2010/06/Untitled1.png" target="_blank"><img style="display: inline; border: 0px;" title="Untitled" src="http://www.imwls.com/wp-content/uploads/2010/06/Untitled_thumb.png" border="0" alt="Untitled" width="644" height="453" /></a></p>
<p>2.方法</p>
<p>在IE下解决问题很简单，用onMouseEnter、 onMouseLeave来代替onMouseOver、onMouseOut就行了，他们的作用基本相同，前者不会发生冒泡。但是 firefox下没有这两个事件.</p>
<p>3.方法:</p>
<p>window.event.cancelBubble = true (IE)   event.stopPropagation()  event.preventDefault() (Firefox)</p>
<p><strong>阻止jQuery事件冒泡</strong></p>
<p>jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止 jQuery.Event冒泡。</p>
<p>在<a href="http://docs.jquery.com/Events/jQuery.Event">jQuery.Event的文档</a>中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查兼容IE的步骤。</p>
<p>jQuery.Event提供了一个非常简单的方法来阻止事件冒泡：<strong>event.stopPropagation();</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;p&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
     event.<span style="color: #660066;">stopPropagation</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
     <span style="color: #006600; font-style: italic;">// do something</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></div></div>

<p>但是这个方法对使用<a href="http://docs.jquery.com/Events/live">live</a>绑定的事件没有作用，需要一个更简单的方法阻止事件冒泡：<strong>return false;</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript">$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">after</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Another paragraph!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/about-javascript-jquery-event-propagation/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>jQuery CheckBox全选</title>
		<link>http://www.imwls.com/jquery-checkbox-checkall-checknone</link>
		<comments>http://www.imwls.com/jquery-checkbox-checkall-checknone#comments</comments>
		<pubDate>Fri, 11 Jun 2010 12:02:42 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/jquery-checkbox-checkall-checknone/</guid>
		<description><![CDATA[其实这个只要熟悉了jQuery，基本上都能写得出来。在没接触jQuery之前，使用原生的JS写，虽然代码不是很多，但是也挺麻烦的。在这里不得不赞叹jQuery的选择器是多么的好用！





<span class="readmore"><a href="http://www.imwls.com/jquery-checkbox-checkall-checknone" title="jQuery CheckBox全选">Read More: 603 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>其实这个只要熟悉了jQuery，基本上都能写得出来。在没接触jQuery之前，使用原生的JS写，虽然代码不是很多，但是也挺麻烦的。在这里不得不赞叹jQuery的选择器是多么的好用！</p>
<p><span id="more-1347"></span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#inputChkAll'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input[name='chkJob']&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;checked&quot;</span><span style="color: #339933;">,</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;checked&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//注意此处</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>代码如上，#inputChkAll用来全选或者全不选的CheckBox控件，其控制了name='chkJob'这个复选组。</p>
<p><img style="display: inline; border: 0px;" title="jquery-checkbox-checkall" src="http://www.imwls.com/wp-content/uploads/2010/06/jquerycheckboxcheckall1.png" border="0" alt="jquery-checkbox-checkall" width="735" height="302" /></p>
<p>现在回过头再来看看以前用JS如何实现全选和全不选的：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #006600; font-style: italic;">//全选</span>
<span style="color: #003366; font-weight: bold;">function</span> checkall<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> all <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> all.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;checkbox&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// 反选</span>
<span style="color: #003366; font-weight: bold;">function</span> checknull<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> all <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> all.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;checkbox&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/jquery-checkbox-checkall-checknone/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何使CSS跨浏览器兼容</title>
		<link>http://www.imwls.com/how-to-set-css-compatible-in-different-browser</link>
		<comments>http://www.imwls.com/how-to-set-css-compatible-in-different-browser#comments</comments>
		<pubDate>Wed, 09 Jun 2010 05:52:21 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1338</guid>
		<description><![CDATA[作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨  浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS  编码准则和技巧。



理解 CSS 盒子模型

<span class="readmore"><a href="http://www.imwls.com/how-to-set-css-compatible-in-different-browser" title="如何使CSS跨浏览器兼容">Read More: 3259 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，<a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/">完美的跨  浏览器兼容并不必要</a>，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS  编码准则和技巧。<span id="more-1338"></span></p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/browsers-css.jpg" alt="Browsers-css in The Principles Of Cross-Browser CSS  Coding" width="500" height="500" /><br />
理解 CSS 盒子模型<br />
如果你想实现不需要很多奇巧淫技的跨浏览器兼容的  CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。</p>
<p>CSS 盒子模型负责处理以下事情:</p>
<ul>
<li>一个 blcok （区块）级对象占据多大的空间</li>
<li>该对象的边界，留白</li>
<li>盒子的尺寸</li>
<li>盒子与页面其它元素的相对位置</li>
</ul>
<div id="news_content">
<p>CSS 盒子模型有以下准则:</p>
</div>
<ul>
<li>Block （区块）对象都是矩形 （事实上所有对象都如此）</li>
<li>其尺寸由 width, height, padding,  borders, 以及 margins 决定</li>
<li>如果不设置高度，该盒子的高度将自动适应其包含的内容，加上留白等（除非使用了 float）</li>
<li>如果不设置宽度，一个非 float 型盒子水平上将充满其父容器（扣除父容器的留白）</li>
</ul>
<div id="news_content">
<p>处理 block 级对象时，必须注意以下事项:</p>
</div>
<ul>
<li>如果一个盒子的宽度设置为 100%，它就不能再设置 margins, padding, 和 borders，否则会撑破其父容器</li>
<li>垂直毗邻的 margin 会引起<a href="http://reference.sitepoint.com/css/collapsingmargins">复杂的坍塌问题</a>， 导致布局问题（比如两个垂直毗邻的 Block 对象，上面的对象的 bottom-margin 为 40，下面的对象的  top-margin 为  20，则两个对象的间距将是 40，而不是 60 - 译者）</li>
<li>拥有相对位置和绝对位置的对象，拥有不同的行为</li>
</ul>
<div id="news_content">
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/css-box-model.gif" alt="Css-box-model in The Principles Of Cross-Browser CSS  Coding" width="500" height="270" /><br />
<strong><em>在  Firefox 的 Firebug 中显示的盒子模型<br />
</em></strong><br />
理解 block  级和 inline 级  对象的区别<br />
这个看似简单的问题事如果能透彻地理解，会<a href="http://css-tricks.com/the-css-ah-ha-moment/">受益匪浅</a>。</p>
<p>下图讲 解了 block 级对象和 inline 级对象的区别:</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/block-inline.jpg" alt="Block-inline in The  Principles Of Cross-Browser CSS Coding" width="500" height="500" /></p>
<p>下面是 block  级对象和 inline 级对象的基本区别:</p>
</div>
<ul>
<li>Block 级对象会自然地水平充满其父容器，因此没有必要为之设置 100% 宽度属性</li>
<li>Block 级对象的起始摆放位置是其父容器的左上边界，并顺排在其前面的兄弟 Block 对象的下方（除非设置 float 或绝对位置）</li>
<li>Inline 级对象会忽略其宽度和高度设置</li>
<li>Inline 级对象会随着文字排版，并受排版属性的影响（如 white-space, font-size,  letter-spacing）</li>
<li>Inline 级对象可以使用 vertical-align 属性控制其垂直对齐，block 级对象不可以</li>
<li>Inline 级对象的下方会保留一些自然的空间，以适应字母 g 一类的会向下探出的笔画</li>
<li>一个设置为 float 的 inline 对象将变成 block 对象</li>
</ul>
<div id="news_content">
<p>理解 Floating 和 Clearing 属性<br />
实现多栏排版的最好方法是使用 <a href="http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/">float</a> 属性，float 也是一个将使你受益匪浅的属性。一个 float 对象可以居左或居右，一个设置为 float  的对象，将根据设置的方向，左移或右移到其父容器的边界，或其前面的 float 对象的边界，而紧随其后的非 float  对象或内容，则包围在其相反的方向。</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/float-css.jpg" alt="Float-css in The Principles Of  Cross-Browser CSS Coding" width="500" height="439" /></p>
<p>以下是使用 float 和  clear 属性的一些重要准则:</p>
</div>
<ul>
<li>一个 float 对象，将从其置身的 block 级非 float 内容流中跳出，换句话说，如果你要将一个 box 向左边  float，它后面的 block 级非  float 对象会显示到下方，inline 级内容会在旁边包围</li>
<li>要让一段内容从一侧包围一个 float  对象，这段内容必须要么是 inline 级的，要么也设置为相同方向的 float</li>
<li>一个 float 对象，如果没有设置宽度，则会自动缩成其包含的内容的宽度，因此最好为 float 对象明确设置宽度</li>
<li>如果一个 block  对象包含 float  子对象，会出现<a href="http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/">本 文中阐述的问题</a>。</li>
<li>一个设置了 clear 属性的对象，将不会包围其前面的 float 对象</li>
<li>一个既设置了 clear 又设置了 float 属性的对象，只有 clear:left 属性生效，clear:right 不起作用</li>
</ul>
<div id="news_content">
<p>首先使用 IE 进行测试<br />
虽然我们都痛恨 IE6 和  IE7，但当你开始一个新项目的时候，最好还是首先针对这两种浏览器进行测试，否则，如果你在设计在后期才想起针对 IE6 和 IE7  进行测试，将出现以下问题：</p>
</div>
<ul>
<li>你将不得不使用一些奇巧淫技，甚至使用独立的 IE6/7 CSS，导致 CSS 文件臃肿。</li>
<li>某些地方的布局将不得不重新设计</li>
<li>会增加测试的时间</li>
<li>你的布局在 IE/6/7 中和其它浏览器中不一样</li>
</ul>
<div id="news_content">
<p>如果你设计的是个人项目，Web 程序等，则不建议你针对旧版本 IE 做太多工作，而对一些公司类站点，它的用户群中有大量 IE  用户，这些技巧会让你避免大量的头痛。如果将 IE 的问题归类为 IE 的 BUG 而不去处理，会带来很多负面的影响，和 IE 和平共处是 Web  开发与设计者不可逃避的现实。</p>
<p>译者注：在 IE6/7  仍有大量用户基础的国内（感谢中行，建行，农行，工行，以及各级政府网站），忽视这两种浏览器是极不明智的，首先针对 IE6/7  进行设计是一种很好的方法，一般来说，在IE6/7 通过测试的站点，在 Firefox，Chrome，Safari，Opera  等标准浏览器面前基本不会出现问题，前提是，你的 CSS 设计是基于 W3C 标准的。<br />
IE 浏览器最常见的问题</p>
</div>
<ul>
<li>IE6 中不可滥用 float，否则会带来<a href="http://haslayout.net/css/Disappearing-Content-Bug">内容消失</a>以及<a href="http://www.impressivewebs.com/ie6-ghost-text-bug-with-multiple-solutions/">文 字重复</a>等稀奇古怪的问题</li>
<li>IE6 中，float 对象，在 float 方向的那边，会出现双倍 margin，将 display 设置为 inline  会解决这个问题</li>
<li>IE6/7 中，一个没有直接或间接设置 hasLayout 的对象，会发生各种稀奇古怪的问题 （译者注：对这类问题，zoom 这个  css 属性可以帮很大的忙，将 zoom 设置为除了 normal 之外的其它值，可以迫使一个对象 hasLayout  同时不影响这个对象的任何视觉外观）</li>
<li>IE6 不支持 min-width, max-width, min-height, max-height 一类的属性</li>
<li>IE6 不支持固定位置背景图</li>
<li>IE6/7 不支持很多 display 属性值（如 inline-table,  table-cell, table-row）</li>
<li>IE6 中，只有 a 这个对象才可以使用 :hover 这个伪类</li>
<li>IE 的某些版本对某些 CSS 选择器支持很少（如属性选择器，子对象选择器）</li>
<li>IE6~8 对 CSS3 的支持很有限 (不过有一些<a href="http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/">变 通方法</a>)</li>
</ul>
<div id="news_content">
<p>永远不要指望在所有浏览器中都一模一样<br />
在不同浏览器实现相同的体验个功能是可能的，实现近似像素级的一致外观也是可能的，但永远不要指 望一模一样。<br />
Form 控件在不同浏览器显示总是不同</p>
<p>以下是 <a href="http://www.facebook.com/">Facebook</a> 首页中的 select  控件，在5种不同浏览器的显示差异（基于 <a href="https://browserlab.adobe.com/">Adobe’s  Browserlab</a> 截图）</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/forms-browsers.jpg" alt="" width="500" height="331" /></p>
<p>某些 Form  控件，如果要求必须跨浏览器一致，可以找到变通办法，如，可以使用图片 替代 submit 按钮，但有一些控件，比如 radio，select，  textarea，文件选择框，是永远都不可能一模一样的。<br />
字体的表现都有差异<br />
先不谈有的字体在有的系统中根本不存 在，即时存在，它们在不同系统的渲染效果也不完全一样，比如，<a href="http://www.microsoft.com/typography/cleartype/tuner/step1.aspx">Windows    ClearType</a> 支持 IE7，但不支持 IE6，导致同一个字体在 IE7 和 IE6 有不同的样子。</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/cleartype-ie.jpg" alt="Cleartype-ie in The Principles Of Cross-Browser CSS Coding" width="500" height="381" /><br />
<strong><em>A  List Apart’s 文章字体在 IE6 and IE7 中的区别<br />
</em></strong><br />
使用 CSS 清零<br />
使用 CSS 清零（CSS Reset）是实现跨浏览器兼容的灵丹妙药，CSS 清零可以消除不同浏览器对  margin，padding 这些属性的默认表现，你可以更容易控制诸如对齐，间隙等等问题。推荐使用 <a href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer’s CSS  清零代码</a>。</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/reset-wd.jpg" alt="Reset-wd in The Principles Of Cross-Browser CSS  Coding" width="500" height="319" /><strong><em><br />
</em></strong></p>
<p>参考 SitePoint’s  CSS 兼容表<br />
<a href="http://reference.sitepoint.com/css">SitePoint CSS  Reference</a> 是一个非常好的资源（<a href="http://www.sitepoint.com/books/cssref1/">下载离线版</a>），可 以用来检查某些 CSS 属性的跨浏览器兼容问题</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sitepoint-chart.jpg" alt="Sitepoint-chart in The  Principles Of Cross-Browser CSS Coding" width="500" height="127" /><strong><em><br />
</em></strong><br />
结语<br />
跨浏览器兼容是个永恒的话题，本文介绍的跨浏览器兼容 CSS 准则只是帮助 Web  开发设计者尽可能实现这一目标，除了这些，<a href="http://perishablepress.com/press/2010/01/11/css3-progressive-enhancement-smart-design/">基 于 CSS3 的渐进式增强设计也是一种趋势</a>，Web  开发与设计者可以针对某些浏览器提供增强功能，而在不支持这些增强功能的浏览器中降级使用基本功能。</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/how-to-set-css-compatible-in-different-browser/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>WordPress用小墙防垃圾的问题</title>
		<link>http://www.imwls.com/problem-wordpress-anti-spam-with-willin</link>
		<comments>http://www.imwls.com/problem-wordpress-anti-spam-with-willin#comments</comments>
		<pubDate>Wed, 02 Jun 2010 22:56:05 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Spam]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1324</guid>
		<description><![CDATA[自从Akismet部分服务器被墙之后，留言时时常会跳转到404页面，所以换用了小墙，一段轻巧有用的反spam代码。而且也确实帮我拦住了很多的spam。

可问题是，为什么我在查看这些spam内容时，留言内容全都是“[C”字符，我想看看他们都放了什么P呢。求解。



<span class="readmore"><a href="http://www.imwls.com/problem-wordpress-anti-spam-with-willin" title="WordPress用小墙防垃圾的问题">Read More: 302 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>自从Akismet部分服务器被墙之后，留言时时常会跳转到404页面，所以换用了<a title="WordPress 小墙" href="kan.willin.org/?p=1267" target="_blank">小墙</a>，一段轻巧有用的反spam代码。而且也确实帮我拦住了很多的spam。</p>
<p>可问题是，为什么我在查看这些spam内容时，留言内容全都是“[C”字符，我想看看他们都放了什么P呢。求解。</p>
<p><span id="more-1324"></span></p>
<div id="attachment_1326" class="wp-caption alignnone" style="width: 520px"><img class="size-full wp-image-1326" title="willin01" src="http://www.imwls.com/wp-content/uploads/2010/06/willin01.png" alt="Spam列表页面" width="510" height="640" /><p class="wp-caption-text">Spam列表页面</p></div>
<div id="attachment_1325" class="wp-caption alignnone" style="width: 636px"><img class="size-full wp-image-1325" title="willin02" src="http://www.imwls.com/wp-content/uploads/2010/06/willin02.png" alt="编辑Spam时一样的情况" width="626" height="332" /><p class="wp-caption-text">编辑Spam时一样的情况</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/problem-wordpress-anti-spam-with-willin/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>&#8220;流氓&#8221;喷&#8220;民族&#8221;</title>
		<link>http://www.imwls.com/jinshan-vs-360</link>
		<comments>http://www.imwls.com/jinshan-vs-360#comments</comments>
		<pubDate>Tue, 25 May 2010 12:23:05 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1317</guid>
		<description><![CDATA[今天腾讯微博上最火热的一个话题当属#金山360PK#，国内流氓软件始祖@周鸿伟一小时发了30+条微博狂喷金山网盾，为这几天闹的火热的“金山 vs 奇虎360 口水战”增加了更多的内容，而在接近下午六点时，@金山毒霸终于忍无可忍，回讽了一句。一起看图。

 



<span class="readmore"><a href="http://www.imwls.com/jinshan-vs-360" title="&#8220;流氓&#8221;喷&#8220;民族&#8221;">Read More: 430 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>今天腾讯微博上最火热的一个话题当属#<a href="http://t.qq.com/k/%25E9%2587%2591%25E5%25B1%25B1360PK" target="_blank">金山360PK</a>#，国内流氓软件始祖@<a href="http://t.qq.com/zhouhongyi" target="_blank">周鸿伟</a>一小时发了30+条微博狂喷金山网盾，为这几天闹的火热的“<a href="http://www.google.com/search?q=%E9%87%91%E5%B1%B1+vs+%E5%A5%87%E8%99%8E360+%E5%8F%A3%E6%B0%B4%E6%88%98&amp;hl=en" target="_blank">金山 vs 奇虎360 口水战</a>”增加了更多的内容，而在接近下午六点时，@<a href="http://t.qq.com/jsduba" target="_blank">金山毒霸</a>终于忍无可忍，回讽了一句。一起看图。</p>
<p> <span id="more-1317"></span>
<p><a href="http://www.imwls.com/wp-content/uploads/2010/05/zhouhongwei1.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="周鸿伟狂喷金山" border="0" alt="周鸿伟狂喷金山" src="http://www.imwls.com/wp-content/uploads/2010/05/zhouhongwei_thumb1.png" width="704" height="1889" /></a></p>
<p>我不知道这个流氓教父是不是真的有这么时间在小小腾讯微博上吐口水，但是从上面就可以看出360这次的毅力之大.。</p>
<p><a href="http://www.imwls.com/wp-content/uploads/2010/05/jsduba1.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="金山毒霸回击一次" border="0" alt="金山毒霸回击一次" src="http://www.imwls.com/wp-content/uploads/2010/05/jsduba_thumb1.png" width="704" height="395" /></a></p>
<p>而直到今天下午六点，金山才作出回应,相比于360，实在是显得势弱.我想此时金山公关部一定在开会！</p>
<p>而腾讯官方也将这次口水战的话题作为了一个热门话题置顶，不知腾讯又有什么小心思，略看了一下，口水最多的360支持者反而最少，可笑可笑！</p>
<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="jinshan vs 360" border="0" alt="jinshan vs 360" src="http://www.imwls.com/wp-content/uploads/2010/05/jinshanvs360_thumb.png" width="704" height="1871" /></p>
<p>老实说,就我个人而言，还是比较支持金山的，可能是因为WPS太深入人心了。至于这些娱乐公司的“安全”产品，都没使用。话说，有良好的上网习惯，谨慎安装软件，小心处理U盘、移动硬盘，一般不会中招的；即使不慎中招，也能自己手动处理。</p>
<p>至于最终这次事件会如何结束，我们这些看客还是拭目以待吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/jinshan-vs-360/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>我的第一次就这么没了</title>
		<link>http://www.imwls.com/my-first-time-is-no-longer</link>
		<comments>http://www.imwls.com/my-first-time-is-no-longer#comments</comments>
		<pubDate>Sun, 23 May 2010 23:47:10 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Living]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1309</guid>
		<description><![CDATA[2010年5月14日接到一个非常意外的电话，约定第二天去对方那里看看。

2010年5月15日，经过将近两小时的长途跋涉，又是转车又是步行，终于从无锡新区到了滨湖区江大南门。

二十分钟后，见到了对方，经过一番友好、河蟹、期许的谈话，双方基本达成一致的意识；遂向对方告辞离去，对方说会尽快通知我。

<span class="readmore"><a href="http://www.imwls.com/my-first-time-is-no-longer" title="我的第一次就这么没了">Read More: 253 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>2010年5月14日接到一个非常意外的电话，约定第二天去对方那里看看。</p>
<p>2010年5月15日，经过将近两小时的长途跋涉，又是转车又是步行，终于从无锡新区到了滨湖区江大南门。</p>
<p>二十分钟后，见到了对方，经过一番友好、河蟹、期许的谈话，双方基本达成一致的意识；遂向对方告辞离去，对方说会尽快通知我。<span id="more-1309"></span></p>
<p>可到今天了，也没有等到面试结果，NND是不是在忽悠我呢。</p>
<p>本来我也就没投过任何简历，当初是你们突然找到我，叫我去面试的。我翻山越岭跋山涉水的，容易么？画个圈圈诅咒你们！ <img src='http://www.imwls.com/wp-includes/images/smilies/icon_exclaim.gif' alt=':!:' class='wp-smiley' /> </p>
<p>我的第一次面试就这么无果而终了，结局很杯具啊！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/my-first-time-is-no-longer/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>19个新鲜漂亮的英文字体</title>
		<link>http://www.imwls.com/19-fresh-and-beautiful-english-fonts</link>
		<comments>http://www.imwls.com/19-fresh-and-beautiful-english-fonts#comments</comments>
		<pubDate>Mon, 17 May 2010 22:46:32 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Others]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1307</guid>
		<description><![CDATA[字体设计中的非常重要的一部分，我们经常看到一些非常不错的字体应用。在合适的地方，选择合适的字体会让我们的设计更加具有吸引力。在这篇文章中，我们 收集了19个新鲜的英文字体供大家免费下 载…… 

1) ariapenciroman



<span class="readmore"><a href="http://www.imwls.com/19-fresh-and-beautiful-english-fonts" title="19个新鲜漂亮的英文字体">Read More: 332 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.imwls.com/19-fresh-and-b…-english-fonts/">字体</a>设计中的非常重要的一部分，我们经常看到一些非常不错的字体应用。在合适的地方，选择合适的字体会让我们的设计更加具有吸引力。在这篇文章中，我们 收集了<a href="http://www.imwls.com/19-fresh-and-b…-english-fonts/">19个新鲜的英文字体</a>供大家免费下 载…… <span id="more-1307"></span></p>
<p>1) <a href="http://fontstruct.fontshop.com/fontstructions/show/ariapenciroman">ariapenciroman</a></p>
<p><a href="http://fontstruct.fontshop.com/fontstructions/show/ariapenciroman"><img src="http://fg3cwa.bay.livefilestore.com/y1plCrAbQ9auoEjcGHVIcVCEa3NACEwoktz_iSsodvSdmgntNoc_6uYcixEdwLTYR2xt_DI3D09x0piDKq99Wh2exfPGwkQWX7A/efont.jpg" alt="arie" width="500" /></a></p>
<p><a href="http://www.dafont.com/romance-fatal-serif.font">2) Romance  Fatal Serif</a></p>
<p><a href="http://www.dafont.com/romance-fatal-serif.font"><img src="http://fg3cwa.bay.livefilestore.com/y1pbm0iOUdt3nwZb89foWkRlczf_WILt4ah0uK3_PSFiHz1Xa5gFTY1eHJJogkq30As_mEp6scuG0aSsjibVzvgpnhy6LZyOcW8/efont%20%289%29.jpg" alt="romance" width="500" /></a><br />
<a href="http://www.campivisivi.net/titillium/">3) TitilliumText14L</a></p>
<p><a href="http://www.campivisivi.net/titillium/wp-content/themes/wonderland/images/titillium.zip"><img src="http://fg3cwa.bay.livefilestore.com/y1pxyxCu2fo6X-Slcbw8OdREfxJPdX58KWRgHGUAbbKyqlzK8iL5MSM_Kosa-UJeeghfhpqiwfPnXgj1B4e_o7sOkqUirOLuMmA/efont%20%284%29.jpg" alt="fonts-644-titillium_sample" width="500" /></a></p>
<p>4) <a href="http://deathmunkey.deviantart.com/art/DENNE-Sketchy-126213052">Denne  Sketchy</a></p>
<p><a href="http://deathmunkey.deviantart.com/art/DENNE-Sketchy-126213052"><img src="http://fg3cwa.bay.livefilestore.com/y1pNtpCRTHihMC7SQRDpfL9YcSeJEY-S40HPG9-NlZQnSTwgWH9LQOkYI8pTzU6Pwf4YXUVIAm07GJL4mPgnKbQ2yiuV8P9mVSl/efont%20%283%29.jpg" alt="DENNE_Sketchy_by_deathmunkey" width="500" /></a></p>
<p>5<a href="http://beraka.deviantart.com/art/Beraka-Font-2-122185850">)  Beraka</a></p>
<p><a href="http://beraka.deviantart.com/art/Beraka-Font-2-122185850"><img src="http://fg3cwa.bay.livefilestore.com/y1p0LQ_6XFCJF1-Qsa6bsNwOsFQhv9Dw0I4hDi5olG2yaELSh-QV8BnUV_mDIm-nCMO3JSSQE96vQ5FfNPDPhgXycUTcx6BXaF7/efont%20%281%29.jpg" alt="Beraka_Font_2_by_beraka" width="500" /></a></p>
<p>6 ) <a href="http://www.ripetype.com.au/?p=48">Ripe</a></p>
<p><a href="http://www.ripetype.com.au/?p=48"><img src="http://fg3cwa.bay.livefilestore.com/y1pw5DYs9fz7mjNyAMJcpsZGBQBr9gR9mL83j6ex6ZbaBasEINYJe626uR78v7zNVihQCafhbhfhQt5SxpsjvqFBgEliOR5oyJ-/efont%20%288%29.jpg" alt="ripe_full_feature_2" width="500" /></a></p>
<p>7) <a href="http://keepwaiting.deviantart.com/art/WILD-AFRICA-Font-119608960">Wild  Africa</a></p>
<p><a href="http://www.deviantart.com/download/119608960/WILD_AFRICA_Font_by_KeepWaiting.zip"><img src="http://fg3cwa.bay.livefilestore.com/y1pqXmT0ok47EbF5nOJw0-nXwSfTanpsRtm7l21DARD4bKoUehi9KWGsi-VY4VCVBSyVd8LQhYGtnktIz-VWm9JqIUgsGIickt9/efont%20%2816%29.jpg" alt="wild" width="500" /></a></p>
<p><img src="http://www.ipc.me/wp-includes/images/smilies/icon_cool.gif" alt="8)" /> <a href="http://www.ripetype.com.au/?p=148">Unite</a></p>
<p><a href="http://www.ripetype.com.au/download-manager.php?id=9"><img src="http://fg3cwa.bay.livefilestore.com/y1pt74TbVjTo5QzonBojTOCeDinCgLtwfZQLBmGFBDoFOmorcyR6i_2q1Ia0mFRnBwdfixgAeFCe9HFCwrWZlOjEkKARn-zl1AI/efont%20%2815%29.jpg" alt="unite_full_feature_2" width="500" /></a></p>
<p>9) <a href="http://gomezswift.deviantart.com/art/Suede-Font-134724491">Suede</a></p>
<p><a href="http://gomezswift.deviantart.com/art/Suede-Font-134724491"><img src="http://fg3cwa.bay.livefilestore.com/y1pbUU0OltJYC2ycFXPAYHa3P2iXwnmjI-e0efINRO7ul5Fl8FEBpOzwrFi31de7xpp8qJkATyMRc6reh6jFdn0wTMqjlFchBuG/efont%20%2812%29.jpg" alt="Suede_Font_by_GomezSwift" width="500" /></a></p>
<p>10) <a href="http://digitalam.deviantart.com/art/squaretypeB-125986122">Square  Type</a></p>
<p>11) <a href="http://lydia-distracted.deviantart.com/art/Sunday-Morning-Garage-Sale-94083171">Sunday  Morning</a></p>
<p><a href="http://www.deviantart.com/download/94083171/Sunday_Morning_Garage_Sale_by_Lydia_distracted.ttf"><img src="http://fg3cwa.bay.livefilestore.com/y1psx7JWuavHYclFBPTj8QsJzHlJ_C5icWZ60p2pnARfVkyHShEsbGk0cylBQ7pNBy0wLc7w7d58-SffLHkJOvnP5lnxqyCzEed/efont%20%2813%29.jpg" alt="Sunday_Morning_Garage_Sale_by_Lydia_distracted" width="500" /></a></p>
<p>12) <a href="http://bigyellowbiohazard.deviantart.com/art/surrounding-68530037">Surrounding</a></p>
<p><a href="http://bigyellowbiohazard.deviantart.com/art/surrounding-68530037"><img src="http://fg3cwa.bay.livefilestore.com/y1pcuI4RVB3OO3Hp3OhKHswAetHSIcS1T9eDXSIs6ZPEOKYIqjEeCQc0MvocAWmVGvrDQ4t7lY9cho9EL1l15WsZzePPYPvcFx3/efont%20%2814%29.jpg" alt="surrounding____by_BigYellowBiohazard" width="500" /></a></p>
<p>13) <a href="http://mileyglamm.deviantart.com/art/School-Script-Dashed-Font-125905309">School  Script</a></p>
<p><a href="http://mileyglamm.deviantart.com/art/School-Script-Dashed-Font-125905309"><img src="http://fg3cwa.bay.livefilestore.com/y1pzP_q_Ntcb2iRBXdpseTKSe4hhX55ETcWPd1T_RiJBIiSee9CX9XhY7f-_zNBNA7QF_4TkpoCCAqqpOrSiyaFUUcfTO5tNdpu/efont%20%2810%29.jpg" alt="School_Script_Dashed_Font_by_MileyGlamm" width="500" /></a></p>
<p>14) <a href="http://nymphont.deviantart.com/art/Nymph-s-Handwriting-Font-125967653">Nymph’s  Handwriting</a></p>
<p><a href="http://nymphont.deviantart.com/art/Nymph-s-Handwriting-Font-125967653"><img src="http://fg3cwa.bay.livefilestore.com/y1pzbgx5U15F_RKp4eg8VQSjbQ264OtK88mBIpSiBhxC7C7THxjgftg1g7iuaSy6A_ASGNjS8_Q3s5VpeKDJOvhBf7EKGzvo2A2/efont%20%2818%29.jpg" alt="Nymph__s_Handwriting_Font_by_nymphont" width="500" /></a></p>
<p>15) <a href="http://nunodias.deviantart.com/art/Origram-100360312">Origam</a></p>
<p><a href="http://www.deviantart.com/download/100360312/Origram_typeface_by_NunoDias.rar"><img src="http://fg3cwa.bay.livefilestore.com/y1pFQJn2j5fMlvDwcSPvfAH0Oi35cpGqAkfJhQuF2SEFsyqOq9V278jqURizVhR49eEaE3ZJ1ai2HOCxZz1QP_nplp4O97kD8wF/efont%20%287%29.jpg" alt="Origram_typeface_by_NunoDias" width="500" /></a></p>
<p>16) <a href="http://keepwaiting.deviantart.com/art/GoodPeace-Free-Font-123459042">Good  Peace</a></p>
<p><a href="http://www.deviantart.com/download/123459042/GoodPeace_Free_Font_by_KeepWaiting.zip"><img src="http://fg3cwa.bay.livefilestore.com/y1pocFlNH18z2sbqGmHTHT3qYivGw2y8McJOA7ZkkwqHK3S1eC_kZ9GmvlZF8inT-BhUPMzT6tQ2AklYisTdwEwdaTcuFypVrEc/efont%20%285%29.jpg" alt="GoodPeace_Free_Font_by_KeepWaiting" width="500" /></a></p>
<p>17) <a href="http://javierzhx.deviantart.com/art/BLazteR-Tagg-30605280">Blazter</a></p>
<p><img src="http://fg3cwa.bay.livefilestore.com/y1pe17wVM497kI_kevyUef-dR7v6Dal3mUkpHeanP4rgLH-5DnP4ml1td6Vp92_7594592sa1UL3gSeniMJhkoPkqDQRdZLDyj1/efont%20%282%29.jpg" alt="BLazteR_Tagg_by_JavierZhX" width="500" /></p>
<p>18) <a href="http://nymphont.deviantart.com/art/Champagne-and-Limousines-Font-125890482">Champagne</a></p>
<p><a href="http://nymphont.deviantart.com/art/Champagne-and-Limousines-Font-125890482"><img src="http://fg3cwa.bay.livefilestore.com/y1pazApjdvy-4wAbGJZbkUTwio5nT_xAMrPTRV2yIlBFs15AYSY895EkG41Q6KGmP9_zkxBBYyAX6iP0HHvmtdMktNxy1sCStSO/efont%20%2817%29.jpg" alt="Champagne_and_Limousines_Font_by_nymphont" width="500" /></a></p>
<p><a href="http://veredgf.deviantart.com/art/Grumbling-Effect-Font-123407368">19)  Grumbling</a></p>
<p><a href="http://veredgf.deviantart.com/art/Grumbling-Effect-Font-123407368"><img src="http://fg3cwa.bay.livefilestore.com/y1p6KTTvx7WNX_KLCyJaogIpVy51RAISRJpsKqkqytMGBL25Q13t8n0gRBHvOeP0H7Wj2G6olYstJGOptlcwo-nIDfllVyuZ2ma/efont%20%286%29.jpg" alt="Grumbling_Effect_Font_by_veredgf" width="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/19-fresh-and-beautiful-english-fonts/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>弦子—醉清风</title>
		<link>http://www.imwls.com/xianzi-zuiqingfeng</link>
		<comments>http://www.imwls.com/xianzi-zuiqingfeng#comments</comments>
		<pubDate>Thu, 13 May 2010 12:03:27 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1300</guid>
		<description><![CDATA[因为在腾讯微博上收听了弦子，于是想到了这首很老的歌，很喜欢。

这首还是弦子作为网络歌手时创作的，第一次听到就觉得完全称得上是“天籁”。

虽然由于当时的设备条件限制，这首歌细听感觉会有破音，不过瑕不掩瑜，这并不影响歌迷对《醉清风》的喜爱，呵呵，一起试听一下mp3版的。

<span class="readmore"><a href="http://www.imwls.com/xianzi-zuiqingfeng" title="弦子—醉清风">Read More: 379 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>因为在腾讯微博上收听了<a href="http://t.qq.com/xianzi" target="_blank">弦子</a>，于是想到了这首很老的歌，很喜欢。</p>
<p>这首还是弦子作为网络歌手时创作的，第一次听到就觉得完全称得上是“天籁”。</p>
<p>虽然由于当时的设备条件限制，这首歌细听感觉会有破音，不过瑕不掩瑜，这并不影响歌迷对《醉清风》的喜爱，呵呵，一起试听一下mp3版的。<span id="more-1300"></span></p>
<div id="attachment_1304" class="wp-caption alignnone" style="width: 343px"><img class="size-full wp-image-1304" title="xianzi460" src="http://www.imwls.com/wp-content/uploads/2010/05/xianzi460.jpg" alt="" width="333" height="500" /><p class="wp-caption-text">这是弦子最近在自己的腾讯微博上发布的照片，很漂亮^_^</p></div>
<p>[Audio clip: view full post to listen]</p>
<p><a href="ed2k://%7Cfile%7C%E5%BC%A6%E5%AD%90.-.%5B%E9%86%89%E6%B8%85%E9%A3%8E%5D.%E4%B8%93%E8%BE%91.%28ape%29.ape%7C209273028%7Ccc64341c37ab613a9a3388bc25fb06dc%7Ch=ucesa53yryyootxgtta547yp2uwvilvd%7C/">弦 子.-.[醉清风].专辑.(ape).ape</a></p>
<p><a href="ed2k://%7Cfile%7C%E5%BC%A6%E5%AD%90.-.%5B%E9%86%89%E6%B8%85%E9%A3%8E%5D.%E4%B8%93%E8%BE%91.%28ape%29.cue%7C454%7Cf2ea5b8591fafc306fad894b97311ad8%7Ch=625nrh5dw2jsq2nltitxgvckgfqwkzau%7C/">弦 子.-.[醉清风].专辑.(ape).cue</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/xianzi-zuiqingfeng/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.lzfamily.com/up/mp3/86fe79917973a54c1c949cdb50830f4f.mp3" length="4913400" type="audio/mpeg" />
		</item>
		<item>
		<title>最全的jQuery表格插件</title>
		<link>http://www.imwls.com/the-most-jquery-table-plugins</link>
		<comments>http://www.imwls.com/the-most-jquery-table-plugins#comments</comments>
		<pubDate>Wed, 05 May 2010 22:37:17 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1298</guid>
		<description><![CDATA[本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML  表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。这些插件很多都包含详细的教 程。

jQuery 表格插件

Flexigrid – Web 2.0  Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext  Grid，但基于 jQuery 因此更轻量小巧。

<span class="readmore"><a href="http://www.imwls.com/the-most-jquery-table-plugins" title="最全的jQuery表格插件">Read More: 1588 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML  表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。这些插件很多都包含详细的教 程。<span id="more-1298"></span></p>
<h2>jQuery 表格插件</h2>
<p><a href="http://flexigrid.info/" target="_blank">Flexigrid – Web 2.0  Javscript Grid for jQuery</a> - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext  Grid，但基于 jQuery 因此更轻量小巧。</p>
<p><a href="http://flexigrid.info/" target="_blank"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2010/04/jquerytables_01.jpg" alt="" /></a></p>
<p><a href="http://www.chromaloop.com/posts/chromatable-jquery-plugin" target="_blank">Chromatable JQuery Plugin</a> -  固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。</p>
<p><a href="http://www.chromaloop.com/posts/chromatable-jquery-plugin" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_02.jpg" alt="" /></a></p>
<p><a href="http://www.reconstrukt.com/ingrid/" target="_blank">Ingrid,  the jQuery Datagrid</a> - 在 HTML 表格上加入列宽调整，分页，排序，行列式样等功能（<a href="http://www.reconstrukt.com/ingrid/src/example1.html" target="_blank">演示</a>）。</p>
<p><a href="http://www.reconstrukt.com/ingrid/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_03.jpg" alt="" /></a></p>
<p><a href="http://www.hanpau.com/index.php?page=jqtreetable" target="_blank">JQTreeTable</a> - 在表格中加入树形结构</p>
<p><a href="http://www.hanpau.com/index.php?page=jqtreetable" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_04.jpg" alt="" /></a></p>
<p><a href="http://www.webtoolkit.info/scrollable-html-table.html" target="_blank">Scrollable HTML table</a> - 将普通 HTML 表格变为可滚动状态。将表头部分放入  THEAD 区，内容部分放入 TBODY 区，脚注部分放入 TFOOT 区域，引用 webtoolkit.scrollabletable.js  文件，然后在每个表格后面创建 ScrollableTable() 对象即可（<a href="http://www.webtoolkit.info/demo/scrollable-html-table" target="_blank">演示</a>）。</p>
<p><a href="http://www.webtoolkit.info/scrollable-html-table.html" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_05.jpg" alt="" /></a></p>
<p><a href="http://www.sprymedia.co.uk/article/KeyTable" target="_blank">KeyTable</a> - 象 Excel 那样，在单元格之间巡游，可以现场编辑。</p>
<p><a href="http://www.sprymedia.co.uk/article/KeyTable" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_06.jpg" alt="" /></a></p>
<p><a href="http://blog.rebeccamurphey.com/2007/12/17/graph-table-data-jquery-flot/" target="_blank">graphTable</a> - 借助 <a href="http://code.google.com/p/flot/" target="_blank">flot</a> 将 HTML  表格中的内容变成图形（<a href="http://www.rebeccamurphey.com/jquery/graphTable/table.html" target="_blank">演示</a>）。</p>
<p><a href="http://blog.rebeccamurphey.com/2007/12/17/graph-table-data-jquery-flot/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_07.jpg" alt="" /></a></p>
<p><a href="http://www.datatables.net/" target="_blank">DataTables</a> -  非常强大的 jQuery 表格插件，可变宽页码浏览，现场过滤。多列排序，自动探测数据类型，智能列宽，可从几乎任何数据源获取数据。</p>
<p><a href="http://www.datatables.net/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_08.jpg" alt="" /></a></p>
<p><a href="http://www.trirand.com/blog/" target="_blank">jqGrid Plugin</a> - 基于 Ajax 的 jQuery 表格插件，可以 Ajax 方式从服务器端获取数据填充进来（<a href="http://trirand.com/blog/jqgrid/jqgrid.html" target="_blank">演示</a>）。</p>
<p><a href="http://www.trirand.com/blog/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_09.jpg" alt="" /></a></p>
<p><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" target="_blank">Visualize: Accessible Charts &amp; Graphs from Table  Elements</a> - 从 HTML 表格收集数据，并借助 HTML5 Canvas 对象转换为图表。</p>
<p><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_10.jpg" alt="" /></a></p>
<p><a href="http://boriscy.github.com/grider/" target="_blank">Grider</a> - 一个简单的 jQuery 插件，可以对 HTML 表格进行计算，平均，累加，最大值，最小值等。</p>
<p><a href="http://boriscy.github.com/grider/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_11.jpg" alt="" /></a></p>
<h2>表格功能增强</h2>
<p><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" target="_blank">Table Drag and Drop</a> - 通过拖放，对表格中的数据重新排列，可以设置禁止拖放的行。</p>
<p><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_12.jpg" alt="" /></a></p>
<p><a href="http://plugins.jquery.com/project/tablePagination" target="_blank">Table Pagination</a> - 在表格下方自动生成分页导航。</p>
<p><a href="http://plugins.jquery.com/project/tablePagination" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_13.jpg" alt="" /></a></p>
<p><a href="http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/" target="_blank">tableRowCheckboxToggle</a> - 可根据 class name 对表格的行自动  check on/off</p>
<p><a href="http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_14.jpg" alt="" /></a></p>
<p><a href="http://plugins.jquery.com/project/bstablecrosshair" target="_blank">BS Table Crosshair Plugin</a> - 鼠标在表格上移动时，所经过的单元格自动交叉加亮</p>
<p><a href="http://plugins.jquery.com/project/bstablecrosshair" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_15.jpg" alt="" /></a></p>
<p><a href="http://code.google.com/p/jqtable2csv/" target="_blank">jqtable2csv</a> - 将 HTML 表格转换为 SVG 字符串。</p>
<p><a href="http://franca.exofire.net/jq/colorize" target="_blank">Colorize</a> - 自动对表格间隔行使用不同背景颜色</p>
<p><a href="http://franca.exofire.net/jq/colorize" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_16.jpg" alt="" /></a></p>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" target="_blank">jExpand</a> - 一个非常轻量的 jQuery  插件，可以展开/关闭表格单元格，使表格可以容纳更多内容。</p>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_17.jpg" alt="" /></a></p>
<p><a href="http://p.sohei.org/jquery-plugins/columnhover/" target="_blank">columnHover</a> - 鼠标经过时，可以整列加亮，甚至支持 colspans 和 rowspans</p>
<p><a href="http://p.sohei.org/jquery-plugins/columnhover/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_18.jpg" alt="" /></a></p>
<p><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" target="_blank">HeatColor</a> - 根据规则，或自动对表格中的值进行分析，对不同范围的值按不同颜色区分。</p>
<p><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_19.jpg" alt="" /></a></p>
<p><a href="http://fixedheadertable.mmalek.com/" target="_blank">Fixed  Header Table</a> - 固定表头可滚动表格</p>
<p><a href="http://fixedheadertable.mmalek.com/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_20.jpg" alt="" /></a></p>
<h2>表格搜索，筛选</h2>
<p><a href="http://ideamill.synaptrixgroup.com/?page_id=16" target="_blank">tableFilter</a> - 给表格添加简单的筛选功能。</p>
<p><a href="http://ideamill.synaptrixgroup.com/?page_id=16" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_21.jpg" alt="" /></a></p>
<p><a href="http://gregweber.info/projects/uitablefilter" target="_blank">uiTableFilter</a> - 根据条件筛选（隐藏）表格行</p>
<p><a href="http://gregweber.info/projects/uitablefilter" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_22.jpg" alt="" /></a></p>
<p><a href="http://tablesorter.com/docs/" target="_blank">Tablesorter  2.0</a> - 将普通的，拥有 THEAD 和 TBODY 标签的表格转换为可排序表格，可以分析多种数据，支持多列排序。</p>
<p><a href="http://tablesorter.com/docs/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_23.jpg" alt="" /></a></p>
<p><a href="http://www.picnet.com.au/picnet_table_filter.html" target="_blank">PicNet Table Filter</a> - 实时的，Google 式筛选功能</p>
<p><a href="http://www.picnet.com.au/picnet_table_filter.html" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_24.jpg" alt="" /></a></p>
<p><a href="http://tinysort.sjeiti.com/" target="_blank">jQuery tinysort</a> - 排序</p>
<p><a href="http://tinysort.sjeiti.com/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_25.jpg" alt="" /></a></p>
<p><a href="http://www.digitalinferno.net/blog/jquery-plugin-livefilter-1-1/" target="_blank">LiveFilter 1.1</a> - 非常轻量的表格筛选插件，部署非常简单。</p>
<p><a href="http://www.digitalinferno.net/blog/jquery-plugin-livefilter-1-1/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_26.jpg" alt="" /></a></p>
<p><a href="http://code.google.com/p/jqtablesearch/" target="_blank">jQtablesearch</a> - 快速搜索，非常快</p>
<p><a href="http://code.google.com/p/jqtablesearch/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_27.jpg" alt="" /></a></p>
<p><a href="http://github.com/riklomas/quicksearch" target="_blank">Quicksearch</a> - 简单的搜索功能</p>
<h2>jQuery 现场编辑</h2>
<p><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" target="_blank">TableEditor – Flexible in place editing of TableSorter</a> - 现场编辑表格内容，用户可以插入 Ajax 机制回存数据</p>
<p><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_28.jpg" alt="" /></a></p>
<p><a href="http://sites.google.com/a/zoqui.com/www/jgrideditor" target="_blank">jGridEditor</a> - 现场编辑，可配置 Ajax 回存数据</p>
<p><a href="http://sites.google.com/a/zoqui.com/www/jgrideditor" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_29.jpg" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/the-most-jquery-table-plugins/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>转载：国内软件公司为何无法做大做强?</title>
		<link>http://www.imwls.com/why-not-domestic-software-company-stronger</link>
		<comments>http://www.imwls.com/why-not-domestic-software-company-stronger#comments</comments>
		<pubDate>Tue, 04 May 2010 08:22:08 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1295</guid>
		<description><![CDATA[纵览,国内比较大的软件公司(以下统一简称"国软"),清一色都是做政府项目的(他们能做大的原因我就不用说了吧),真正能做大的国软又有几家呢?更何况 开源企业，这是为什么呢?

今天风吹就给大家简单分析下:

1."作坊"式管理

<span class="readmore"><a href="http://www.imwls.com/why-not-domestic-software-company-stronger" title="转载：国内软件公司为何无法做大做强?">Read More: 2902 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>纵览,国内比较大的软件公司(以下统一简称"国软"),清一色都是做政府项目的(他们能做大的原因我就不用说了吧),真正能做大的国软又有几家呢?更何况 开源企业，这是为什么呢?</p>
<p><span id="more-1295"></span>今天风吹就给大家简单分析下:</p>
<h4>1."作坊"式管理</h4>
<p>"作坊"往往是效率最高的,  国软几乎都是从作坊走过来的,但把作坊式的管理模式套用到一个不断壮大的公司中显然是不行的.组织架构到达一定程度后就必然要进行分工的细化,依靠作坊式 的"暴力开发"是行不通的.</p>
<h4>2."法制社会"</h4>
<p>上班必须打卡,迟到要扣钱,还一次比一次多,加班没有加班费,反正算下来就是,只有扣钱的项目,没有加钱的项目.比起外企,人家上班不打卡,迟到不扣钱, 加班有加班费,这样宽松点的环境不好吗?</p>
<h4>3. 自身自灭</h4>
<p>国软一般没有师徒制,有的话也只是形式上的,公司基本没人管你,你也不用去管别人,新进的员工,不管会不会,先丢个东西给你做,自己研究,不懂的 google去.这也是为什么国软喜欢招有经验的人,因为没经验的人熬不住,跑了几个以后,国软就不招了.</p>
<p>4. 销售-开发-维护脱节</p>
<p>这点是非常严重的,会直接导致项目流产的.国软的典型的做法是,销售为了业绩,在没有调研的情况下就签了合同  (这里主要是指项目型的,产品型的一般可以控制),而且合同的范围也非常模糊,可大可小,接下来就是调研人员上场,调研后发现,10w块钱的合同,调研出 来了100w的需求,接下来就是和客户扯皮,最后直接导致项目流产,甚至打上官司.项目或产品上线后,维护人员对系统不了解(一方面是没有文档,另外一方 面维护人员一般没有参与到开发中),接下来往往就会发生两种情况:</p>
<p>a.维护人员在不了解系统的情况下擅自修改,结果导致系统越改问题 越多.</p>
<p>b.维护人员一不做二不休,所有客户反馈的问题全部打回给开发人员,于是开发人员就生不如死,在做别的项目的同时还要维护以前的项目,结果就是导致几个项 目都失败.</p>
<h4>5.缺乏规划</h4>
<p>今天要用这个,明天想用那个(笔者就经历了公司在半年的时间内对框架进行了两次大的变动,导致开发人员都必须重新学习框架)产品也接,项目也接,大的也 接,小的也接.今天领导说往左走,明天说往右走,也不能怪领导,他也没经验,我们就是他的DEMO.公司没有一个明确的目标,要做成什么样,只是一味的提 出做大做强,但是没有规划出如何做大做强.(和我的标题一样哦)</p>
<h4>6.三无-无需求,无设计,无测试.</h4>
<p>a.没有文档是国软的通病,曾几何时,产品经理丢过来的那一句话:" 喂,**,给我做一个**模块来",然后开发人员就开始埋头苦写了.</p>
<p>b.当然如果你天资聪慧,可以轻易理解出产品经理的意思,那有没有设计都无所谓了,但是,当有一天别人要维护你的程序的时候问题就出现了,没有文档,代码 又那么天马行空,怎么维护?改了这个地方,又影响了那个地方...</p>
<p>c.其实程序员都懂得测试的意义,可以工时安排的那么紧,哪来的时间测试?测试又没有算工时.所以几乎所有的程序员的做法就是,直接丢给用户测试</p>
<p>这时候有人肯定要问:那项目经理呢?他不是可以测试吗?请记住这是国软,刚才写代码的那个人就是项目经理,还是售前,还是设计人员,还是维护,还是... 归结还是成本问题,在外资软件公司中,做文档的工时是比做开发的工时更多的,国软为了节省成本,这块当然要  CUT掉了.不必去追去文档有多么详细多么美观,需要做的就是找到一个平衡点,一份适合自己的文档.</p>
<h4>7.员工都是"十项全能"</h4>
<p>在国软里面的员工各个都是十项全能(笔者就是一个鲜明的例子,从系统调研分析设计,到进度管理,开发,测试,验收,实施,维护,甚至拉给客户拉网线都需要 我去.)直接导致的结果就是这些员工每过多久就直接出来自己开公司了...嘿嘿又一家作坊诞生了...这样做对员工个人其实是有好处的,但是对于企业本上 来说是没有好处的,并不是说员工成立了作坊,成为了你的竞争对手,而是让员工各个都是十项全能的结果就是</p>
<p>a.员工都是"十项全不 能".</p>
<p>b.员工一旦离职,他手头的项目必定流产.</p>
<p>c.对公司的发展是不利的(细化分工).</p>
<h4>8.莫不关心</h4>
<p>老板并不知道员工在做什么,员工也不知道老板在做什么.上级很少去关心下级的工作,更别说去关心下级的生活,一个东西丢给你,一个月后交差,中间不管你任 何事情,交不了差就唯你是问.下级也不知道能为上级分担什么,只有等着上级分配任务.甚至还有些老板都不不知道员工的名字,在这样的国软的,每个人都是孤 立的,又怎么能做大做强呢?</p>
<h4>9.企业文化</h4>
<p>所谓十年树木,百年树人.国软的企业文化表面功夫算是做的很好的了,什么"为客户创造价值","做最好的行业解决方案","软件公司的最大资源就是人才" 等等,要多华丽有多华丽,重复体现了"口号文化".真正做到企业文化又有多少呢?有多少仅仅是为了做给客户看的呢?</p>
<h4>10.盲目跟风</h4>
<p>很多国软看到人家外企软件公司最近在搞什么推进活动,就跟风,效仿外企做,可是无法领悟精髓,纯粹只是在模仿.(外企集体笑:"一直被模仿,从未被超 越")做完了也不知道这么做的意义,劳民伤财.</p>
<h4>11.缺乏"执行力"</h4>
<p>国软的通病,就是"执行力",国软的学习劲头很足,今天提出要完善测试标准,明天提出要每周写工作报告,可是又有哪些东西能真正的去执行呢?</p>
<p>导致这个问题的主要原因有两个:</p>
<p>a.提出来的东西到底有没必要做,还是只是应付领导走个过场.</p>
<p>b.谁来跟踪这些东西?员工写了工作报告,领导没有去查看,去反馈,员 工觉得写的也没意义,自然不会继续执行下去.</p>
<h4>12.管理混乱</h4>
<p>没有划分清楚员工的归属组织,员工并不明确他的上级领导是谁,导致有的员工处于游离状态,有的是员工又是多个领导,不懂要听谁的,有些人忙的要死,有些人 又闲的要命,最后搞的最痛苦的就是员工,导致员工离职.</p>
<h4>13.缺乏团队精神</h4>
<p>为什么会缺乏团队精神呢?并不是国软没有这方面的概念,国软也很希望培养员工的团队观念 和精神,</p>
<p>无奈因为国软,一般都是一个人负责一个或者多个项目,连团队都没有,何来的团队精神?</p>
<h4>14.无法做到补 足</h4>
<p>一个项目一旦中途有人辞职,这个项目就会流产.一个员工一旦辞职,会有N个项目没人维护.A组的员工无法胜任B组的工作,归根结底就是组织上根本没有考虑 过组织变动对项目的影响,没有提前培养人员.</p>
<h4>15.一成不变和随心所欲</h4>
<p>有两类人一种是把前辈的东西COPY过来,不作任何修改,因为他深信,前辈的一定是对的,还有一类是不管前人怎么做的,一律不要,全凭自己的"经验",随 心所欲,天马行空的进行自主研发,造成的结果就是错的还是错的,乱的更乱了.</p>
<h4>16.人才育成</h4>
<p>成本,还是成本,培养一个人要多少成 本?这就是国软做不大的原因,永远只能停留在"作坊"的原因.</p>
<h4>17.向心力.</h4>
<p>老板做的是事业,员工做的是事情, 这是国软员工的一致观点.</p>
<h4>18.恶性循环</h4>
<p>a.人员力量不足 -&gt; 接不了项目 -&gt; 收入少 -&gt; 人员流失.</p>
<p>b.人员力量不足 -&gt; 强行接项目 -&gt; 亏本 -&gt; 破产.</p>
<p>最后 我想说一句的是:成也国软,败也国软.</p>
<p>说的不对的地方请大家指出,或者补充下没说到的地方.</p>
<p><div class="note"><div class="notetip">
<p>这是转载来的，不过说的很好，深有同感！</p>
<p>原文地址：http://blog.sina.com.cn/s/blog_4c50644a0100hxvt.html</p>
<p></div></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/why-not-domestic-software-company-stronger/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Javascript中===与==区别</title>
		<link>http://www.imwls.com/javascript-difference-equal</link>
		<comments>http://www.imwls.com/javascript-difference-equal#comments</comments>
		<pubDate>Sun, 25 Apr 2010 01:20:09 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.imwls.com/javascript-difference/</guid>
		<description><![CDATA[在 Javascript 中，可以使用 == 来比较两个数据是否相等，如果两个数据的类型不同，那么，将在进行转换后进行比较，转换的规则如下：

 



<span class="readmore"><a href="http://www.imwls.com/javascript-difference-equal" title="Javascript中===与==区别">Read More: 927 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>在 Javascript 中，可以使用 == 来比较两个数据是否相等，如果两个数据的类型不同，那么，将在进行转换后进行比较，转换的规则如下：</p>
<p> <span id="more-1292"></span>
<ol>
<li>如果其中一个操作数的类型为 Boolean ，那么，首先将它转换为数字类型，false 转换为 0, true 将转换为 1。</li>
<li>如果其中一个操作数的类型是字符串，另外一个为数字类型，那么，将字符串转换为数字进行比较。</li>
<li>如果其中一个操作数的类型是字符串，另外一个为 object 类型，那么，将调用对象的 toString 方法之后，比较字符串。</li>
<li>如果其中一个操作数的类型是数字类型，另外一个为 object 类型，那么，将对象转换为数值后进行数字比较。</li>
</ol>
<p>以下的规定了一些特殊的比较：</p>
<ol>
<li>null 和 undefined 是相等的。</li>
<li>null 和 undefined 不会转换为任何其他类型</li>
<li>如果任何一个操作的结果为 NaN，那么相等比较返回 false，不相等比较返回 true。注意，即使两个操作数都为 NaN，返回结果一样是 false，也就是说，NaN 不等于 NaN。</li>
<li>如果两个操作数都是对象，那么比较它们引用的值，如果引用同一个对象，那么，返回真，否则，返回假。</li>
</ol>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">null</span> <span style="color: #339933;">==</span> undefined<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>undefined <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">false</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// false</span>
<span style="color: #003366; font-weight: bold;">var</span> obj <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">10</span> <span style="color: #339933;">==</span> obj<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// false</span></pre></div></div>

<p>完全相同的比较 === 和不完全相等 !==</p>
<p>完全相同的比较用来比较不进行转换是否相等，例如：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #003366; font-weight: bold;">var</span> a <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;100&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> b <span style="color: #339933;">=</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">;</span> 
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">==</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>      <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">===</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>     <span style="color: #006600; font-style: italic;">// false</span></pre></div></div>

<p>== 比较将返回真，因为 “100” 首先转换为数字 100, 然后与数字 100 进行比较，结果相等。</p>
<p>=== 比较将返回假，因为字符串 ”100” 不经过转换的话，与数字 100 不相等。</p>
<p>!== 用于比较在不转换的情况下，是否不相等。</p>

<div class="wp_syntax"><div class="code"><pre class="javascript"><span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">!=</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>      <span style="color: #006600; font-style: italic;">// false</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">!==</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>     <span style="color: #006600; font-style: italic;">// true</span></pre></div></div>

<p>第一种情况将返回假，因为转换后是相等的。第二种情况将返回真，因为不经过转换的话，他们一个是字符串，一个是数字，是不相等的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/javascript-difference-equal/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>50个奇艺网邀请码</title>
		<link>http://www.imwls.com/50%e4%b8%aa%e5%a5%87%e8%89%ba%e7%bd%91%e9%82%80%e8%af%b7%e7%a0%81</link>
		<comments>http://www.imwls.com/50%e4%b8%aa%e5%a5%87%e8%89%ba%e7%bd%91%e9%82%80%e8%af%b7%e7%a0%81#comments</comments>
		<pubDate>Mon, 19 Apr 2010 10:47:53 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1288</guid>
		<description><![CDATA[刚刚获邀注册了百度旗下的视频网站奇艺网，在如今的免费视频分享大军中硬是插进了一脚。奇艺网主打的是高清、正版，稍微看了一下《72家租客》，感觉还行；值得一提的是它的关灯模式，虽说这个功能没啥稀奇的，但是要比优酷那个名副其实的多。如果有需要的话可以留下邮箱（最好不是QQ邮箱），或者在嘀咕网、腾讯微博上给我发消息。

]]></description>
			<content:encoded><![CDATA[<p>刚刚获邀注册了百度旗下的视频网站<a href="http://www.qiyi.com/" target="_blank">奇艺网</a>，在如今的免费视频分享大军中硬是插进了一脚。奇艺网主打的是高清、正版，稍微看了一下《72家租客》，感觉还行；值得一提的是它的关灯模式，虽说这个功能没啥稀奇的，但是要比优酷那个名副其实的多。如果有需要的话可以留下邮箱（最好不是QQ邮箱），或者在<a href="http://digu.com/imwls" target="_blank">嘀咕网</a>、<a href="http://t.qq.com/lisong" target="_blank">腾讯微博</a>上给我发消息。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/50%e4%b8%aa%e5%a5%87%e8%89%ba%e7%bd%91%e9%82%80%e8%af%b7%e7%a0%81/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>腾讯微博邀请码大放送</title>
		<link>http://www.imwls.com/%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a%e9%82%80%e8%af%b7%e7%a0%81%e5%a4%a7%e6%94%be%e9%80%81</link>
		<comments>http://www.imwls.com/%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a%e9%82%80%e8%af%b7%e7%a0%81%e5%a4%a7%e6%94%be%e9%80%81#comments</comments>
		<pubDate>Thu, 15 Apr 2010 13:57:03 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[QQ]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1280</guid>
		<description><![CDATA[昨天入住腾讯微博，今天俺来送邀请码了，点这里即可。

好吧，我承认是骗人的——没有邀请码  。腾讯已经开通了申请入口，还没有的赶紧的吧。

]]></description>
			<content:encoded><![CDATA[<p>昨天<a href="http://www.imwls.com/%e5%85%a5%e4%bd%8f%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a/" target="_blank">入住腾讯微博</a>，今天俺来送邀请码了，点<a href="http://page.vote.qq.com/?id=108614" target="_blank">这里</a>即可。</p>
<p>好吧，我承认是骗人的——没有邀请码 <img src='http://www.imwls.com/wp-includes/images/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' /> 。腾讯已经开通了申请入口，还没有的赶紧的吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a%e9%82%80%e8%af%b7%e7%a0%81%e5%a4%a7%e6%94%be%e9%80%81/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
