前言：針對一些會頻繁觸發的事件如scroll、resize，如果正常綁定事件處理函數的話，有可能在很短的時間內多次連續觸發事件，十分影響性能 節流： 節流：使得一定時間內只觸發一次函數。 它和防抖動最大的區別就是，節流函數不管事件觸發有多頻繁，都會保證在規定時間內一定會執行一次真正 ...

，num的值會發生變化，這會加重cpu的負擔，造成性能問題，但是當我們使用防抖函數時，我們就可以避免實 ...

一丶基本概念 防抖(debounce)：在函數需要頻繁觸發時，只有當有足夠空閑的時間時，才執行一次。就好像在百度搜索時，每次輸入之后都有聯想詞彈出，這個控制聯想詞的方法就不可能是輸入框內容一改變就觸發的，他一定是當你結束輸入一段時間之后才會觸發。 節流(thorttle)：預定一個函數 ...

一、防抖&節流 　　在前端開發中有一部分用戶行為會頻繁的觸發事件執行，而對於DOM的操作、資源加載等耗費性能的處理，很可能會導致界面卡頓，甚至瀏覽器奔潰。函數的節流與防抖就是為了解決類似需求而產生的。 　　1）節流 　　　　概念：函數的節流就是預定一個函數只有在大於等於執行周期時才會 ...

js函數防抖和節流 在實際開發應用中，經常會碰到高頻率的事件處理，比如 window 的 scroll， resize 以及 keyup，mousemove 等事件。這些高頻率的事件觸發會帶來一些顯著的問題。 如果事件處理函數調用的頻率無限制，會加重瀏覽器的負擔，導致用戶體驗非常糟糕 ...

舉個例子: 　　我們直接執行了一個 refresh(),這個refresh函數會被執行30次, 　　 這樣的話就太過於頻繁了,我們就可以將refresh放入防抖函數中去,生成一個新的函數,之后,我們就使用新的函數 　　 這個新生成的函數,並不會非常頻繁的調用,如果下一次執行 ...

、mousemove 等等，但有些時候我們並不希望在事件持續觸發的過程中那么頻繁地去執行函數。 通常這種情況下我 ...

重復提交，如何防止多次提交的發生？ 為了應對如上場景，便出現了函數防抖和函數節流兩個概念，總的 ...