关于Jquery内存的释放

项目进入尾声,又是最恐怖的性能测试 (对着JS的性能测试我只能做这个表情 -_-!   )
经过多次的代码检查和测试,确认已经把自己定的变量什么的一大堆都已经用null处理,并且没有明显的循环引用,但结果进行用户某一动作时,内存还是没被全部回收,而是线性增加,最后发现,问题都是出现在DOM身上
主要是太相信JQuery的empty()和 remove(),以为他们会把DOM都清理了,结果浪费了我两天的时间 orz ..
但结果是empty()是调用remove()来进行清空的,而remove()则是先清理所有选中的对象及其子对象的所有事件和属性,再使用removeChild()删除自己,而问题就是出现在这里
经在IE6下测试,removeChild()有两个很重要特性:
第一,他不会删除DOM中的事件
第二,他不会真正删除(释放)指定对象中的子对象
而JQuery就是犯了第二条, 结果所有子对象都成为了不在DOM树中的“游离子DOM树”,这时JS是无能为力了(因为已经没有引用地址,例如变量名),即使使用CollectGarbage();都不能释放内存
解决方案(伪代码):
jQuery( “*”, obj).add([obj]).each(function(){
jQuery.event.remove(this);
jQuery.removeData(this);
});
obj.innerHTML = “”;

上 面代码意思是:使用JQuery把指定对象及所有子对象的事件和属性去除,这是由于使用innerHTML和removeChild()一样也不能清除对 象的事件,然后使用innerHTML=”” 来清空内容,使用innerHTML=”能把所有子对象都完全清空,问题解决

posted @   已經停更  阅读(5272)  评论(2编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示