防抖节流的区别与应用场景

参考:https://segmentfault.com/a/11...

防抖:如果短时间内大量触发同一事件,只会执行一次函数

对于短时间内间断触发的事件(滚动事件),防抖的含意就是让某个工夫期限(如下面的1000毫秒)内,事件处理函数只执行一次

节流:

1、场景一:实时监听input输入框关键字,调用接口查问对应的内容 (节流)

场景二:watch监听多个变量,多个变量扭转会触发雷同的操作,会屡次调用同一个办法 (防抖)

场景三:按钮提交时不加loading,屡次疾速点击会调用屡次办法 (节流)

场景四:监听浏览器滚动条的地位,触发相干操作,滚一次会触发多个办法 (防抖)

    事实上咱们并不需要如此高频的调用

场景五:页面resize事件,常见于须要做页面适配的时候。须要依据最终出现的页面状况进行dom渲染(这种情景个别是应用防抖,因为只须要判断最初一次的变动状况)

lodash 节流生效

办法的第一个参数不能是箭头函数,会获取不到this