函数节流与防抖
2019-06-24 本文已影响0人
zhengshilin
函数节流
在一定时间内只会执行一次
var timer = null;
window.addEventListener('resize', function () {
if (timer) {
//函数防抖
clearTimeout(timer);
timer = null;
}
timer = setTimeout(function () {
document.documentElement.style.fontSize = (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px';
}, 300)
})
函数防抖
在一定时间内，存在一个定时器，那么将存在的定时器清楚掉，再开启一个新的定时器(返回最新的一次数据)
var timer = null;
window.addEventListener('resize', function () {
if (timer)return;
timer = setTimeout(function () {
document.documentElement.style.fontSize = (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px';
}, 300)
})
