当前位置: 首页 > Web前端 > HTML

防抖和节流

时间:2023-03-29 12:13:12 HTML

防抖和节流的区别和使用场景参考:https://segmentfault.com/a/11...短时间内,函数只会执行一次对于短时间内连续触发的事件(滚动事件),防抖的意义是让事件处理函数在一定时间内只执行一次节流时间段(比如上面的1000毫秒):1.场景一:实时监听input输入框关键字,调用接口查询对应内容(节流)场景二:watch监听多个变量,多个变量变化会触发同一个操作,同一个方法会被调用多次(防抖)场景三:当按钮提交时没有加载,多次快速点击会调用多个方法(节流)。场景四:监听浏览器滚动条位置,触发相关操作。滚动一次会触发多个方法(防抖)其实我们不需要这个高频调用场景五:页面resize事件,在需要页面适配的时候很常见。Dom渲染需要根据页面最后的渲染进行(这种情况下一般使用防抖,因为只需要判断最后一次变化)。lodashthrottlingfailure方法第一个参数不能是箭头函数,这个不会获取到