loadash-debounce（防抖動）
ooo__A_A__ooo
於 2019-09-27 17:31:34 發佈
1244
收藏 1
分類專欄： js
版權
js
專欄收錄該內容
18 篇文章0 訂閱
訂閱專欄
抖動現象常見的場景有頁面滾動事件，輸入框input事件，頁面resize事件等等
maxWait 保證在 所書寫的時間內會執行1次
leading 指定在延遲開始前調用
trailing 指定在延遲結束後調用
下面代碼，在10s內連續點擊會打印四次
1.第一個三秒 打印一次
2.第二個三秒 打印一次
3.第三個三秒 打印一次
4.最後一秒 打印一次
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id='btn'>按鈕</button>
<script src="./jquery.min.js" type='text/javascript'></script>
<script src="./loadash.min.js" type='text/javascript'></script>
<script>
$('#btn').on('click',_.debounce(function(){
console.log('我被點擊了。。。')
},1000,{
'leading': true, // 指定在延遲開始前調用
'trailing': false, // 指定在延遲結束後調用
'maxWait': 3000, // 保證在此時間內會觸發1次
}));
</script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
參考於：
實例解析防抖動（Debouncing）和節流閥（Throttling）
loadash官方參考文檔
————————————————
版權聲明：本文爲CSDN博主「ooo__A_A__ooo」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_45152848/article/details/101547030