函数的防抖与节流

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),
上一篇 下一篇

猜你喜欢

热点阅读