效能防抖和節流

為了提高頁面效能，有時需要對高頻率觸發的事件（scrllo, resize, mousemove, touchmove）進行防抖（debounce）或者節流（throttle）處理。這兩個概念很相似，但是他們是不同的概念：

把一系列連續的事件，只處理一次，即只呼叫一次事件處理程式。強調一系列連續觸發的事件。

防抖中注意乙個問題：什麼是一系列事件？在指定時間間隔（距離上次觸發的時間）內觸發的相同型別事件視為乙個系列的事件。

如：假如scroll事件分別在0，1，3，7，8時間觸發了事件a，b，c，d，e。假如規定時間間隔為2，則a，b，c屬於乙個系列（d，c之間間隔為3）；d，e屬於乙個系列。防抖的目的就是把a，b，c構成的系列（或者d，e構成的系列）事件合併成乙個，即只執行a或者c（d或者e）。

一段時間內的事件，只處理一次，即只呼叫一次事件處理程式。強調一段時間內。

根據上面的概念實現乙個簡單的**v1：

var debounce = function(func, delay);
if(timehandle) 
timehandle = settimeout(later, delay);}}

功能如：

事件處理程式在一系列事件觸發後delay時間後執行。

根據概念實現各簡單的v1：

var throttle = function(func, delay)
console.log(curr)}}

具體實現可疑參考下其他庫，畢竟使用的人多，也更合理。

underscorejs

防抖demo：

效能 防抖和節流