簡(jiǎn)單三步,搞掂內(nèi)存泄漏
泄漏監(jiān)視器
離開http://script.aculo.us/的時(shí)候
這應(yīng)該我是最常見的泄漏 prototype.js, line 74:3
嚴(yán)重的泄漏,一下彈出兩個(gè)窗口 (注意滾動(dòng)條!)。
這個(gè)更離譜。我每次寫完Word press,就會(huì)出現(xiàn)!
訪問(wèn)一般的站點(diǎn),你會(huì)發(fā)現(xiàn)大多數(shù)站點(diǎn)都會(huì)出現(xiàn)這類問(wèn)題。的確,如果一些網(wǎng)站沒有經(jīng)過(guò)這樣的測(cè)試,多少會(huì)讓人感到震驚,--本來(lái)適當(dāng)一下的修改就可以確保這種問(wèn)題不會(huì)發(fā)生。
雖然這網(wǎng)站(Jack'sBlog、范例)統(tǒng)統(tǒng)都是JavaScript的,但你不必?fù)?dān)心任何泄漏的危險(xiǎn)。
如下簡(jiǎn)單的三步:
1. 當(dāng)你完成后,設(shè)置你的 XMLHttpRequest onreadystatechange handlers 為null,
我使用 YAHOO.util.Connect 來(lái)進(jìn)行XHR鏈接 ,因?yàn)樗褂昧?polling mechanism來(lái)代替readstate, 這樣我不用手工set null了。我推薦你,在允許的情況下,使用YAHOO.util.Connect (或建于其之上的 YAHOO.ext.UpdateManager)。
2. 在unload事件中清除所有 DOM event handlers object ,如果它們有引用 (Refence)的機(jī)會(huì)的話。
能夠讓Library做的,就不要用自己的方法做! 對(duì)于事件event的機(jī)制,我均使用了YAHOO.util.Event來(lái)處理. 其它的library (prototype, dojo, etc) 亦有自己的相應(yīng)的機(jī)制來(lái)處理。 --盡管我不清楚它們的執(zhí)行效率去到那里。 如果你再仔細(xì)看看上面的截圖,你會(huì)發(fā)現(xiàn)上面的泄漏代碼都會(huì)關(guān)聯(lián)到這些library里面去(用事實(shí)證明事故的源頭,F(xiàn)rank注)
3.除了一些基本類型的數(shù)據(jù)primitive value (String 、Number),切勿放其它任何東西在 DOM expando 或 property 。當(dāng)然,你能保證及時(shí)清除它的話,便是一個(gè)例外。
這就是最重要的金科玉律了。在DOM expando放東西,你會(huì)覺得很方便, 然后用 $()獲取它, 但千萬(wàn)不要這樣做。 真的,我知道你在想什么,現(xiàn)在的我已經(jīng)有線想妄想癥的認(rèn)了.沒錯(cuò),很多場(chǎng)合都會(huì)把JS對(duì)象放到 DOM expando,也沒啥狀況發(fā)生,但也會(huì)有很多。。。。這種情況不容易檢查出來(lái)??!(例如:閉包c(diǎn)losures). 所以要避免任何可能的發(fā)生,我只會(huì)按照這樣的規(guī)律做.
解決這個(gè)問(wèn)題并不是太難。它不需要任何技巧或經(jīng)驗(yàn)之談。只要注意好以上幾點(diǎn),一個(gè)新手novice也知道如何避免泄漏。
請(qǐng)拜托一些大網(wǎng)站(包括新的 Yahoo Mail!?!?),花點(diǎn)時(shí)間,做足功夫,讓我(或其他人)瀏覽你的網(wǎng)頁(yè)而不遭受內(nèi)存泄漏。
- 插件:檢測(cè)javascript的內(nèi)存泄漏
- try finally 妙用,防止內(nèi)存泄漏
- 防止動(dòng)態(tài)加載JavaScript引起的內(nèi)存泄漏問(wèn)題
- javascript removeChild 導(dǎo)致的內(nèi)存泄漏
- JQuery1.4+ Ajax IE8 內(nèi)存泄漏問(wèn)題
- C++內(nèi)存泄漏及檢測(cè)工具詳解
- Python的內(nèi)存泄漏及gc模塊的使用分析
- Android內(nèi)存泄漏終極解決篇(上)
- Android內(nèi)存泄漏終極解決篇(下)
- 談一談Android內(nèi)存泄漏問(wèn)題
相關(guān)文章
學(xué)習(xí)YUI.Ext 第六天--關(guān)于樹TreePanel(Part 1)
這篇文章主要介紹了學(xué)習(xí)YUI.Ext 第六天--關(guān)于樹TreePanel(Part 1)2007-03-03Ext面向?qū)ο箝_發(fā)實(shí)踐(續(xù))
我的上一篇文章《Ext面向?qū)ο箝_發(fā)實(shí)踐》中簡(jiǎn)述了如何編寫一個(gè)面向?qū)ο蟮臄?shù)據(jù)維護(hù)小程序,但這一些都是基于一個(gè)客戶端數(shù)據(jù),即用戶一旦刷新頁(yè)面,所有的操作都將丟失,現(xiàn)在我們就接著上一篇文章來(lái)繼續(xù)講一下如何對(duì)數(shù)據(jù)表進(jìn)行增、刪、改、查操作。2008-11-11對(duì)YUI擴(kuò)展的Gird組件 Part-2
對(duì)YUI擴(kuò)展的Gird組件 Part-2...2007-03-03yui3的AOP(面向切面編程)和OOP(面向?qū)ο缶幊?
這篇文章主要介紹了yui3的AOP(面向切面編程)和OOP(面向?qū)ο缶幊?,需要的朋友可以參考下2015-05-05學(xué)習(xí)YUI.Ext第七日-View&JSONView Part Two-一個(gè)畫室網(wǎng)站的案例
這篇文章主要介紹了學(xué)習(xí)YUI.Ext第七日-View&JSONView Part Two-一個(gè)畫室網(wǎng)站的案例2007-03-03Ext.FormPanel 提交和 Ext.Ajax.request 異步提交函數(shù)的區(qū)別
Ext.FormPanel 提交和 Ext.Ajax.request 異步提交函數(shù)的區(qū)別小結(jié),需要的朋友可以參考下。2009-11-11Ext javascript建立超鏈接,進(jìn)行事件處理的實(shí)現(xiàn)方法
如何在javasript建立超鏈接 應(yīng)用到Ext中的樹控件事件處理2009-03-03