易笔记易笔记
首页
文章
分类
标签
首页
文章
分类
标签
AI 1Electron 1JS 2前端 1cesium 2PHP 1CSS 7ThreeJS 2Vue 4Windows 4Vue3 4
防抖(Debounce)与节流(Throttle)

在前端开发中,我们经常会遇到一些频繁触发的事件,如窗口的 resize、scroll,输入框的 input,鼠标的 mousemove 等。如果这些事件的处理函数执行频率过高,可能会导致页面卡顿、性能下降等问题。为了解决这些问题,我们可以使用两种常见的优化技术:防抖(Debounce)和节流(Throttle)。

什么是防抖(Debounce)

防抖是一种限制函数执行频率的技术,它确保函数在一段时间内只执行一次。当事件被触发时,函数并不会立即执行,而是等待一段时间,如果在这段时间内事件再次被触发,则重新计时。只有当事件停止触发一段时间后,函数才会真正执行。

分类: 前端标签: JS
日期: 2025/9/26