? 个人主页：空白诗

文章目录

• • ? 引言
  • ❓ 什么是防抖和节流
  • ? 防抖(Debounce) – 锁定追击，精确无误
  • • ? 基础概念
    • ? 适用场景
    • ? 实战代码：防抖 应用于输入框的实时搜索
  • ? 节流(Throttle) – 技能冷却，战略部署
  • • ? 基础概念
    • ? 适用场景
    • ? 实战代码：节流 应用于点击按钮事件
  • ? 结语
  • ? 相关链接

? 引言

在前端开发的实践里，确保用户界面流畅且高效是至关重要的。面对诸如窗口滚动、输入监听等高频触发事件，防抖(Debounce) 和 节流(Throttle) 技术成为了优化性能、提升用户体验的关键策略。本篇学习笔记旨在通过直接的概念阐述、详尽的原理分析及实战代码示例（含注释），帮助你全面掌握这两种优化方法。?

❓ 什么是防抖和节流

「防抖」（Debounce）和「节流」（Throttle）是两种在软件开发中用来优化高性能需求环境下事件处理的技术，主要目的是限制函数的执行频率，