当前位置: 首页 > news >正文

手写节流防抖函数

防抖(只取最后一次)

应用场景:搜索框停止输入后再触发搜索、滚动触发事件等

function debounce(fn, delay = 200) {let timerreturn function () {if (timer) clearTimeout(timer)timer = setTimeout(() => {fn.apply(this, arguments)}, delay)}}
window.addEventListener('scroll', debounce(() => { console.log('逻辑操作'); }));

节流(只取第一次)

应用场景:

function throttle(fn, delay = 200) {let timerreturn function () {if (timer) returntimer = setTimeout(() => {fn.apply(this, arguments)}, delay)}}

相关文章:

  • 多个线程多个锁:如何确保线程安全和避免竞争条件
  • Python pandas openpyxl excel合并单元格,设置边框,背景色
  • 在 Linux 系统上安装 Android NDK
  • 呼叫中心系统的国产化替代方案
  • 【Flutter】 TextField限制长度时, 第三方手写输入法、ios原始拼音输入法输入被吞问题
  • swift微调牧歌数据电商多模态大语言模型
  • 【Spring6】1-12章源码级深入详解 IoC
  • 网络安全(补充)
  • 外卖抢单神器
  • 重学java 66.IO流 转换流
  • Linux-笔记 设备树插件
  • 3072. 将元素分配到两个数组中 II Rust 线段树 + 离散化
  • GIGE 协议摘录 —— GVSP 协议(三)
  • Web前端ES6-ES13笔记合集(下)
  • 【ARFoundation自学05】人脸追踪(AR Face manager)实现
  • CSS魔法堂:Absolute Positioning就这个样
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • express如何解决request entity too large问题
  • Flex布局到底解决了什么问题
  • HTTP中的ETag在移动客户端的应用
  • iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码...
  • javascript面向对象之创建对象
  • Python打包系统简单入门
  • Python学习笔记 字符串拼接
  • RxJS: 简单入门
  • Windows Containers 大冒险: 容器网络
  • 百度小程序遇到的问题
  • 闭包--闭包之tab栏切换(四)
  • 产品三维模型在线预览
  • 大快搜索数据爬虫技术实例安装教学篇
  • 工程优化暨babel升级小记
  • 两列自适应布局方案整理
  • 聊聊sentinel的DegradeSlot
  • 小程序滚动组件,左边导航栏与右边内容联动效果实现
  • 学习使用ExpressJS 4.0中的新Router
  • 一个项目push到多个远程Git仓库
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • - 转 Ext2.0 form使用实例
  • 字符串匹配基础上
  • ### Cause: com.mysql.jdbc.exceptions.jdbc4.MySQLTr
  • #includecmath
  • (1综述)从零开始的嵌入式图像图像处理(PI+QT+OpenCV)实战演练
  • (机器学习-深度学习快速入门)第一章第一节:Python环境和数据分析
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转)fock函数详解
  • (转)GCC在C语言中内嵌汇编 asm __volatile__
  • (转)Mysql的优化设置
  • (转)总结使用Unity 3D优化游戏运行性能的经验
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .NET 常见的偏门问题
  • .NET/C# 使用 SpanT 为字符串处理提升性能
  • .net流程开发平台的一些难点(1)
  • [ vulhub漏洞复现篇 ] Django SQL注入漏洞复现 CVE-2021-35042
  • [2021ICPC济南 L] Strange Series (Bell 数 多项式exp)