解决javascript的内存泄漏问题

由来:

采用的jquery框架。页面上有2个div,每个div会通过js传递一个图片数组生成一个图片滚动框(就是那种带2个按钮:上5张、下5张的图片浏览器),该图片滚动框中的每张图片还有一个click事件引用图片数组中的对象。

这2个滚动框是通过ajax请求来动态生成的,更新的频率很快,在IE6下内存泄漏很严重,搞了一个按键精灵,测了半个小时,内存从45M上升到400M以上,进行了一番调优,即每次生成滚动框前,都手工的把div中的每个图片的click置为null,同时对父元素调用了jquery.empty(),然后用同样的方法又测了半个小时,内存由45M上升到不到300M,看来有改观,但还是不够好。

解决方法:

网上找了一个方法,只需要在生成前,对父元素(2个div)调用一下即可,原帖地址:http://svza.blogspot.com/2007/06/jscript.html。 同样测试了半小时,测试前内存46M左右,测试后49M左右,效果很不错啊。 

 

js:

function purge(d) {
    var a = d.attributes, i, l, n;
    if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
            n = a[i].name;
            if (typeof d[n] === 'function') {
                d[n] = null;
            }
        }
    }
    a = d.childNodes;
    if (a) {
        l = a.length;
        for (i = 0; i < l; i += 1) {
            purge(d.childNodes[i]);
        }
    }
}

 

 

续:

第二天再继续测试的时候,发现问题依旧,只是没有那么严重了,真是郁闷,这一天的功夫又修改了一些功能,不知道是不是因为新修改的代码引起的问题,重新一段一段的测试了一下代码,终于发现了一个问题点:那就是jquery的append(html);方法。

页面js中,有很多地方在循环中反复调用jQuery.append(html);方法,类似于:

for(...){
    var html = ...;
   jQuery.append(html);
}

后来把代码改成:

var html = “”;
for(...){
   html +=...;
}
jQuery.append(html);

 

情况马上得到了很大的改善,难道是append()引起的内存泄漏??

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页