美文网首页
函数的防抖与节流

函数的防抖与节流

作者: 冰点雨 | 来源:发表于2022-06-22 09:39 被阅读0次

正常:事件触发非常频繁,而且每一次的触发,回调函数都要去执行(如果时间很短,而回调函数内部有计算,那么很可能出现浏览器卡顿)

防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会执行最后一次

节流:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发

引入防抖与节流插件lodash

全部引入

import _ from "lodash";

按需引入,以节流为例

import throttle from "lodash/throttle"

使用

节流

//函数的节流:别用箭头函数,可能会出现上下文this
        changeIndex:throttle(function(index){
            ...
        },60),

防抖

getList:debounce(function() {
  this.getUserList()
},2000),

相关文章

网友评论

      本文标题:函数的防抖与节流

      本文链接:https://www.haomeiwen.com/subject/ttjevrtx.html