JS防抖节流篇
Fx_cap
前端
展开
-
节流
时间戳:频繁触发事件时,第一次会立即执行 function throttle(fn, interval) { // 上一次执行的时间 let last = 0 return function () { let now = Date.now() if (now - last >= interval) { fn.apply(this, arguments) last = Date.now() ..原创 2022-02-16 16:53:43 · 309 阅读 · 0 评论 -
JS防抖节流篇----节流
节流: 频繁触发,但是触发时间内一段时间执行一次 常见应用场景: 输入框联想菜单 //理解版 <body> <input type="text"> <script> const ipt = document.querySelector('input') // 节流:一定时间内执行一次 let timer = null ipt.oninput = (...原创 2021-12-17 16:04:11 · 355 阅读 · 0 评论 -
JS防抖节流篇----防抖
防抖: 规定时间多次触发,只执行最后一次 常见应用场景: 点击事件/下拉刷新/上拉加载更多 //理解版 <body> <button>按钮</button> <script> const btn = document.querySelector('button') let timer = null function debounce()...原创 2021-12-14 18:12:47 · 1071 阅读 · 0 评论