什么是防抖和节流?

更新时间:2023-07-15 04:50:39 阅读: 评论:0

什么是防抖和节流?
防抖
解释定义
防抖是指在⼀定的时间内再次触发此事件,会清空上次的事件重新开始,如果制定的时间内没有再次触发,那么这个事件才会执⾏例如: input输⼊信息,不可能每次按下都发起⼀个ajax请求,可以等⼀段时间内不输⼊了之后在发起请求
代码样例
function debounce(sayHi){
var timer = null
return function(){
clearTimeout(timer)
timer = tTimeout(()=>{
sayHi.apply(this,arguments)
},1000)
}
}
function sayHi(){
console.log('防抖')
}
var inp = ElementById('inp');
inp.addEventListener('input', debounce(sayHi)); // 防抖
节流
解释定义
节流是指在⼀定的时间同⼀事件只会触发⼀次,只有超过了这个时间才会再次出发电脑顿号怎么打
例如: 验证码60秒内不可以再次触发(实际开发肯定是使⽤禁⽌,但是原理和验证码⼀样)
代码样例
有有
function chufa(fn){
var flag = true
return function(){
if(!flag) return;包埋法
flag = fal
tTimeout(()=>{
功夫不负有心人的意思
fn.apply(this,arguments)
flag = true
处置的近义词
},1000)
}
}
function hansh(e){国企央企
console.log(e.target.innerWidth, e.target.innerHeight);赵开坤
}军姿的动作要领
window.addEventListener('resize',chufa(hansh))

本文发布于:2023-07-15 04:50:39,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1097351.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:触发   时间   事件   验证码   要领   防抖   解释   可能
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图