扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
概念：在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发。
成都创新互联长期为千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为文圣企业提供专业的成都做网站、成都网站设计，文圣网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
类似于技能CD。
应用：点击按钮，轮播图点击左右箭头。
插件lodash.js，它里面封装了函数的防抖与节流业务。
计数器：0
// 获取元素
let span = document.querySelector('span')
let btn = document.querySelector('button')
let count = 0
let timer = null
// 控制节流阀是否开启或关闭
let flag = true
// 需求：在一秒以内，不管点击按钮多少次，计数器数值只能+1
btn.onclick = function () {
if (flag) {
flag = false
timer = setTimeout(() => {
count++
span.innerHTML = count
flag = true
}, 1000)
}
}
概念：前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发，只会执行一次。
类似于LOL回城被打断。
应用：输入框搜索。
插件lodash.js，它里面封装了函数的防抖与节流业务。
data () {
return {
timer: null
}
},
methods: {
inputFn () {
if (this.timer) {
clearTimeout(this.timer)
}
this.timer = setTimeout(() => {
// 发送网络请求
}, 3000)
}
}
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网