解决javascript的内存泄漏问题

原创 2009年04月14日 14:21:00

由来:

采用的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()引起的内存泄漏??

关于Javascript的内存泄漏问题的整理稿

今天在做项目遇到javascript的"out of memory"问题,上网查到如下文章,很不错,值得收藏。---------------------------------------------...
  • lxbhxwl
  • lxbhxwl
  • 2011年03月05日 12:23
  • 409

JavaScript垃圾收集机制及内存泄漏问题

JavaScript具有自动垃圾收集机制,也就是说执行环境,会负责管理代码执行过程中使用的内存。在C,C++之类的语言中,开发人员的一项基本任务就是手动跟踪内存使用情况。这会造成很多问题,在编写Jav...
  • hhthwx
  • hhthwx
  • 2017年10月18日 21:58
  • 189

JavaScript-内存泄漏问题

内存泄漏 1.      概念 内存泄漏是指一块被分配的内存,既不能使用,又不能回收,直到浏览器进程结束。 2.      可能导致内存泄漏的几种情况 (1)    当页面中的元素被移除或者替换时,若...

有关android 內存泄漏的问题

  • 2012年11月24日 14:12
  • 80KB
  • 下载

applet内存泄漏问题.rar

  • 2013年08月29日 03:11
  • 2.14MB
  • 下载

InputMethodManager引起的内存泄漏问题分析与解决

问题重现: static InputMethodManager.sInstance  references InputMethodManager.mCurRootView(excluded) r...

关于JAVA内存泄漏问题注意事项

  • 2008年03月28日 13:12
  • 22KB
  • 下载

使用Android studio 的Analyzer Task分析解决activity内存泄漏问题

最近接手的一个老项目,功能比较繁杂,是运行在安卓pos机上面的收银系统,基本需要应用整天在前台使用,对系统稳定性要求较高,不同于一般app。 今天做了内存方面的检测 首先我们用电脑连接设备,用cm...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:解决javascript的内存泄漏问题
举报原因:
原因补充:

(最多只允许输入30个字)