节流跟防抖的使用场景

191 阅读1分钟

防抖

防抖在时间被触发n秒后再执行回调,如果在这n秒内又被触发,则重新即使。
使用场景: 搜索框搜索输入。只需用户最后一次输入完,在发送请求,
窗口resize。窗口调整完成后,计算窗口大小。防止重新渲染。
防抖: 一定时间后再执行

节流

每隔一段时间,只执行一次函数

函数防抖关注一定时间连续触发的事件只在最后执行一次,而函数节流侧重于一段时间内只执行一次。
使用场景:滚动加载滚动到底部的监听。
搜索框下面的联想功能
节流: 先执行,一定时间内不再执行