防抖
定义:设置延时器,短时间高频率触发只有最后一次触发成功
var btn = document.getElementById('btn')
var timer = null
btn.onclick = function () {
clearTimeout(timer)
timer = setTimeout(function () {
console.log('点击了');
}, 1000)
}
节流
定义:设置状态锁,短时间高频率触发只有第一次触发成功
var key = false
btn.onclick = function () {
if (!key) {
console.log('点击了');
key = true
setTimeout(function () {
key = false
}, 1000)
}
}