React lodash 节流

目录

1.引入

2.含义

3. 页面中使用


1.引入

第三方函数工具库:lodash
安装: npm i lodash
引入:import _ from ‘lodash’

2.含义

  • 防抖:n 秒后再执行该事件,若在 n 秒内被重复触发,则重新计时,通俗来讲就是前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发·只会执行一次

  • 节流:n 秒内只运行一次,若在 n 秒内重复触发,只有一次生效

3. 页面中使用

import * as _ from 'lodash';//引入  

const throttle = _.throttle;
  const click = throttle(() => {
      consolo.log('触发了')
    }, 1500);
//1.5秒内只触发一次

猜你喜欢

转载自blog.csdn.net/wsdshdhdhd/article/details/130656812
今日推荐