let timer = null
// 防抖 => 在连续触发事件,在规定时间内只触发最后一次
// 应用场景 : 搜索框搜索请求数据
function timerFn() {
if (timer !== null) {
clearTimeout(timer)
}
timer = setTimeout(() => {
console.log("防抖")
}, 3000)
}
// 节流 => 在连续触发事件,在规定时间内只触发一次
// 应用场景 : 按钮的快速点击
const timerFN = function () {
if (timer !== null) {
return
}
timer = setTimeout(() =>{
console.log("节流")
timer = null
},1000)
}
防抖 节流
最新推荐文章于 2024-09-10 19:15:21 发布