網页核心四元素内存使用及回收.docxVIP

网页核心四元素内存使用分析问题引入及工具介绍近日在WebEx 11项目中，发起了一次对JavaScript内存回收和泄漏问题的讨论。JavaScript内存回收问题是目前各个主流框架(Ext JS, jQuery)都会遇到的问题。我们的项目中使用了jQuery作为核心库，而jQuery对于IE中Dom节点的回收是存在问题的，本身这个问题并不严重(我们将会在下面的文章中分析)，但因为WebEx 11中会大范围的使用无刷新技术，从而会使内存回收的问题暴露出来。而同时，在无刷技术中，会暴露出内存问题的并不仅是JavaScript环节，所以我对网页当中内存占有的四个核心元素进行了分析。本文中会使用到的内存检测工具：Drip-0.5.exe , sIEve-0.0.8.exe以上两个软件是对Dom节点侵入检测，而后文中提到的JavaScript写法中产生的内存问题，还需要我们根据经验和windows内存工具来判断。在网页当中有4个元素:Dom, CSS, JavaScript, Images。可以说，我们目前所接触的网页都不可能完全离开这几个元素。在这四个环节，IE和Firefox等浏览器对其内存回收的机制是不尽相同的，了解这四部分的内存占用及回收机制可以给WebEx 11带来更少的bug，更快的访问速度，更优秀的用户体验，同时也对我们提高前端代码质量有帮助。Dom节点的内存占用及回收Do