理论知识:
节流: 在一段时间内只能执行一次
防抖:两次调用的时间差满足指定时间
栗子:窗口大小变化 resize
function resize (){
console.log('窗口发生了变化')
}
window.addEventListener('resize',resize,false)
- throttle 节流
function throttle(func,delay){
var last = 0;
return function (){
let now = Date.now()
if(now >= last + delay){
func.apply(this,arguments)
} else {
console.log('距离上次调用还在时间范围内')
}
}
}
window.addEventListener('resize',throttle(resize,500))
网友评论