关于前端:防抖与节流

30次阅读

共计 420 个字符,预计需要花费 2 分钟才能阅读完成。

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

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

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

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

节流:

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

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

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

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

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

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

lodash 节流生效

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

正文完
 0