函数的防抖与节流
2022-06-22 本文已影响0人
冰点雨
正常:事件触发非常频繁,而且每一次的触发,回调函数都要去执行(如果时间很短,而回调函数内部有计算,那么很可能出现浏览器卡顿)
防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会执行最后一次
节流:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发
引入防抖与节流插件lodash
全部引入
import _ from "lodash";
按需引入,以节流为例
import throttle from "lodash/throttle"
使用
节流
//函数的节流:别用箭头函数,可能会出现上下文this
changeIndex:throttle(function(index){
...
},60),
防抖
getList:debounce(function() {
this.getUserList()
},2000),