在上一篇图片懒加载的博客中应用到了函数防抖,这篇博客就来分享一下函数节流和函数防抖的区别,以及实现的思路!
什么是函数节流&函数防抖
函数节流和函数防抖都是优化搞频率执行js代码的一种手段
比较常见的高频率事件有:
1. 用户提交表单
2. 监听浏览器scroll/mouseMove事件
函数节流: 是指固定时间内只执行一次代码,例如泡咖啡,当按下按钮后不论再按几次,
只会出一次咖啡.
函数防抖: 是在频繁触发的情况下,当空闲时间达到设定值,才能触发事件.例如乘电梯,
只有外面没人继续按按钮,电梯才会关门.否则电梯关门重新进入倒计时!
总结
1. Demo
