由来:
采用的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) { |
续:
第二天再继续测试的时候,发现问题依旧,只是没有那么严重了,真是郁闷,这一天的功夫又修改了一些功能,不知道是不是因为新修改的代码引起的问题,重新一段一段的测试了一下代码,终于发现了一个问题点:那就是jquery的append(html);方法。
页面js中,有很多地方在循环中反复调用jQuery.append(html);方法,类似于:
for(...){ var html = ...; jQuery.append(html); } |
后来把代码改成:
var html = “”; for(...){ html +=...; } jQuery.append(html); |
情况马上得到了很大的改善,难道是append()引起的内存泄漏??