jQuery_数据缓存学完总结

来源:4-7 静态接口设计

冥oo冥

2016-12-15 22:38


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上。


写回答 关注

1回答

  • 李夜
    2016-12-25 16:12:39
    已采纳

    赞+100

    冥oo冥

    非常感谢!

    2016-12-25 20:45:03

    共 1 条回复 >

jQuery源码解析(架构与依赖模块)

由浅入深地剖析jQuery库的设计与实现,揭开框架背后的秘密

84049 学习 · 280 问题

查看课程

相似问题