jQuery在updatepanel中使用造成内存泄露
wijmo用户反馈了一个RadialGauge控件内存泄露的bug,采用chrome监控内存使用情况,发现明显的内存泄露,在前面的文章中我就发现了jQuery内存泄露的问题,这次再次发现此问题,自然就联想到以前发现的问题。由于jQuery会缓存一些数据在$.cache中,在调用remove方法的时候,会将这些数据清除掉。但是如果DOM元素不是采用jQuery删除的,就会发生内存泄露。
用户场景是这样的:
用户放了一个RadialGauge控件和Timer控件在UpdatePanel中,然后定时去刷新gauge。经过调试发现问题出在更新updatepanel内容的时候,MS AJAX framework直接将服务器得到的内容设置到updatepanel元素的innerHTML上。这也就是未通过jQuery的remove方法移除了DOM对象。
发现了这个问题之后,自然就想到去重写系统的updatepanel方法,在设置innerHTML之前调用Gauge控件的destroy方法销毁相关对象。