《国有寿险企业》由会员分享，可在线阅读，更多相关《国有寿险企业（18页珍藏版）》请在金锄头文库上搜索。
1、第六课 内存泄漏,说明,这一节非常重要，集中讨论关于效率问题 原先的话题分成三小节讨论： 1、常见的内存泄漏模式； 2、通用效率提升的9个手段； 3、Ext提升效率的6大手段； 本节讨论第一点,本课目标,IE中的四大内存泄漏模式 其它浏览器的内存泄漏,IE内存泄漏模式,1、循环引用-在IE的COM结构和任何脚本引擎中的对象之间存在交叉引用都会引起内存泄漏。这是最广泛的模式。 2、闭包-闭包是一种特殊的循环引用形式，这是现有Web应用技术中引起泄漏的最大模式。 3、跨页面泄漏-临时对象引起的非常小的泄漏。 4、秀逗模式(假泄漏)-这些不是真的泄漏。,模式一：循环引用,模式一：循环引用,var m
2、yGlobalObject;function SetupLeak()/ 第一步设置脚本域到元素的引用myGlobalObject =document.getElementById(“LeakedDiv“);/ 下一步设置元素到脚本域的引用document.getElementById(“LeakedDiv“).expandoProperty =myGlobalObject;function BreakLeak() document.getElementById(“LeakedDiv“).expandoProperty =null;,模式二：闭包,模式二：闭包,function AttachEv
3、ents(element) / 此结构导致element引用ClickEventHandlerelement.attachEvent(“onclick“, ClickEventHandler);function ClickEventHandler() / 闭包引用了element(译者注：由于element是父函数的局部变量，它会被闭包的作用域引用，这种循环非常隐蔽。)function SetupLeak() / 泄漏瞬间发生AttachEvents(document.getElementById(“LeakedDiv“);function BreakLeak() ,模式三：跨页面泄漏,模式三
4、：跨页面泄漏,function LeakMemory() var hostElement = document.getElementById(“hostElement“);/多运行几次，观察任务管理器中的内存反应for(i = 0; i “);var childDiv =document.createElement(“);/ 这将泄漏一个临时对象parentDiv.appendChild(childDiv);hostElement.appendChild(parentDiv);hostElement.removeChild(parentDiv);parentDiv.removeChild(ch
5、ildDiv);parentDiv = null;childDiv = null;hostElement = null;,function CleanMemory()var hostElement = document.getElementById(“hostElement“);/多运行几次，观察任务管理器中的内存反应for(i = 0; i “);var childDiv =document.createElement(“);/改变次序很重要，这不会泄漏hostElement.appendChild(parentDiv);parentDiv.appendChild(childDiv);hos
6、tElement.removeChild(parentDiv);parentDiv.removeChild(childDiv);parentDiv = null;childDiv = null;hostElement = null;Memory Leaking InsertClean Insert,模式四：秀逗模式,function LeakMemory()/多做几次，查看任务管理器中的内存反应for(i = 0; i Memory Leaking Insertfunction foo() ,IE sucks,keep an eye on it!,其它浏览器:FF,FF中的内存泄漏 Js引擎：Spider-蜘蛛 渲染引擎：Gecko-壁虎,其它浏览器:Chrome,Chrome中的内存泄漏 Js引擎：Spider-蜘蛛 渲染引擎：Gecko-壁虎,下一节：通用效率提升的9个手段,谢谢！,休息10分钟后，开始讨论。,
