打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
函数防抖

概述:"一个处理函数会在延迟n秒后触发,如果在n秒内再次触发那么回重新计时;

<script>    var throttle = function(func, delay) {      // 存储定时器id;      var timer = null      return function() {        // 判断定时器是否在执行中;        if (timer) {          // 在每次开始之前清除以前的定时器;          clearTimeout(timer)        }        timer = setTimeout(function() {          func()        }, delay)      }    }    // 要进行处理的函数;    function handle() {      console.log(Math.random())    }    window.addEventListener('mousemove', throttle(handle, 1000))  </script>

优点:防止用户由于过快的操作而发起的无用的请求;

使用场景:

1、淘宝的导航列表;

2、搜索框搜索输入。只需用户最后一次输入完成,在发送请求;

3、浏览器的窗口大小改变后,只需窗口调整完成后,在执行resize里面是代码,防止重新渲染;

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
linux 内核定时器解析
话题
RTOS内功修炼记(四)— 小小的时钟节拍,撑起了内核半边天!
SylixOS里的时间【10】--- 软件定时器接口及用法
干货 | FreeRTOS 学习笔记
VC++ 高精度定时timeSetEvent和回调成员方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服