日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

 
 
  
  
 
  
  
 
  
  
 
  
  
 
  
  
 
  
  
 Memory Leaking Insert  
  
  

 
 
  
  
 
  
  
 
  
  
 
  
  
 
  
  
 
  
  
 Clean Insert  
  
  

一直使用document scope，不會創(chuàng)建temporary scope

3.4. Pseduo-Leaks

連續(xù)創(chuàng)建多個JS Engine Object，而GC未能及時釋放內(nèi)存，其實根本就不是內(nèi)存泄漏

var tmpStr
for(var i = 0; i < 100000; ++i)
tmpStr = "test"

#p#

四、當前頁面泄漏的示例　　　　　　　　　　　　　　　　　　　　　　

4.1. DOM Hyperspace引起的DOM Element引用孤島

DOM Hyperspace由PPK發(fā)現(xiàn)，在IE下通過removeChild或removeNode從父節(jié)點（無論是否已加入DOM Tree）中移除節(jié)點后，會創(chuàng)建一個新的#documentFragment，并且被移除的節(jié)點的parentNode為 該#documentFragment，而該#documentFragment.firstChild為被移除的節(jié)點，因此存在DOM Element間的circular reference導致無法釋放，只有刷新頁面后才會釋放資源。

Leak Memory

var div = document.createElement('div')
document.body.appendChild(div)
div.parentNode.removeChild(div)

alert(div.parentNode) // IE8下為[Object object]，Chrome等瀏覽器為null

Non-Leak Memory

 
 
  
  
function rm(el){ 
  
  
if (!+'\v1'){ 
  
  
var d = document.createElement('div') 
  
  
d.appendChild(el) 
  
  
d.innerHTML = '' 
  
  
} 
  
  
else{ 
  
  
el.parentNode.removeChild(el) 
  
  
} 
  
  
} 
  
  
 
  
  
var div = document.createElement('div') 
  
  
document.body.appendChild(div) 
  
  
rm(div) 
  
  
 
  
  
alert(div.parentNode) // IE8下為null 
 

4.2. 釋放Iframe沒那么簡單

iframe所占的資源有兩部分：iframe元素所占的內(nèi)存空間 和 iframe內(nèi)頁面所占的內(nèi)存空間。

內(nèi)存空間釋放步驟：

　　1. 釋放 iframe內(nèi)頁面所占的內(nèi)存空間

　　　　通過設置src=''或src='about:blank'來釋放內(nèi)部頁面的資源

　　2. 釋放 iframe元素所占的內(nèi)存空間

　　　　通過removeChild、removeNode等方法釋放iframe元素的內(nèi)存空間

ligerTab1.2.1的清除方式

var iframe = ...
iframe.src = 'about:blank'
iframe.contentWindow.document.write('')
CollectGarbage && CollectGarbage()
iframe.parentNode.removeChild(iframe)

#p#

五、IE8下連續(xù)修改IMG的src居然耗盡內(nèi)存？　　　　　　　　　　　　

由于IE8會對非原始尺寸的圖片進行抗鋸齒平滑處理，從而消耗更多的CPU和內(nèi)存資源。當圖片大小和尺寸到一定時，則會出現(xiàn)掛死的情況。（IE6、7沒有抗鋸齒平滑處理，而IE9則移除該功能）

而這種情況當然就不屬于Memory Leak啦！

題外話：

眾所周知IMG是replaced element，其width和height屬性缺省值又外部資源決定，而我們通過CSS設置的width和height屬性均是對缺省值的二次加工。

假設圖片原始尺寸為width:200px/height:400px，現(xiàn)在通過CSS設置width:100px，那么圖片將按等比例縮放為 width:100px/height:200px；但通過CSS設置width:100px/height:100px時，那么圖片則不是按等比例縮放 了。

#p#

六、監(jiān)控工具　　　　　　　　　　　　　　　　　　　　　　　　　　　

監(jiān)控方式多種多樣，這里大概分為兩類：

1. 當前頁面泄漏：Windows的任務管理器、Chrome->dev tools->Profiles->Take Heap Snapshot/Record Heap Allocations等等

2. 跨頁面泄漏：sIEve

操作步驟：

1. 在Address輸入框輸入網(wǎng)址，點擊Go （瀏覽網(wǎng)頁）

2. 執(zhí)行測試用例

3. 點擊about:blank按鈕（跳轉到空白頁）

4. 查看#leaks列下是否有增長，有則表示出現(xiàn)跨頁面的內(nèi)存泄漏

七、總結　　　　　　　　　　　　　　　　　　　　　　　　　　　　

上述內(nèi)容以概念為主，最終還是要實戰(zhàn)來驗證和完善、補充。

來自：肥子John^_^ http://www.cnblogs.com/fsjohnhuang/p/4455822.htm

八、參考　　　　　　　　　　　　　　　　　　　　　　　　　　　　

 What are closures?

  Understanding and Solving Internet Explorer Leak Patterns

  JavaScript and memory leaks