共计 420 个字符，预计需要花费 2 分钟才能阅读完成。
防抖节流的区别与应用场景
参考：https://segmentfault.com/a/11…
防抖：如果短时间内大量触发同一事件，只会执行一次函数
对于短时间内间断触发的事件（滚动事件），防抖的含意就是让某个工夫期限（如下面的 1000 毫秒）内，事件处理函数只执行一次
节流：
1、场景一：实时监听 input 输入框关键字，调用接口查问对应的内容（节流）
场景二：watch 监听多个变量，多个变量扭转会触发雷同的操作，会屡次调用同一个办法（防抖）
场景三：按钮提交时不加 loading，屡次疾速点击会调用屡次办法（节流）
场景四：监听浏览器滚动条的地位，触发相干操作，滚一次会触发多个办法（防抖）
事实上咱们并不需要如此高频的调用
场景五：页面 resize 事件，常见于须要做页面适配的时候。须要依据最终出现的页面状况进行 dom 渲染（这种情景个别是应用防抖，因为只须要判断最初一次的变动状况）
lodash 节流生效
办法的第一个参数不能是箭头函数，会获取不到 this
正文完