- 安装 npm i lodash 引入 import throttle from ‘lodash/throttle’ 原理就是在外面包一层
- 防抖 : 多次变一次 throttle
- 节流 : 一次变少次
// 数量加
addsum:throttle (async function (skuId) {
await reqAddOrUpdateCart(skuId, +1)
this.$store.dispatch('cart/getCartList')
},1000,{trailing:false}),
函数防抖(最后那一下)
- 概念:事件被触发 n 秒后再执行回调函数,若这 n 秒内事件又被触发,则重新计时 n 秒。
- 通俗理解:要做的事,总是改来改去,那么就等你下发指令后 n 秒,我再做,免得你再改。
- 生活中的例子:调节空调温度时,按下【+】或【-】,等 1 秒空调才有反应。
- 代码中的应用:等待用户输入关键词结束后再搜索。
函数节流(别催,催也没有用)
- 概念:在 n 秒内,无论触发事件多少次,回调函数只执行一次。
- 通俗理解:你催的再急,也没用,我做事的频率是有极限的。
- 生活中的例子:就算火车要开了,我 3 秒内也只能吃一口面。
- 代码中的应用:某些特殊的按钮,不允许用户频繁的点击。
标签:触发,防抖,throttle,节流,skuId,函数 来源: https://blog.csdn.net/m0_60053251/article/details/121047406
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。