js 效能優化整理之 惰性載入

function addevent(element,type,handler)else if(element.attacheevent));

}else
}

每次呼叫 addevent 函式的時候，它都要對瀏覽器所支援的能力進行檢查，首先檢查是否支援addeventlistener 方法，如果不支援，再檢查是否支援 attachevent 方法，如果還不支援，就用 dom 0 級的方法新增事件。 這個過程，在 addevent 函式每次呼叫的時候都要走一遍，其實，如果瀏覽器支援其中的一種方法，那麼他就會一直支援了，就沒有必要再進行其他分支的檢測了， 也就是說，if 語句不必每次都執行，**可以執行的更快一些。

function addevent (element,type,handler) 

}else if(element.attachevent));}}
else
}return addevent(element,type,handler);
}

var addevent = (function () 

}else if (document.attachevent) );}}
else 
}})();

提公升效能JS函式小技巧 惰性載入函式

惰性載入函式 各位前端程式設計師都知道，因為瀏覽器之間的差異，在寫function的時候經常要用到大量的if else判斷語句，將執行引導到正確的語句中去。例如 function xx else if else 每次呼叫xx時，瀏覽器都要進行仔細的判斷，即使每次呼叫時分支的結果都不變。但是我們知道只...

js 效能優化整理之 高頻優化

var count 0 elem.onmousemove function 實現拖拽功能的 var throldhold 200 兩次scroll事件觸發之間最小的事件間隔 window.onscroll function arguments.callee.timer settimeout isdi...

效能優化之懶載入

1 懶載入 原理 先將img標籤的src鏈結設為同一張 比如空白 然後給img標籤設定自定義屬性 比如 data src 然後將真正的位址儲存在data src中，當js監聽到該元素進入可視視窗時，將自定義屬性中的位址儲存到src屬性中。達到懶載入的效果。優點 這樣做能防止頁面一次性向伺服器傳送大量...