jQuery_数据缓存学完总结
1.$.data(ele):静态方法给每个对象上都附加一个uid,这样即使对象有一样的key也不会覆盖由于uid不同获取到的value也不同
2.$(ele).data():实例方法给对象中的DOM节点上附加uid,这样后面的会覆盖前面的,因为只附加上了最后的uid
例:
expando值,如jqueryExpando00001;
uuid值,如1;
cache块,cache[uuid]=缓存内容;
dom或对象关联expando和uuid,即dom[expando]=uuid或对象[expando]=uuid
可参考前面章节“jQuery缓存的设计思路”:
数据缓存,jQuery现在支持两种:
1. dom元素,数据存储在jQuery.cache中。
2. 普通js对象,数据存储在该对象中。
处理方式:
1:如果是DOM元素,通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来,关联id被附加到以jQuery.expando的值命名的属性上,数据存储在全局缓存对象jQuery.cache中。在读取、设置、移除数据时,将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象,然后在数据缓存对象上执行读取、设置、移除操作。
2:如果是Javascript对象,数据则直接存储在该Javascript对象的属性jQuery.expando上。在读取、设置、移除数据时,实际上是对Javascript对象的数据缓存对象执行读取、设置、移除操作。
3:为了避免jQuery内部使用的数据和用户自定义的数据发生冲突,数据缓存模块把内部数据存储在数据缓存对象上,把自定义数据存储在数据缓存对象的属性data上。