1.什么是节流防抖
1.节流:
节流就是一段时间件内只执行一次
2.防抖:
防抖也是一段时间只执行一次,但是这个时间会随着使用者不听重复执行事件而重复刷新。
2.节流写法:
1.普通写法:
设置一个flag,来判断函数是否执行,当函数false时不执行,也间接的防止了地市器的重复设置。
let flag = true
window.onscroll = function () {
if (flag) {
console.log(123);
setTimeout(() => {
flag = true
}, 1000)
}
flag = false
}
2.闭包写法
function test() {
let flag = true
return function () {
if (flag) {
console.log(123);
setTimeout(() => {
flag = true
}, 1000)
}
flag = false
}