防抖截流原理,及区别

438 阅读1分钟

区别 :节流不管事件触发多频繁保证在一定时间内一定会执行一次函数。防抖是只在最后一次事件触发后才会执行一次函数

1) 防抖 :在事件被触发n秒后再执行回调函数,如果在这n 秒内又被触发,则重新计时,

       试用场景:按钮提交:防止多次提交按钮,只执行最后提交的一次

      搜索框联想场景,防止联想发送请求,只执行最后一次输入

  1. 截流 :规定在一个单位时间内,只能出发一次函数。如果这个单位时间内多次触发函数,只有一次生效。

     适用场景:拖拽场景:固定时间只执行一次,防止高频词触发位置变动

     缩放场景: 监控浏览器resize