背景：在前端開發中，有時會為頁面綁定resize事件，或為一個頁面元素拖拽事件（其核心就是綁定mousemove)在一個正常操作中也有可能在一個短時間內觸發非常多次事件綁定程序，而DOM操作是很消耗性 ...

我們知道，js有些事件例如resize，mousemove等是會不間斷觸發的，例如我們簡單的一個scroll事件： 我們需要在滾動的時候去做一些事情，如上圖可見，我們只是簡單的console，在一次滾動過程中函數即執行了將近20次，如果這個函數 ...

函數節流可以一定程度得減少系統的損耗，方法如下： 其中 fn.apply(this, args) 不難理解，我們通過一段代碼來看： 由此可見 fn.apply(this, args) 實現了對 fn 的繼承， args 需要是數組形式。 ...

，這時候就需要節流，讓自己回來的時候水差不多滿了。那在JS里有沒有這種情況呢，典型的場景是圖片懶加載監聽頁 ...

一：函數防抖1、理解：觸發高頻事件后n秒內函數只會執行一次，如果n秒內高頻事件再次被觸發，則重新計算時間2、思路：每次觸發事件時都取消之前的延時調用方法 3、實現： function debounce(fn) { let timeout = null; // 創建一個標記用來 ...

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

概念解釋 函數節流: 頻繁觸發,但只在特定的時間內才執行一次代碼 函數防抖: 頻繁觸發,但只在特定的時間內沒有觸發執行條件才執行一次代碼 函數節流 函數節流應用的實際場景，多數在監聽頁面元素滾動事件的時候會用到。因為滾動事件，是一個高頻觸發的事件。 以下是監聽頁面元素滾動的示例代碼 ...

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