jQuery 数据缓存模块进化史详细介绍

2020-05-19 07:29:05易采站长站整理

   } else
   return this.cloneNode(true);
  });

jQuery1.4发现IE如果对于object, ember, applet这三个古老的用于接入外部资源的标签可能会抛错。由于旧式IE的元素节点只是COM的包装,一旦引入资源后,它就会变成那种资源的实例,而它们会有严格的访问控制,不能像普通的JS对象那样随意添加成员。于是jQuery便一刀换,但凡是这三种标签,就不为它缓存数据。jQuery弄了一个叫noData的hash,用于检测元素节点的标签。

  noData: {    “embed”: true,
   “object”: true,
   “applet”: true  },
  //代码防御
  if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
   return;
  }

jQuery1.4还对$.data进行改进,允许第二个参数为对象,方便储存多个数据。UUID对应的自定义属性expando 也放进命名空间之下了。queue与dequeue方法被剥离成一个新模块。
jQuery1.43带来三项改进。
首先是添加changeData自定义方法。不过这套方法没有什么销量,只是产品经理的自恋吧。
检测元素节点是否支持添加自定义属性的逻辑被独立成一个叫acceptData的方法。因为jQuery团队发现当object标签加载的flash资源,它还是可以添加自定义属性的,于是决定对这种情况网开一面。IE在加载flash时,需要对object指定一个叫classId的属性,值为clsid:D27CDB6E-AE6D-11cf-96B8-444553540000,因此检测逻辑就变得非常复杂,由于data, removeData都要用到,独立出来有效节省比特。
HTML5对人们随便添加自定义属性的行为做出回应,新增一种叫”data-*”的缓存机制。当用户设置的属性以”data-“开头,它们会被保存到元素节点的dataset对象上。这就导致人们可能用HTML5方便缓存数据,也可能用jQuery的缓存系统保存数据,那么data方法就变得有点不中用了。于是jQuery在原型上的data做了增强,当用户第一次访问此元素节点,会遍历它所有”data-“开头的自定义属性(为了照顾旧式IE,不能直接遍历dataset),把它们放到jQuery的缓存体中。那么当用户取数据时,会先从缓存系统中,没有再使用setAttribute访问”data-“自定义属性。但HTML5的缓存系统非常弱,只能保存字符串(这当然是出于循环引用的考量),于是jQuery会将它们还原为各种数据类型,如”null”,, “false”, “true”变成null, false, true, 符合数字格式的字符串会转换成数字,如果它是以”{“开头”}”结尾则尝试转成一个对象。

  //jQuery1.43 $.fn.data
  rbrace = /^(?:{.*}|[.*])$/;
  if ( data === undefined && this.length ) {
   data = jQuery.data( this[0], key );
   if ( data === undefined && this[0].nodeType === 1 ) {