什么是防抖

最新推荐文章于 2024-10-27 11:25:22 发布

Hst1120

最新推荐文章于 2024-10-27 11:25:22 发布

阅读量108

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Hst1120/article/details/129543181

版权

防抖技术常用于限制函数的执行频率，例如在页面大小改变、滚动页面时的统计操作或输入框连续输入的请求控制。通过设置定时器，在一定延迟后执行函数，如果在这期间再次触发事件，则会清除之前的定时器并重新设置，确保在最后一次事件触发后执行。这种策略能有效减少不必要的计算或网络请求，提高性能。

摘要由CSDN通过智能技术生成

防抖

在一定时间内，事件触发只执行最后一次

改变页面大小，滚动页面位置统计

输入框连续输入的请求控制

function pay(){
	console.log('123')
}
// 防抖函数
function fangdou(func,delay){
  let timer;
  return function (){
    let content = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(() =>{
      // func.call(content);
      func.apply(content,arguments)
    },delay)
  }
}
btn.addEventListener("click",fangdou(pay,1000));
//写法二
var btn = document.querySelector('input');
    function myTimeOut() {
      let timer;
      return function(){
        clearTimeout(timer);
        timer = setTimeout(() =>{
          console.log('111')
        },1000)
      }
    }
btn.addEventListener("click", myTimeOut());