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