函數防抖和節流都是對高頻動作觸發回調函數的一個優化，實現方式上有類似之處。先從使用場景做個區分。 防抖使用場景： 表單輸入框校驗 提交按鈕避免重復提交 節流使用場景： scroll,mousemove,resize等 函數防抖（debounce） 表單輸入框校驗 ...

參考連接：https://www.cnblogs.com/zhuanzhuanfe/p/10633019.html https://blog.csdn.net/Beijiyang999/articl ...

Vue函數防抖和節流https://zhuanlan.zhihu.com/p/72363385 ...

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

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

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

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

前言 有一些瀏覽器事件我們不希望它很頻繁的觸發，如調整窗口大小(onresize)、監聽滾動條滾動(onscroll)，如果這些監聽事件需要調用接口的話一秒內可能會調用上百次，這樣坑定是有問題的。 函數防抖（debounce） 如果有人進電梯（觸發事件），那電梯將在10秒鍾后出發 ...