关于防抖和节流

防抖和节流是前端处理高频触发事件的核心优化手段二者解决的问题场景不同但是都能大幅提升页面性能和用户体验。以下是两者的对比特性防抖Debounce节流Throttle目的将多次执行合并为最后一次执行在固定时间内只执行一次执行时机最后一次触发后延迟执行固定间隔执行无论是否停止类比像电梯关门按一次关门键电梯等3秒关门如果有人再按就重新等3秒。像地铁发车不管站台上等车的人有多少地铁都会按照固定的时刻表比如每5分钟发出一趟。典型场景搜索框输入、按钮防重复点击滚动监听、拖拽、鼠标移动简单来说防抖我要等你安静下来再说。节流我每隔一段时间就说一次不管你说多少句。手写简易版防抖手写简易版节流实际项目中优先使用成熟库如Lodash避免手写漏洞。