jQuery 1.5最新版本的改进细节分析

2020-05-22 17:07:03易采站长站整理

原本在DOMContentLoaded时,调用readList中所有函数的逻辑,现在也使用了jQuery._Deferred中,原来的代码:

while ( (fn = ready[ i++ ]) ) {
fn.call( document, jQuery );
}

变成了:

readyList.fire( document , [ jQuery ] );

jQuery.parseXML函数
新增了静态函数jQuery.parseXML,用于提供浏览器兼容的从字符串转为XML文档的功能。
该函数的逻辑网上有很多,jQuery也没有特别的地方,大致分为以下2种:
对于标准浏览器,使用DOMParser对象:

var parser = new DOMParser();
var xml = parser.parseFromString(text, ‘text/html’);对于IE,使用Microsoft.XMLDOM对象:
var parser = new ActiveXObject(‘Microsoft.XMLDOM’);
parser.async = ‘false’;
parser.loadXML(text);
var xml = parser.documentElement;

data部分
添加了jQuery.hasData函数,用于判断一个元素是否有jQuery附加上去的数据。
修改了jQuery.expando的实现,在原来单纯地取当前时间的基础上,添加了一个随机数:
expando = “jQuery” + ( jQuery.fn.jquery + Math.random() ).replace( /D/g, “” );这样保证在同一时间,引入多个jQuery副本,这几个副本之间的expando不会相互冲突,导致元素上的data变得错乱。一般来说,是不会引入多个jQuery副本的,但是使用SealJS等的时候,配置不当的话,也是很容易出现此类问题的。
DOM操作部分
原本的hasClass、addClass、removeClass函数都需要将元素的class属性分隔为数组,在1.4.4版本中,通过n或t进行分隔,在1.5中增加了一个r,用于对应Windows平台下的换行符(rn)。
jQuery.fn.attr函数,1.4.4版本中拒绝从TextNode和CommentNode上获取属性,在1.5版本中添加了一个AttributeNode(noteType == 2)。
在1.4.4版本中,jQuery会在页面unload的时候清理掉由jQuery维护的所有DOM事件,这是为了避免IE的内存泄露问题。但是在1.5中这一段代码不见了,不知是出于什么考虑。
对于IE下使用cloneNode复制节点,会将事件也一起复制过来的问题,1.4.4中是采取复制innerHTML的方式给予解决,而在1.5中则采纳了mootools团队提供的方法,使用cloneFixAttribute函数修正该问题。
cloneFixAttribute函数们于jQuery 1.5 beta1源码文件的5388-5438行,处理IE的BUG的原理很简单,当然前端里一些看似简单的东西,都是很难发现的:
IE中有个叫clearAttributes的函数,会清除到节点上的所有属性,顺便把和事件相关的onclick之类的属性也去掉了。在复制出来的节点上调用这个函数,就会把属性清得干干净净。
IE中还有一个叫mergeAttributes的函数,把一个节点的属性复制到另一个节点上,但他不会把和事件相关的属性复制过去。所以再把原始节点调用mergeAttributes,把属性重新放回复制出来的节点上,这就相当于起到了去除事件相关属性的作用。