废话不多说,继上次遗留的问题——内存泄漏。
趁周末,查了好多资料,也问了好多JS高手,大致是这么个情况。因为我每打开一个窗口,就绑定了一个永久性的dom元素,而dom元素的回收是靠计数器,计数器是会累加的,如果没有清零,即便删掉了节点,其实还是驻留在内存中。
既然大致明白了原理,处理起来就相对比较简单了,就一句话,首先先看下原先的关闭窗口的代码
//关闭
$('.task-window li[window="'+obj.attr('window')+'"]').remove();
obj.fadeOut("500",function(){$(this).remove();});
修改后
//关闭
$('.task-window li[window="'+obj.attr('window')+'"]').remove();
obj.fadeOut("500",function(){$(this).html("").remove();});
我们看到,其实我就是先清空了html代码,然后再删除了节点。
然后这次我还更新了事件绑定,因为窗口的创建、关闭、移动等事件,其实都是一样的,所以事件绑定我单独拎了出来,而非创建dom元素的时候进行绑定,这样只需注册一次,而且这样也能减少内存的占用吧,这个我没研究过,希望有人能帮我解答下,事件越多是不是内存也会占用越多?
这次就更新了这些,写的比较少,因为代码修改没花太多时间,大部分都在学习和思考上,因为自己本身对js的生命周期、内存释放/泄漏不太了解,所以就花了点时间去了解,写的不对的地方,还希望大家指出。
测试地址:http://saw.caifutang.com/eonercms
源码:点击下载