项目中的内存泄漏

2019独角兽企业重金招聘Python工程师标准>>>

项目中有这个样的一个缺陷，现象如下：

IE浏览器下，抓拍图列表在切换10几页的时候，页面中的图片就不显示，刷新页面后再切换页面就能加载出来，chrome和firefox下不会出现这样的问题。

排查问题过程如下：审查不显示的图片，取到路径src在浏览器直接加载可以打开，使用fildder抓包发现，图片是下载下来的。并且切换页面时IE浏览器的内存使用会持续增长，这时意识到应该是造成了内存泄漏。

这时候去查看代码，果不其然，实现如下：每次切页时，将之前的元素清空（$('elment').empty()）,动态创建元素，并append到根元素中,然后每个子节点绑定事件和数据。查看资料得知，使用empty清空子节点时并没有将其绑定的事件一起清空，这样的情况下，内存释放不了，就会造成内存泄漏。而chrome不会出现这个问题的原因在于，chrome会定时释放已删除元素绑定事件所占用的内存。

解决方法：

（1）使用事件委托，减少内存使用

（2）清空子节点的之前，将绑定的时间手动解绑，释放内存。

转载于:https://my.oschina.net/niejianbo/blog/1798061