<?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>aw's blog 姿态永恒 &#187; 关于jQuery的文章</title>
	<atom:link href="http://www.awflasher.com/blog/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.awflasher.com/blog</link>
	<description>分享互联网, 分享人生</description>
	<lastBuildDate>Sun, 29 Jan 2012 11:57:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>分享jQuery1.2的CHM版（增UI、插件文档）</title>
		<link>http://www.awflasher.com/blog/archives/1130</link>
		<comments>http://www.awflasher.com/blog/archives/1130#comments</comments>
		<pubDate>Sat, 15 Dec 2007 12:11:29 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/1130</guid>
		<description><![CDATA[jQuery对前端开发人员来说，实在是一个不可多得的“利器”。 我认为，原型开发者（Prototype Developer）肯定更加喜爱jQuery这套框架，没有Yui-Ext的庞杂，没有Prototype（框架）的OOP语法。jQuery的“哲学”（philosophy，或者叫“理念”吧）无不映射着一种“简单、朴实”之美：Find things, do stuff（我姑且理解为“物尽其用”） 然而，jQuery的文档却一直没有好的支持。官方的服务器我这边访问起来比较慢，有时候在正规项目中，又必须追求好的质量，这意味着要不停地查阅文档。（如果你告诉我一个优秀的JavaScript程序员应该把每一条语句烂记于心，我建议你继续接受我们的义务应试教育） 下载地址： jQuery以及jQuery的jQuery UI（界面开发）指南 jQuery的一些插件API（个人觉得这个没太大意义，毕竟插件方面的资源最好去跟踪相应SVN） 最后，关于这俩个CHM，还有一个小插曲：原本，我是通过搜索一些相关的关键词来到一个Google Group，然后看到一个blog提供了下载地址（这个wordpress.com为就得用proxy才可以访问到）。结果链接过去发现是4share的链接。这下我的proxy也没戏了。后来，联系到作者Peacech。我简述了我的要求，他立即上传到了GoogleCodes（也就是上面的地址），但有一个问题，他始终没有搞明白：“Why they are bl0cking 4share”。我只能说“It&#8217;s complicated”了…… PS：Peacech是印尼人，他最后告诉我，印尼只有少部分人是因特网活跃用户，而几乎没有什么“local”（本地化）web2.0网站。不过，关于印尼方面在Web上的言论问题，Peacech告诉我是很自由的（考虑到一些风险，原话已经删去） 16条评论, 立即发言 &#124; 本文关键词: jQuery ©aw's blog 姿态永恒 1984-2007 &#124; 链接地址 - http://www.awflasher.com/blog/archives/1130 @awguo （新浪微博） &#124; @awguo （腾讯微博） &#124; Twitter: @awguo]]></description>
			<content:encoded><![CDATA[<p><a title="jQuery" href="http://www.awflasher.com/blog/tag/jquery" target="_blank">jQuery</a>对<a title="Web前端" href="http://www.awflasher.com/blog/archives/906" target="_blank">前端开发人员</a>来说，实在是一个不可多得的“利器”。</p>
<p>我认为，原型开发者（Prototype Developer）肯定更加喜爱jQuery这套框架，没有Yui-Ext的庞杂，没有Prototype（框架）的OOP语法。jQuery的“<a title="哲学,理念" href="http://www.awflasher.com/blog/archives/952" target="_blank">哲学</a>”（philosophy，或者叫“理念”吧）无不映射着一种“简单、朴实”之美：Find things, do stuff（我姑且理解为“物尽其用”）</p>
<p>然而，jQuery的文档却一直没有好的支持。官方的服务器我这边访问起来比较慢，有时候在正规项目中，又必须追求好的质量，这意味着要不停地查阅文档。（如果你告诉我一个优秀的JavaScript程序员应该把每一条语句烂记于心，我建议你继续接受我们的义务应试教育）</p>
<p>下载地址：</p>
<ul>
<li><a href="http://char-docs.googlecode.com/files/jQuery%20and%20jQuery%20UI%20Reference%201.2.chm" target="_blank">jQuery以及jQuery的jQuery UI（界面开发）指南</a>
<li><a href="http://char-docs.googlecode.com/files/jquery-plugins-doc-0.1.chm" target="_blank">jQuery的一些插件API</a>（个人觉得这个没太大意义，毕竟插件方面的资源最好去跟踪相应SVN）</li>
</ul>
<p>最后，关于这俩个CHM，还有一个小插曲：原本，我是通过搜索一些相关的关键词来到一个Google Group，然后看到<a href="http://charupload.wordpress.com" target="_blank">一个blog</a>提供了下载地址（这个wordpress.com为就得用proxy才可以访问到）。结果链接过去发现是4share的链接。这下我的proxy也没戏了。后来，联系到作者Peacech。我简述了我的要求，他立即上传到了GoogleCodes（也就是上面的地址），但有一个问题，他始终没有搞明白：“Why they are bl0cking 4share”。我只能说“It&#8217;s complicated”了……</p>
<p>PS：<a href="http://charupload.wordpress.com" target="_blank">Peacech</a>是印尼人，他最后告诉我，印尼只有少部分人是因特网活跃用户，而几乎没有什么“local”（本地化）web2.0网站。不过，关于印尼方面在Web上的言论问题，Peacech告诉我是很自由的（考虑到一些风险，原话已经删去）</p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/1130#awcomment"><strong>16</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/1130#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/jquery" rel="tag">jQuery</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2007  | <a href="http://www.awflasher.com/blog/archives/1130">链接地址</a> - http://www.awflasher.com/blog/archives/1130
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/1130/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>jQuery升级到1.2.1 &#8211; 9月的惊喜</title>
		<link>http://www.awflasher.com/blog/archives/956</link>
		<comments>http://www.awflasher.com/blog/archives/956#comments</comments>
		<pubDate>Mon, 17 Sep 2007 17:10:04 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/956</guid>
		<description><![CDATA[最新消息，jQuery 1.2.1也已经发行了！而更让人振奋的是，官方的jQuery UI也刚刚发布了最新版。这意味着，Web前端RIA框架的斗争，最终很可能以jQuery的“独霸”未结束。 值得一提的是，大家可以看看这款叫做《Advanced Image Gallery》的Demo。不过目前在IE和Safari下有一些问题，jQuery团队正在修正中。 不过，jQuery配合“老对手”的YUI compressor+GZIP居然可以将代码量压缩到10k，这一点确实让我们很惊讶。大家有空可以看看这篇文章。 &#8212; 九月寂寞的分割线 &#8212; jQuery1.2已经发行了，这次新增的功能非常强大，包括选择器的改进、动画效果的增强、更加先进的颜色动画（我当年用Flash做的非常痛苦）！ 此外，发现jQuery居然也搞了一个“jQueryCamp ‘07 (Boston)” &#8211; 看来WordCamp你不是一个人在Camp啊！ 如果不出什么以外，jQuery 1.1.4将是jQuery 1.1系列的最终版本。九月份我们将看到jQuery 1.2 这实在是令人激动人心啊！赶紧去下载吧！ jQuery 1.1.4 (Compressed, 21KB) jQuery 1.1.4 (65KB) jQuery 1.1.4 (Docs, Source Code) 以下内容为2007年7月3日发表，部分已经过期。 【重要】新版的jQuery1.1.3有一些bug，请立即升级到1.1.3.1！ http://jquery.com/blog/ &#8211; 这里有jQuery的最新信息：）废话不多说，先摘录大家最关心的效率问题： 各大浏览器性能对比，其中IE6的全面胜出让我感到非常鼓舞，看如下数据： 效率提升对比（平均提升800%）： 赶紧升级吧！相关资源： 各大框架性能对比地址：http://dev.jquery.com/~john/slick/ 下载jQuery源码（61k）&#124;下载jQuery压缩内核（20k） 才华横溢的John Resig跟他的jQuery其实也是多灾多难，当年和yui的口水仗，到5月1号jquery.com经历DDOS，jQuery能走到今天，只能说它确实赢得了广大JavaScript、Ajax开发者的青睐。 是金子，用要发光的，祝福jQuery！期待1.1.4，更期待1.2：） 15条评论, 立即发言 &#124; 本文关键词: Javascript, jQuery ©aw's blog [...]]]></description>
			<content:encoded><![CDATA[<p>最新消息，<a href="http://jqueryjs.googlecode.com/files/jquery-1.2.1.min.js" target="_blank">jQuery 1.2.1</a>也已经发行了！而更让人振奋的是，官方的<a href="http://ui.jquery.com/">jQuery UI</a>也刚刚发布了最新版。这意味着，Web前端RIA框架的斗争，最终很可能以jQuery的“独霸”未结束。</p>
<p>值得一提的是，大家可以看看这款叫做《<a href="http://dev.jquery.com/view/trunk/plugins/ui/apps/gallery_advanced/" target="_blank">Advanced Image Gallery</a>》的Demo。不过目前在IE和Safari下有一些问题，jQuery团队正在修正中。</p>
<p>不过，jQuery配合“老对手”的YUI compressor+GZIP居然可以将代码量压缩到10k，这一点确实让我们很惊讶。大家有空可以看看<a href="http://www.julienlecomte.net/blog/2007/08/21/gzip-your-minified-javascript-files/" target="_blank">这篇文章</a>。</p>
<p><span id="more-956"></span></p>
<p>&#8212; 九月寂寞的分割线 &#8212; </p>
<p>jQuery1.2已经发行了，这次<a href="http://docs.jquery.com/Release:jQuery_1.2" target="_blank">新增的功能</a>非常强大，包括选择器的改进、动画效果的增强、更加先进的颜色动画（我当年用Flash做的非常痛苦）！</p>
<p>此外，发现jQuery居然也搞了一个“<a title="Permanent Link to jQueryCamp &lsquo;07 (Boston)" href="http://jquery.com/blog/2007/09/06/jquerycamp-07-boston/" rel="bookmark">jQueryCamp ‘07 (Boston)</a>” &#8211; 看来<a href="http://www.awflasher.com/blog/tag/wordcamp">WordCamp</a>你不是一个人在Camp啊！</p>
<p>如果不出什么以外，jQuery 1.1.4将是jQuery 1.1系列的最终版本。九月份我们将看到jQuery 1.2</p>
<p>这实在是令人激动人心啊！赶紧去下载吧！</p>
<ul>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.1.4.pack.js">jQuery 1.1.4 (Compressed, 21KB)</a>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.1.4.js">jQuery 1.1.4 (65KB)</a>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.1.4-release.zip">jQuery 1.1.4 (Docs, Source Code)</a> </li>
</ul>
<p>以下内容为2007年7月3日发表，部分已经过期。</p>
<p>【重要】新版的jQuery1.1.3有<a href="http://dev.jquery.com/report/16">一些bug</a>，请立即升级到1.1.3.1！</p>
<p><a href="http://jquery.com/blog/">http://jquery.com/blog/</a> &#8211; 这里有jQuery的最新信息：）废话不多说，先摘录大家最关心的效率问题：</p>
<p>各大浏览器性能对比，其中IE6的全面胜出让我感到非常鼓舞，看如下数据：</p>
<p><img height="145" src="http://photo8.yupoo.com/20070703/152152_1407023895_ifwfsyas.jpg" width="426"></p>
<p>效率提升对比（平均提升800%）：</p>
<p><img height="171" src="http://photo6.yupoo.com/20070703/152151_565717326_ncjdvykk.jpg" width="406"></p>
<p>赶紧升级吧！相关资源：</p>
<ul>
<li>各大框架性能对比地址：<a href="http://dev.jquery.com/~john/slick/">http://dev.jquery.com/~john/slick/</a>
<li><a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.1.3.js" target="_blank">下载jQuery源码</a>（61k）|<a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.1.3.pack.js">下载jQuery压缩内核</a>（20k） </li>
</ul>
<p>才华横溢的<a href="http://ejohn.org/">John Resig</a>跟他的jQuery其实也是多灾多难，当年和yui的口水仗，到5月1号jquery.com经历DDOS，jQuery能走到今天，只能说它确实赢得了广大JavaScript、Ajax开发者的青睐。</p>
<p>是金子，用要发光的，祝福jQuery！期待1.1.4，更期待1.2：）</p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/956#awcomment"><strong>15</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/956#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/javascript" rel="tag">Javascript</a>, <a href="http://www.awflasher.com/blog/tag/jquery" rel="tag">jQuery</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2007  | <a href="http://www.awflasher.com/blog/archives/956">链接地址</a> - http://www.awflasher.com/blog/archives/956
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/956/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Use a simple jQuery to improve your Alexa Rank</title>
		<link>http://www.awflasher.com/blog/archives/999</link>
		<comments>http://www.awflasher.com/blog/archives/999#comments</comments>
		<pubDate>Fri, 27 Jul 2007 12:45:10 +0000</pubDate>
		<dc:creator>aw</dc:creator>
				<category><![CDATA[web开发]]></category>
		<category><![CDATA[alexa]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.awflasher.com/blog/archives/999</guid>
		<description><![CDATA[Well, As was mentioned in many articles about &#8220;How to improve your Alexa Rank&#8221;, there is a very enticing method to get all the non-Alexa-toolbar users invovled: to use the &#8220;Redirect&#8221; from Alexa. But also, the is something more we can do. To make it really a perfect solution, we can just use this code: [...]]]></description>
			<content:encoded><![CDATA[<p>Well, As was mentioned in many articles about &#8220;How to improve your Alexa Rank&#8221;, there is a very enticing method to get all the non-Alexa-toolbar users invovled: <strong>to use the &#8220;Redirect&#8221; from Alexa</strong>.</p>
<p>But also, the is something more we can do. To make it really a <strong>perfect</strong> solution, we can just use this code:</p>
<pre class="code">setTimeout(function(){
$("a").each(function(){
if(new RegExp("^http").test($(this).attr("href")))
{
    $(this).click(function(){
        window.location.href = "http://redirect.alexa.com/redirect?"+this.href;
        return false;
    })
}
})
},1000);
</pre>
<p>Why I am saying it&#8217;s perfect? See this:</p>
<ol>
<li><strong>SEO friendly</strong><br />The search engines will never get the unuseful &#8220;redirect&#8221; attribute from the anchor element.
<li><strong>User friendly</strong><br />The JavaScript code runs one second after the page is loaded. So the users just smoothly get over it.
<li><strong>Goole PageRank friendly (Reference friendly)<br /></strong>I am not using the &#8220;href-overwrite&#8221; way as what I did before, instead, I use an event-binding to all the anchor elements which has an &#8220;href=^http&#8221; attribute, so the guy who just simply copy your HTML will keep your original URL, to keep you still get a back-link.</li>
</ol>
<p>This is just a simple tip from aw (<a href="http://www.awflasher.com/blog/">http://www.awflasher.com/blog/</a>). I am a Chinese web developer. So, If you think it&#8217;s helpful, feel free to <strong><a title="Digg this cute tip from China :)" href="http://digg.com/submit?phase=2&amp;url=http://www.awflasher.com/blog/archives/999" target="_blank">digg</a></strong> or share&nbsp;this topic :)</p>
<p>The follow is the old solution, you may just pass it&nbsp;(in Chinese).</p>
<p><span id="more-999"></span></p>
<p>看了Nicky的<a href="http://www.osxcn.com/wordpress/alexa-redirect-plugin.html" target="_blank">关于WordPress提高Alexa排名</a>的方法，我想到了一个更加简捷的方法，前提是你必须在你的blog中引用<a href="http://jquery.com" target="_blank">jQuery框架</a>（可以在<a title="jquery" href="http://www.awflasher.com/blog/tag/jquery" target="_blank">这里</a>看到一些相关信息）：</p>
<p>在你的body标签最后闭合之前，加入如下的JavaScript代码，就可以让链接都变成Alexa重定向链接了。</p>
<pre class="code">$("a").each(function(){this.href = "http://redirect.alexa.com/redirect?"+this.href})</pre>
<p>不过有一点必须注意的是，当连接非常非常多的时候，可能会出现“短暂卡死”的不良体验，所以，慎用。</p>
<p>用我这个做法的好处是，一来节省了一些流量，而来搜索引擎也不会把“Alexa重定向连接前缀 &#8211; redirect.alexa.com”当作a标签的真实链接记录而影响SEO。</p>
<p>至于这个是否靠谱，我可以非常负责任的告诉你，Alexa为了获得互联网网站统计信息，绝对是鼓励这种做法的。</p>
<div style="border-top:1px dotted #ddd;width:100%;margin:5px 0"></div>
<p>
<strong>
<a href="http://www.awflasher.com/blog/archives/999#awcomment"><strong>22</strong>条评论</a>,
<a href="http://www.awflasher.com/blog/archives/999#awcomment">立即发言</a>
</strong>
|
本文关键词: <a href="http://www.awflasher.com/blog/tag/alexa" rel="tag">alexa</a>, <a href="http://www.awflasher.com/blog/tag/english" rel="tag">English</a>, <a href="http://www.awflasher.com/blog/tag/javascript" rel="tag">Javascript</a>, <a href="http://www.awflasher.com/blog/tag/jquery" rel="tag">jQuery</a>, <a href="http://www.awflasher.com/blog/tag/seo" rel="tag">seo</a><br/></p>
<p>©<a href="http://www.awflasher.com/blog" title="aw's blog 姿态永恒">aw's blog 姿态永恒</a> 1984-2007  | <a href="http://www.awflasher.com/blog/archives/999">链接地址</a> - http://www.awflasher.com/blog/archives/999
</p>
<p><a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://weibo.com/awguo">@awguo （新浪微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="http://t.qq.com/awguo">@awguo （腾讯微博）</a> | <a style="color:#cc0000;background:#ffffaa;font-weight:bold" href="https://twitter.com/awguo">Twitter: @awguo</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.awflasher.com/blog/archives/999/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>

