防抖和节流

最近在做毕设,需要实现一个点赞的功能;在进行点赞的时候,不能够只要触发点击事件就让他进行点赞+1,这个时候就需要给他设置一个时差,点赞前和点赞后的这个时差内如果再次触发点击事件是不能够让他+1的,设置的这个时差就是我们的主角“节流”。

节流就是连续触发事件,在n秒内只触发一次。 

//需要执行的事件
thumb() {
console.log('点赞')
},
// 节流
throttle(wait) {
let nowTime = Date.now() // 获取现在的时间戳
let dValue = nowTime - this.preTime // 当前时间差
this.preTime = nowTime
if(dValue >= wait) { // 传入规定的时间差与当前的时间差进行比较
this.thumb()
}else {
console.log("节流开启"); // 如果小于规定的时间差,就开启节流
}
}

防抖和节流最先出现在Python成神之路

版权声明:
作者:主机优惠
链接:https://www.techfm.club/p/27702.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>