1. 首页
  2. 编程语言
  3. Javascript
  4. 在VUE中使用lodash的debounce和throttle操作

在VUE中使用lodash的debounce和throttle操作

上传者: 2021-09-08 19:34:19上传 PDF文件 127.29 KB 热度 6次

debounce和throttle在脚手架的使用,此处以防抖函数debounce为例避免按钮被重复点击。这两兄弟的本质都是以闭包的形式存在。通过对事件对应的回调函数进行包裹、以自由变量的形式缓存时间信息,最后用 setTimeout 来控制事件的触发频率。而 debounce 认为,“最后一个人说了算”,debounce 会为每一个新乘客设定新的定时器。要对事件进行节流处理方法非常简单,只需将要调用的函数包装在lodash的_.throttle函数中即可。尽管节流在某些情况下很有用,但一般情况我们经常使用的是防抖。防抖实质上将我们的事件分组在一起,并防止它们被频繁触发。

用户评论