网络编程
位置:首页>> 网络编程>> JavaScript>> jQuery 1.4 Released 新特性官方诠释

jQuery 1.4 Released 新特性官方诠释

作者:Denis 来源:阿里巴巴中国站 发布时间:2010-04-01 12:23:00 

标签:JSON,jquery,标签,javascript库

一直以来,jQuery是我最喜欢的框架之一。1月14号 1.4 Released版本发布后,就迫不及待去了解了一下1.4版本对比以往1.3.2有什么新特性和改进。其实本文更多的是一篇翻译文章,但感觉还是发成一篇博客,能让更多不愿意看英文的同学了解jQuery。

自半年前发布的1.3.2版本以来,John Resig带领的jQuery团队一直没有大的动作。一方面1.3.2已经算是一个比较完善的版本,作为一款轻量级的框架,jQuery现在要做的已经不是方法的增加和功能的增强,而是要在优化结构提高上下功夫。虽然jQuery UI团队也在孜孜不倦地更新版本,但说实话它真不是一款搭建Web系统的框架,它的UI目前跟Ext这种大腕也有一定的差距。所以,1.4姗姗来迟,但它却从核心上带给了大家惊喜。

总体上讲jQuery 1.4对代码库进行了内部重写组织,开始建立一些风格规范。老的core.js文件被分为attribute.js, css.js, data.js, manipulation.js, traversing.js和queue.js;CSS和attribute的逻辑分离(喜欢研究代码的同学可以现在源文件来看,同事能发现里面出现了很多有用的小技巧)详细的特性如下:
1.提高了一些常用方法的效率,有些有大幅度的提高:

jQuery常用方法效率对比

2.给attr, html, css等方法提供方便的Setter方法参数:

// 给所有a标签中的&符号包一个span标签
$('a').html(function(i,html){
return html.replace(/&/gi,'&');
});


// 为每个a标签追加额外的title信息
$('a[target]').attr("title", function(i,title){
return title + " (Opens in External Window)";
});

3.Ajax
a.提供了更方便的参数序列化方式,提供了PHP和Ruby on Rails中常用的序列化模式({foo: ["bar", "baz"]}被序列化为foo[]=bar&foo[]=baz),当然可以通过全局设置jQuery.ajaxSettings.traditional = true;序列化为传统的模式(foo=bar&foo=baz)。1.4也支持单个变量的序列化。
b.能通过判断content-type的类型来判断Response的JSON和script类型
c.添加了对Etag的支持
d.提供了JSON.parse方法来转换JSON格式
e.提供了序列化HTML5的表单元素的功能,比如datetime和range!
f.ajax的回调方法现在可以指定context了,也就是里面的this指向,在请求之前就可以指定了!这是一个很好用的改进!
4.Attribute和css性能优化图:


css和attr方法的性能提升


5.其他性能的优化:

删除和清空操作效率的提升


jQuery .html方法效率的提升


jQuery class操作的3个方法效率提升


官方还原文还有一些更细的优化点,个人认为是锦上添花的改进,有兴趣的同学可以去官网了解。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com