函式防抖(debounce)：觸發高頻事件後n秒內函式只會執行一次，如果n秒內高頻事件再次被觸發，則重新計算時間。
函式節流(throttle)：高頻事件觸發，但在n秒內只會執行一次，所以節流會稀釋函式的執行頻率。
函式節流（throttle）與 函式防抖（debounce）都是為了限制函式的執行頻次，以優化函式觸發頻率過高導致的響應速度跟不上觸發頻率，出現延遲，假死或卡頓的現象。
1、函式的節流
節流原理：規定時間內只執行一次，它與防抖的最大區別是即使在高頻的動作在規定時間內都會執行一次
txt.addeventlistener("keyup",getdata(time,500));2、函式防抖
實現方式：每次觸發事件時設定乙個延遲呼叫方法，並且取消之前的延時呼叫方法
缺點：如果事件在規定的時間間隔內被不斷的觸發，則呼叫方法會被不斷的延遲
//防抖debounce**：
function debounce(fn,delay) , delay);
};}// 處理函式
function handle()
//滾動事件
window.addeventlistener('scroll', debounce(handle,500));
js防抖與節流
在效能上，防抖和節流還是很重要的，處理不當或者放任不管就容易引起瀏覽器卡死。我們開發頁面經常會遇到乙個返回頂部的功能。這個按鈕只會在滾動到距離頂部一定位置之後才出現 問題 mounted methods else 效果圖 在執行的時候會發現存在乙個問題 這個函式的預設執行頻率，太！高！了！然而實際上...
js節流防抖
什麼是節流防抖？在學習這個問題前，我們先丟擲問題 假設我現在有這麼乙個需求 根據input框輸入內容列印到控制台這個問題簡單啊，很簡單的功能嘛，如下 text id input let input document.getelementbyid input input.addeventlistene...
js防抖節流
第一種 function debounce fn,delay delay 第二種 function debounce fn,delay delay 立即執行就是事件觸發後立即執行，然後超過一段時間沒有觸發事件，執行函式才會被觸發執行 function fn,delay timer settimeou...