防抖与节流的封装函数与使用详解

防抖与节流 为什么使用防抖节流? 在前端开发中有一部分的用户行为会频繁的触发事件执行,而对于DOM操作、资源加载等耗费性能的处理,很可能导致界面卡顿,甚至浏览器的崩溃。函数节流(throttle)和函数防抖(debounce)就是为了解决类似需求应运而生的。 防抖(debounce) 函数防抖就是在函数需要频繁触发情况时,只有足够空闲的时间,才执行一次。好像公交司机会等人都上车后才关门一样。他不会上来一个人就触发一次关门,而是等人陆续上来后等待一会再触发关门 场景:(当时间频繁触发后停止一段时间执行) 实时搜索(keyup) 拖拽( mousemove ) 手机号、邮箱验证输入检测 窗口大小R