访问一般的站点,你会发现大多数站点都会出现这类问题。的确,如果一些网站没有经过这样的测试,多少会让人感到震惊,--本来适当一下的修改就可以确保这种问题不会发生。虽然这网站(J指ack'sBlog、范例)统统都是JavaScript的,但你不必担心任何泄漏的危险。
如下简单的三步:
1. 当你完成后,设置你的 XMLHttpRequest onreadystatechange handlers 为null, 我使用 YAHOO.util.Connect 来进行XHR交换数据 ,因为它使用了连接池来代替readystate, 这样我不用手工set null了。我推荐你,在允许的情况下,使用YAHOO.util.Connect (或建于其之上的 YAHOO.ext.UpdateManager)作Ajax请求。
2. 如果能获取所有DOM 事件句柄的对象的话,要在unload的事件清除这些对象;而且能够让Library做的,就不要用自己的方法做! 对于事件event的机制,我均使用了YAHOO.util.Event来处理. 其它的库 (如prototype、dojo 等等) 亦有自己的相应的机制来处理。 --尽管我不清楚它们的执行效率去到那里。如果你再仔细看看上面的截图,你会发现上面的泄漏代码都会关联到这些库里面去;
3.除了一些基本类型的数据primitive value (String 、Number),切勿利用JavaScript的expando特性在DOM对象上增加任何东西,-除非你能保证及时清除它。
这就是最重要的金科玉律了。在DOM expando放东西,你会觉得很方便, 然后用 $()获取它, 但千万不要这样做。真的,我知道你在想什么,现在的我已经有线想妄想症的认了.没错,很多场合都会把JS对象放到 DOM expando,也没啥状况发生,但也会有很多。。。。这种情况不容易检查出来啊!(例如:闭包closures). 所以要避免任何可能的发生,我只会按照这样的规律做。
如下简单的三步:
1. 当你完成后,设置你的 XMLHttpRequest onreadystatechange handlers 为null, 我使用 YAHOO.util.Connect 来进行XHR交换数据 ,因为它使用了连接池来代替readystate, 这样我不用手工set null了。我推荐你,在允许的情况下,使用YAHOO.util.Connect (或建于其之上的 YAHOO.ext.UpdateManager)作Ajax请求。
2. 如果能获取所有DOM 事件句柄的对象的话,要在unload的事件清除这些对象;而且能够让Library做的,就不要用自己的方法做! 对于事件event的机制,我均使用了YAHOO.util.Event来处理. 其它的库 (如prototype、dojo 等等) 亦有自己的相应的机制来处理。 --尽管我不清楚它们的执行效率去到那里。如果你再仔细看看上面的截图,你会发现上面的泄漏代码都会关联到这些库里面去;
3.除了一些基本类型的数据primitive value (String 、Number),切勿利用JavaScript的expando特性在DOM对象上增加任何东西,-除非你能保证及时清除它。
这就是最重要的金科玉律了。在DOM expando放东西,你会觉得很方便, 然后用 $()获取它, 但千万不要这样做。真的,我知道你在想什么,现在的我已经有线想妄想症的认了.没错,很多场合都会把JS对象放到 DOM expando,也没啥状况发生,但也会有很多。。。。这种情况不容易检查出来啊!(例如:闭包closures). 所以要避免任何可能的发生,我只会按照这样的规律做。