防抖 与节流

  1. 安装 npm i lodash 引入 import throttle from ‘lodash/throttle’ 原理就是在外面包一层
  2. 防抖 : 多次变一次 throttle
  3. 节流 : 一次变少次
 // 数量加
     addsum:throttle (async function (skuId) {
      await reqAddOrUpdateCart(skuId, +1)
      this.$store.dispatch('cart/getCartList')
    },1000,{trailing:false}),
函数防抖(最后那一下)
  1. 概念:事件被触发 n 秒后再执行回调函数,若这 n 秒内事件又被触发,则重新计时 n 秒。
  2. 通俗理解:要做的事,总是改来改去,那么就等你下发指令后 n 秒,我再做,免得你再改。
  3. 生活中的例子:调节空调温度时,按下【+】或【-】,等 1 秒空调才有反应。
  4. 代码中的应用:等待用户输入关键词结束后再搜索。
函数节流(别催,催也没有用)
  1. 概念:在 n 秒内,无论触发事件多少次,回调函数只执行一次。
  2. 通俗理解:你催的再急,也没用,我做事的频率是有极限的。
  3. 生活中的例子:就算火车要开了,我 3 秒内也只能吃一口面。
  4. 代码中的应用:某些特殊的按钮,不允许用户频繁的点击。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值