<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>前端天空</title>
	<link>http://www.riasky.com/blog</link>
	<description>致力于前端开发应用</description>
	<lastBuildDate>Thu, 02 Feb 2012 15:02:29 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.2.1" -->

	<item>
		<title>一个简单的jQuery事件冒泡实例</title>
		<description><![CDATA[今天一个负责奥数网的朋友问我一个简单的问题，就是﻿点击出现下拉列表，再点击消失（点击空白处也同样消失），如图： 用到了jQuery的取消事件冒泡的方式：event.stopPropagation(); 代码如下： 参照：http://hi.baidu.com/liquorbar/blog/item/59a6d0f3c8232c1eb17ec542.html]]></description>
		<link>http://www.riasky.com/blog/default/jquery-event-stoppropagation/</link>
			</item>
	<item>
		<title>jQuery1.6 一些特性</title>
		<description><![CDATA[jQuery1.6发布 提升性能重写属性模块 据jQuery官网消息，5月3日JQuery 1.6正式发布了，主要改动包括几处性能和跨浏览器兼容性的改进，包括了对属性（Attribute）模型的重要重写。 同时透露，在发布之前jQuery已经着手开发jQuery1.7版本，有任何jQuery1.7版的开发建议可以上官方网站提交建议，jQuery欢迎任何个人或团队测试并给出jQuery1.7新版本的开发建议。 jQuery 1.6官方下载地址： http://code.jquery.com/jquery-1.6.js http://code.jquery.com/jquery-1.6.min.js Microsoft CDN 下载: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js 新版本中的部分重要改进： attr()、val()和data()方法有了更好的性能； 在attr()方法中支持Boolean属性； 添加了钩子函数，允许对attr()和val()方法进行扩展； map()方法添加了对对象的支持（将JavaScript对象的属性映射到函数） 允许使用相对值（“+=”，“-=”）更新CSS； 添加了deferred.always(), deferred.pipe()方法，减少了代码量，提高了代码易读性； 同步动画 – 现在所有动画都同步到相同的时间间隔. 使用新的浏览器功能，动画也更顺畅； find()，closest()和is()可接收所有的DOM元素和JQuery对象作为参数。 所有这些新特性连同整个bug修复列表在官方博文中都有详细说明。 不幸的是，其中包含了部分破坏性的变更，团队已经在官方更新中用单独的章节强调了它们： 变更 JQuery 1.5.2 示例 JQuery 1.6 示例 data()方法使用破折号创建驼峰格式。 data-max-value=&#8221;15&#8243; 创建{ max-value: 15 } data-max-value=&#8221;15&#8243; 创建{ maxValue: 15 } 区分了Property与Attribute。attr()方法现在不能用于获取preperty的值。为了处理property的值，引入了prop()和removeProp()方法。 如果复选框被选中，checkbox.attr(&#8220;checked&#8221;)返回(true) checkbox.attr(&#8220;checked&#8221;)返回空字符串。 要判别是否选中，需在事件处理程序中使用 $(this).prop(&#8220;checked&#8221;)或 $(this).is(&#8220;:checked&#8221;)。 不出意外的话，第二项变更将会影响到现有打算升级到1.6的那些项目。 这一版本是在1.5发布后3个月及1.5.2发布后1个月推出的。目前1.7的工作已经开始了，JQuery团队已经接受了功能建议书。 主要代码修改为： [...]]]></description>
		<link>http://www.riasky.com/blog/jquery/jquery1-6/</link>
			</item>
	<item>
		<title>8个对于Web设计和开发人员非常有用的在线工具</title>
		<description><![CDATA[导读：作者Henry Jones写了一篇《8 Useful Online Tools for Web Designers and Developers》，现将译文《8个对于Web设计和开发人员非常有用的在线工具》转载，以下是文章内容： 在工作中借助一些非常好用的工具可以让你专注于更重要的事情，进而提高工作效率。本文收集了一些设计和开发相关的在线工具，分享给大家，希望对你有帮助。 ProCSSor ProCSSor是一个很不错的CSS代码美化工具，它可以帮助你很轻松的把代码转换成很美观。 jsFiddle JsFiddle有多种用途，其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段，而且代码可以分享，还可以嵌入到你的博客中等等。 Frame Box Frame Box是一个非常好用的用于在线分享线框图（wireframes）的工具。 Spritebox Spritebox是一个所见即所得的工具，帮助Web设计者迅速而轻松地从一张精灵图片（CSS Sprit Image）创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS Sprites，在国内很多人叫CSS精灵，它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。 CSS3 Generator 这是一个简单的跨浏览器CSS3样式生成器，可以生成你想要的任何值。 Super Conversion Button 这个工具可以帮助你瞬间生成一个美观的试用（Try it now）按钮。 wordmark.it 这个工具之前曾介绍过，可以帮助你直观的查看当前电脑上安装了哪些字体。 0 to 255 网页设计师Shaun Chapman设计开发了0To255.com平台，让人们更简单、方便、快捷地选取合适的颜色。 译文链接：http://www.cnblogs.com/lhb25/archive/2011/02/08/1949787.html 原文链接：8 Useful Online Tools for Web Designers and Developers]]></description>
		<link>http://www.riasky.com/blog/web-develop/8-useful-online-tools-for-web-designers-and-developers/</link>
			</item>
	<item>
		<title>jQuery 1.5的改进细节</title>
		<description><![CDATA[导读：作者GrayZhang写了一篇关于jQuery 1.5的文章《jQuery1.5的改进细节》，他总结出jQuery 1.5 beta1改进的内容，以下是文章内容： jQuery 1.5 beta1出来了，从学习跟进上来说，这一次已经比较晚了（我竟然不知道1.5什么时候出的alpha，就这么beta了）。 这个1.5版本最大的更新是AJAX的完全重写，提供了更强的可扩展性。但是受制于精力和篇幅，对新的AJAX的分析还是放到下回，本篇先简单介绍一下细节方面的改进。 jQuery._Deferred和jQuery.Deferred 首先不得不说这两个新生事物，因为他们是作为基础设施存在，不把这两个东西讲明白了，有些问题根本没办法解释。 首先，jQuery.Deferred是jQuery._Deferred的增强版，因此对于这个问题，从jQuery._Deferred入手，就能说明一大半的问题。 什么是Deferred？从字面上看，我的第一反应是“延迟加载”，首字母大写的应该是“类型”的定义，所以这大概是一个“透明提供延迟加载功能”的类型吧。然而实际上，虽然确实带有那么一点点“延迟”的意思，这个东西却不是用来实现延迟加载的。 简单来说，jQuery._Deferred是一个函数队列，他的作用有以下几点： 1. 保存若干个函数。 2. 在特定的时刻把保存着的函数全部执行掉。 3. 执行过后，新进来的函数会立刻执行。 感觉是不是和啥东西很像？对，jQuery的ready函数就是这样的逻辑，实际中jQuery 1.5中的ready函数也确实被嫁接到这上面去了。 jQuery._Deferred提供下面的接口： 1. done：function(fn1, fn2, &#8230;)的形式，用于把函数添加到队列中。 2. fire：function(context, args)的形式，使用context指定this对象，args指定参数，调用队列中所有函数。fire被调用后，_Deferred会进入 isResolved状态，未来对done的调用不会再保存函数，而是直接调用函数。 3. resolve：相当于调用fire(this, arguments)，一个简化的方法。 4. isResolved：用来判断_Deferred是否在isResolved状态，具体参考前面的fire函数的解释。 5. cancel：取消掉整个队列，这样不管未来是不是fire，队列中的函数都不会再被调用。 说明白了jQuery._Deferred，再来看看jQuery.Deferred。这个东西其实就是2个_Deferred组成的，第一个称为 deferred，用于保管“正常”状态下的函数；第二个称为failDeferred，用于保管“出错”状态下的函数。同时 jQuery.Deferred提供了一些新的接口： 1.then：function(done, fail)的形式，把done添加进deferred，把fail添加进failedDeferred。 2. fail：相当于failDeferred的done函数。 3. fireReject：相当于failDeferred的fire函数。 4. reject：相当于failDeferred的resolve函数。 5. isRejected：相当于failDeferred的isResolved函数。 同时jQuery.Deferred取消了cancel函数。 那么这个是啥用的呢？有“正常”和“出错”2个状态，同时又是异步的，很容易就能想到……对，给AJAX用的，在下一篇分析中再详细说明。 jQuery.ready的变化 因为有了jQuery._Deferred这个东西，jQuery.ready函数变成依赖于函数队列，具体的变化有： 原来的readyList变量已经不再是一个数组，而变成了jQuery._Deferred对象。 [...]]]></description>
		<link>http://www.riasky.com/blog/jquery/jquery-1-5-enhanced-detail/</link>
			</item>
	<item>
		<title>jQuery1.5发布</title>
		<description><![CDATA[美国时间1月31日John Resig在jQuery官方博客发表文章，宣布jQuery 1.5正式版已经如期开发完成，可以下载使用。压缩版本jQuery Minified 29KB，不压缩版本jQuery Regular（用于阅读和调试）207KB。由于jQuery已经成为目前最流行的JavaScript库，得到广泛的支持，新版本的发布当然非常引人注目。 jQuery创始人John Resig在CSDN TUP活动上演讲（相关报道） 另外，微软和Google也为jQuery 1.5提供了CDN支持，可以直接导入： 微软：http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js Google：https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js （发稿时为止尚未上线） 新版本的主要改进可以参见变更日志：http://api.jquery.com/category/version/1.5/。 John Resig总结了几点比较引人注目的变化。 1. Ajax重写 Ajax模块完全进行了重写。新增一个jXHR对象，为不同浏览器内置的XMLHttpRequest提供了一致的超集。对于XMLHttpRequest之外的传输机制，比如JSONP请求，jXHR对象也可以进行处理。（详情可以参见：jQuery.ajax文档） 此外，系统的可扩展性大大增强，可以附加各种数据处理器、过滤器和传输机制，为开发新的Ajax插件提供了方便。（详情参见：Ajax扩展文档） 2. 延迟对象 延迟对象（Deferred Object，jQuery.Deferred对象）是一个可链接的（chainable）实用工具对象，实现了Promise接口，可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。正如Using Deferreds in jQuery 1.5一文中说明的，其结果是在jQuery中能够将依赖于某个任务（事件）结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜，Mochikit和Dojo等已经实现有些日子了。由于jQuery 1.5的Ajax模块内置使用了延迟对象，因此现在通过jQuery编写Ajax程序将自动获得这一功能。 开发人员借此可以使用无法立即获得的返回值（如异步Ajax请求的返回结果），而且第一次能够附加多个事件处理器。 例如，使用了新的jQuery内部Ajax API就可以实现下面的代码了： // Assign handlers immediately after making the request, // and remember the jxhr object for this request var jxhr = $.ajax({ url: "example.php" [...]]]></description>
		<link>http://www.riasky.com/blog/jquery/jquery1-5/</link>
			</item>
	<item>
		<title>又见雅虎的13条军规</title>
		<description><![CDATA[记得最初听到&#8221;军规&#8221;这个词还是在我面试央视前端优化工程师时他们的技术总监提到的.今天我们的副总也提到了检测军规的工具YSlow .看来现在优化页面必须提到第一级别来处理了!任务艰巨时间紧迫，只剩下2天的时间来完成12个JS的整合; 6个频道页面的样式整合;102张现有图片整合以及代码优化等。拼了…]]></description>
		<link>http://www.riasky.com/blog/default/%e5%8f%88%e8%a7%81%e9%9b%85%e8%99%8e%e7%9a%8413%e6%9d%a1%e5%86%9b%e8%a7%84/</link>
			</item>
	<item>
		<title>Translate This Button 在线翻译按钮</title>
		<description><![CDATA[翻译成52种语言的按钮： 只需复制并粘贴您网站上的任何地方TranslateThis按钮，它的自由和方便。有没有文件上传和它在几乎所有网站的作品。 该TranslateThis按钮是一个轻量级的Javascript翻译工具 。它翻译成任何页面快速使用Ajax和谷歌语言的API。 只不过Google在国内访问时断时续不是太稳定 可定制的选项 该TranslateThis按钮允许您设置的选择： 跟踪与谷歌分析 更改按钮图像 更改文本选项 支持的语言更改 回调函数 和更多&#8230; 下面这里是测试代码： &#60;h2&#62;可定制的选项&#60;/h2&#62; 该TranslateThis按钮允许您设置的选择： &#60;ul&#62; &#60;li&#62;跟踪与谷歌分析&#60;/li&#62; &#60;li&#62;更改按钮图像&#60;/li&#62; &#60;li&#62;更改文本选项&#60;/li&#62; &#60;li&#62;支持的语言更改&#60;/li&#62; &#60;li&#62;回调函数&#60;/li&#62; &#60;li&#62;和更多...&#60;/li&#62; &#60;/ul&#62; &#60;!-- Begin TranslateThis Button --&#62; &#60;div id=&#34;translate-this&#34;&#62;&#60;a class=&#34;translate-this-button&#34; href=&#34;http://translateth.is/&#34;&#62;Translate&#60;/a&#62;&#60;/div&#62; &#60;script src=&#34;http://www.google.com/jsapi&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;script src=&#34;http://x.translateth.is/translate-this.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62;// &#60;![CDATA[ TranslateThis(); // ]]&#62;&#60;/script&#62; &#60;!-- End TranslateThis Button --&#62; function changeTsize(){document.getElementById("runcode_OF0fuO").style.height = document.getElementById("runcode_OF0fuO").scrollHeight + [...]]]></description>
		<link>http://www.riasky.com/blog/javascript/translate-this-button/</link>
			</item>
	<item>
		<title>jQuery自定义动画animate的一些使用心得</title>
		<description><![CDATA[今天在工作中遇到了表单验证时提醒的动画效果，效果很简单：如果必填表单为空则此表单项的边框会闪烁几下并最终为红色。 如果只是简单的input和textarea元素的话，很简单，直接设置其边框颜色即可。 可是如果是select元素的话，在IE6/7中元素的边框色是不起作用的，于是想到了在其外面套上一个内联元素，动画操作此内联元素即可。 思路如下： 1. 一个专门接口的函数，其参数为表单元素对象； 2. 利用jQuery的animate方法来自定义动画效果：设置其border属性； 3. 监听需要验证时的事件：当前元素失去焦点时、表单提交时； 思路屡清楚之后开始行动： 1. 接口函数： 经过测试，FF(火狐)下没任何问题，边框啥的都可以闪烁，但到了IE下问题就来了。 首先是IE下jQeury的animate中不能直接设置border样式的属性，提示“参数错误”，经过网上一顿乱找后仍然没有解决。 于是换成 .animate({borderColor:&#8217;red&#8217;}) 再试试吧，结果还是不行，测试了几次之后发现IE下面只有borderWidth是可以用的。 没办法只能继续想起他的办法…… 在网上查了下animate里面可以用到的属性中可以包括： 而且IE下还有个问题就是$().unwrap();不起作用，于是之前的想法就不成立了，继续想…… < 未完.待续…… >]]></description>
		<link>http://www.riasky.com/blog/jquery/jquery-animate/</link>
			</item>
	<item>
		<title>中元节祭</title>
		<description><![CDATA[中元节祭 敬畏天地间神鬼， 超度闲野间幽魂。]]></description>
		<link>http://www.riasky.com/blog/%e6%9d%82%e8%b0%88/7-15/</link>
			</item>
	<item>
		<title>jquery之css选择器</title>
		<description><![CDATA[在说jQuery之前我们也可以回忆一下CSS的选择器，我想这对我们还算是比较熟悉，分别有：标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择符....等等选择器,具体语法说明在这里就不说了。而我们要说了jQuery中的选择器完全继承了CSS的风格，不过jQuery选择器适应通用性更好，CSS中很多选择器IE不支持，但jQuery支持常用的浏览器。]]></description>
		<link>http://www.riasky.com/blog/jquery/jquery-selector/</link>
			</item>
</channel>
</rss>

