1、概念：
节流（英文 throttle），近义词：节制、阻塞，词汇：节流阀、油门等，在JS中的释义：当频繁触发同一事件时，规定时间内只成功执行一次，即保证在连续时间段内无论触发多少次同一事件而每隔规定时间都只执行一次。
防抖（英文 debounce），近义词：防抖动、防反跳，在JS中释义：当频繁触发同一事件时，在每次事件触发后的规定时间内再没有触发该事件，则成功执行本次事件，即保证两次事件触发间隔超过规定时间时才执行一次。
2、使用目的：
节流与防抖都是为了限制函数的执行频次，以优化因高频操作导致的响应速度跟不上触发频率，出现延迟，假死或卡顿等现象的发生。
即主要作用于性能优化，用户体验优化等。
3、使用场景：
A、点击按钮进行提交操作，频繁点击
B、监听浏览器滚动条，频繁滚动
C、搜索框输入内容后立即搜索，频繁请求数据
实现代码及使用案例：
4、其他参考、拓展、延伸：
现代JavaScript教程（调度、模块、Promise，async/await）
深入理解定时器（两篇）
1、概念： 节流（英文 throttle），近义词：节制、阻塞，词汇：节流阀、油门等，在JS中的释义：当频繁触发同...
1、函数防抖和函数节流 【《javascript高级程序设计》里，函数节流是这里讲的函数防抖。】函数防抖： 在事件...
防抖（debounce）和节流（throttle）是在JS中处理高频事件时所作的一些优化操作，从而减轻浏览器负担，...
函数节流与函数防抖的区别JS魔法堂：函数节流（throttle）与函数去抖（debounce）函数的防抖与节流 自...
函数防抖和节流 函数防抖和函数节流：是优化高频率执行的JavaScript代码的一种手段。常用于JavaScrip...
函数防抖和函数节流 函数防抖和函数节流：是优化高频率执行的JavaScript代码的一种手段。常用于JavaScr...
背景 我们在开发的过程中会经常使用如scroll、resize、touchmove等事件，如果正常绑定事件处理函数...
在项目中有一个需求，侧边栏回到顶部的组件由原来的 页面滚动到一定距离后持续显示 改为 当页面滚动时不显示，页面停止...
函数防抖 函数防抖（debounce）：你尽管触发事件，但是我一定在事件触发 n 秒后才执行，如果你在一个事件触发...
一、函数防抖 debounce 1、概念 其概念衍生自机械开关和继电器的去弹跳；可以这么理解，一个弹簧片，你一直向...
本文标题：分享JavaScript节流与防抖
本文链接：https://www.haomeiwen.com/subject/jswtnktx.html
网友评论