为什么需要
在开发中,有部分的行为会频繁的触发事件执行,对于dom操作,资源请求等耗性能的处理,很可能导致界面卡顿,甚至浏览器的奔溃
函数防抖 函数节流就是为了解决类似的需求
函数防抖
在函数需要频繁触发的情况下,只要有足够空闲的时间,才执行一次。
应用场景
- 实时搜索 input输入防抖示例
- 拖拽
方法实现
function debounce(fun, delay=100){
let timer = null
return function(...args){
timer && clearTimeout(timer)
timer =