|
一、常见内存问题
浏览器才用自动垃圾回收方法，但是浏览器垃圾回收方法都有bug，会产生内存泄漏。
1.常见的内存泄漏
1).循环引用
2).函数闭包
3).DOM插入
2.一个DOM对象被其他的javascript对象引用，与此同时，又引用同一个或者其他的javascript对象
第一种：多个对象循环引用
var a = new Object;
var b = new Object;
a.r = b;
b.r = a;
第二种：循环引用自己
var a = new Object;
a.r = a;
// 其实上面的Object对象互相引用是无害的，但是当把这些对象转换成javascript的DOM对象，就会发生内存泄漏
3.总结
js的内存泄漏，无外乎就是从DOM中remove，但是当有变量或者对象引用这个DOM对象，那么内存中就无法删除，使得浏览器的内存占用居高不下。这种占用内存，需要刷新页面才能释放。
另外一种情况，一个DOM对象和Js对象互相引用，这样就造成严重的内存泄漏，即使刷新浏览器也无法释放内存。这就是严格意义上的内存泄漏
4.解决方法
由于DOM元素也是对象，所以我们可以直接扩展DOM属性，但是给DOM对象添加自定义属性和过多的对象，就可能导致内存泄漏。所以应该避免这样做，因此最好的解决方法就是采用一种低耦合的方式，让DOM和缓存数据结合起来。
二、缓存对设计思路
jQuery缓存设计接口对数据处理有以下几种：
用name和value为对象附加数据
一个对象为一个对象附加数据
为DOM元素附加数据
数据缓存设计的关键就是：
数据放在内存中，通过一个映射关系与直接的DOM元素发生关联
1.dom元素，数据储存在jQuery.cache中
2.普通的js对象，数据储存在该对象中
所以，首先要在内存中开辟一个区域，jQuery用的是cache对象，那么所有的数据处理，无非就是对jQuery.cache对象的curd操作了
1.如果是DOM元素，通过分配一个唯一的id使DOM对象和缓存的数据关联起来，关联的id被附加到jQuery.expando对象上，数据储存在全局缓存对象jQuery对象上，在增删改查的时候，通过关联id从jQuery.cache中找到对应数据
2.如果是javascript对象，数据则直接储存在改对象的属性jQuery.expando,curd的时候，则是对javascript对象的数据缓存对象执行相应操作
3.为了避免jQuery内部使用的数据和用户自定义的数据发生冲突，缓存对象把内部数据储存在数据缓存对象上，把自定义数据数据储存在数据缓存属性的data上面
所以，jQuery在数据缓存处理抽出一个data类来做不同的数据处理
var data_priv = new Data(); // 内部使用，比如数据对象，queue，Deferred，事件，动画缓存
var data_user = new Data(); // 开发者使用，比如$.attr(),$.data等
三、Data类等设计
我们看看Data类是如何构建数据缓存池的
1.先在jQuery内部创建一个cache()对象，用来保存缓存数据，然后忘需要进行缓存的DOM节点上面扩展一个为expando的属性
function Data(){
Object.defineProperty(this.cache = {},{
get: function(){
return {};
},});
this.expando = jQuery.expando + Math.random();
};
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
