关于javascript:防抖和节流的概念和实现

115次阅读

共计 371 个字符,预计需要花费 1 分钟才能阅读完成。

防抖(Debounce)和节流(Throttle)是咱们前端日常工作中罕用的两个性能优化性能,

节流:一段时间内只执行一次
防抖:一个或事件被间断的操作时,一段时间内只执行最初一次

// 这个事件当输出的内容只有有变动就会触发 — 触发频率特地高, 相似事件:窗口滚动 / 窗口大小扭转
// 像这种触发频率特地高的事件,通常在我的项目中,通常只须要最初一次触发的后果就好 — 这个时候 就须要应用 防抖
// 防抖原理:利用定时器,每次触发事件的时候还没有到定时器期待的工夫,如果此时下次事件又被触发了,就将定时器革除掉,上一次的执行还没开始,执行下一次的定时器了

防抖(Debounce)和节流(Throttle)是两种罕用的性能优化技术,用于管制事件触发频率,以缩小不必要的资源耗费。这两种技术在前端开发中常常用于解决频繁触发的事件,比方滚动事件、输入框输出事件等。

正文完
 0