每日分享! 函式節流

2022-05-03 18:15:09 字數 813 閱讀 3153

為什麼會有函式節流這個詞的產生呢?

由於呢?某些事件會不停的觸發執行,比如說scroll這個事件,當我們滾動滑輪的時候,會不停的觸發監聽滾動事件,這個不是我們想要的。極大的浪費了執行效能,因此節流的思想應運而生。當然,這個是我個人的想法。在我看來,函式節流就是用來解決無法阻止的不停觸發的事件的。

節流的思想由於某些事件將不停的觸發,我們需要在某個事件來阻止其觸發,需要借助定時器來解決這個問題。讓這個函式在指定的時間段內觸發,換句話來說就是讓事件在過了某一時刻才觸發。

function throttle(method, context) , 200);

// 200ms 為間隔時間

}

輸入框:function getkey(e) 

document.queryselector('#txt1').onkeyup = function()

在看乙個demo

// 這裡寫原生js    html,bdoy的高度設定為3000

document.addeventlistener('scroll',function(e)

})

解決**
```js

// 這個定義的函式需要在上面的那個函式中去被呼叫

function throttle(fn, interval = 500), interval);

}}

好了 。小夥伴們,今天的分享到這裡了~

javascript函式節流

應用場景 實時輸入檢測 如根據使用者輸入文本來實時查詢資料 判斷註冊使用者名稱是否重複 郵箱格式檢驗 頁面滾動操作onscroll事件 頁面視窗大小改變onresize事件 滑鼠移入移出事件onmouseover,onmouseout 對於以上高頻率的執行操作來說如果不進行節流控制的話,一旦請求頻繁...

JavaScript 函式節流

個人理解 瀏覽器某個事件觸發的平率非常高 例如onscroll事件 如果每次都去執行處理事件的邏輯,消耗大量的cpu資源導致瀏覽器卡死,因此需要在一段時間內只執行最後一次函式的函式叫做函式節流。n 0 function resizehandler function throttle method,c...

函式節流總結

函式節流 在呼叫window.onresize事件時,如果操作頻繁操作dom極為耗效能,因此在這種情況下可以通過定時器對該函式進行節流。函式節流背後的基本思想是 某些 不可以在沒有間斷的情況連續重複執行。第一次呼叫函式,建立乙個定時器,在指定的間隔之後執行 第二次呼叫函式,它會清除前一次的定時器並設...