vue3项目实现防抖/截流
【代码】vue3项目实现防抖/截流。
·
// 防抖
export function debounce(fn, wait) {
let timeout = null
return function() {
if (timeout !== null) {
clearTimeout(timeout)
}
timeout = setTimeout(fn, wait)
}
}
// 节流
export function throttle(fn, delay) {
let valid = true
return function() {
if (!valid) {
// 休息时间 暂不接客
return false
}
// 工作时间,执行函数并且在间隔期内把状态位设为无效
valid = false
setTimeout(() => {
fn()
valid = true
}, delay)
}
}
更多推荐
已为社区贡献20条内容
所有评论(0)