防抖:高频事件触发,在n秒内只执行最后一次,在n秒内多次被触发时,会重新计算时间
function fn1() {
let timer = null // 在vue中在data中声明timer: null
clearTimeout(timer)
timer = setTimeout(()=>{...}, time)
}
节流:高频事件触发,在n秒内只执行一次,节流会稀释函数执行频率
function fn2() {
let isEnd = true
if(!isEnd) return
isEnd = false
setTimeout(()=>{
...
isEnd = true
},time)
}
前端笔记1-防抖和节流
于 2023-10-12 10:13:55 首次发布