- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端真相
防抖动（Debouncing）和节流阀（Throttling）
https://jinlong.github.io/2016/04/24/Debouncing-and-Throttling-Explained-Through-Examples/ /**
64610发布于 2019-02-21 - 来自专栏Swift社区
Swift 并发中的任务让步（Yielding）和防抖（Debouncing）
前言本篇文章的主题是 任务让步（Task Yielding） 和 防抖（Debouncing）。Swift 并发为我们提供了两个简单但非常强大的函数：yield 和 sleep。 什么是任务防抖（Debouncing）？想象一下，你正在开发一个搜索功能，用户每输入一个字符，程序就会去一个庞大的数据集里查找匹配的结果。 为了解决这个问题，我们可以用 防抖（Debouncing） 技术。 如何用 sleep 实现防抖？防抖的思路很简单： 用户输入时，我们 等待一小段时间，看看用户是否继续输入。 总结防抖（Debouncing） 适用于 用户频繁输入的场景，如搜索框、按钮点击等。 通过 Task.sleep(for:) 实现，等输入稳定后再执行任务。 避免频繁创建任务，提高性能。
49200编辑于 2025-03-18 - 来自专栏前端达人
在 Vue 中使用lodash对事件进行防抖和节流
如果在面试中讨论构建应用程序，出现滚动、窗口大小调整或按下键等事件请务必提及 防抖(Debouncing) 和 函数节流（Throttling）来提升页面速度和性能。 console.log('触发了滚动事件'), 1000) document.addEventListener('scroll', better_scroll) 在 Vue 里使用 lodash 中的 Debouncing }, 2000) } } </script> debouncing 方法 尽管节流在某些情况下很有用，但一般情况我们经常使用的是防抖。防抖实质上将我们的事件分组在一起，并防止它们被频繁触发。 }, 2000) } } </script> ---- 参考: Throttling and Debouncing in JavaScript The Difference Between Throttling and Debouncing Examples of Throttling and Debouncing Remy Sharp’s blog post on Throttling function calls
2.6K20发布于 2020-03-04 - 来自专栏终身学习者
常见的三个 JS 面试题
如果在面试中讨论构建应用程序，出现滚动、窗口大小调整或按下键等事件请务必提及 防抖(Debouncing) 和 函数节流（Throttling）来提升页面速度和性能。 参考: Throttling and Debouncing in JavaScript The Difference Between Throttling and Debouncing Examples of Throttling and Debouncing Remy Sharp’s blog post on Throttling function calls 前端性能优化原理与实践
1.7K20发布于 2019-09-27 - 来自专栏FPGA开源工作室
VHDL快速语法入门
Behavioral; 2 样例 按键消抖 设计文件： library ieee; use ieee.std_logic_1164.all; use IEEE.NUMERIC_STD.ALL; entity debouncing std_logic; u: in std_logic; delay : in std_logic_vector(N-1 downto 0); y: out std_logic); end debouncing ; architecture arch of debouncing is type state_type is (zero, wait0, wait1, one); signal state, state_n is end debouncing_tb; architecture tb of debouncing_tb is constant N: integer := 8; signal std_logic; -- Clock period definitions constant Ts : time := 10 ns; begin db0 : entity work.debouncing
1K10编辑于 2024-03-11 - 来自专栏终身学习者
Javascript 面试中经常被问到的三个问题！
如果在面试中讨论构建应用程序，出现滚动、窗口大小调整或按下键等事件请务必提及 防抖(Debouncing) 和 函数节流（Throttling）来提升页面速度和性能。 console.log('触发了滚动事件'), 1000) document.addEventListener('scroll', better_scroll) 参考: Throttling and Debouncing in JavaScript The Difference Between Throttling and Debouncing Examples of Throttling and Debouncing
1.3K20发布于 2019-03-15 - 来自专栏编程微刊
2020前端技术栈
十、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控
1.3K01发布于 2020-11-26 - 来自专栏前端黑板报
throttle与debounce的区别
the-difference-between-throttle-and-debounce-in-underscorejs https://css-tricks.com/the-difference-between-throttling-and-debouncing / http://stackoverflow.com/questions/25991367/difference-between-throttling-and-debouncing-a-function
2.3K50发布于 2018-01-29 - 来自专栏全栈程序员必看
函数去抖（debounce）& 函数节流（throttle）总结
. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/ jQuery(window).on('resize', _.debounce(calculateLayout, 150)); * * // Invoke `sendMail` when clicked, debouncing similar to `setTimeout` with a timeout of `0`. * * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples
5.3K20编辑于 2022-09-06 - 来自专栏WebJ2EE
JS：debounce、throttle
参考： https://css-tricks.com/debouncing-throttling-explained-examples/ https://johnresig.com/blog/learning-from-twitter
1.4K20发布于 2019-07-19 - 来自专栏全栈前端精选
「中高级前端面试」JavaScript手写代码无敌秘籍
JSON.stringify 实现一个JSON.parse 实现一个call或 apply 实现一个Function.bind 实现一个继承 实现一个JS函数柯里化 手写一个Promise(中高级必考) 手写防抖(Debouncing 手写防抖( Debouncing)和节流( Throttling) scroll 事件本身会触发页面的重新渲染，同时 scroll 事件的 handler 又会被高频度的触发, 因此事件的 handler 9.1 防抖( Debouncing)实现 典型例子：限制 鼠标连击 触发。
1K21发布于 2019-09-29 - 来自专栏前端词典
无敌秘籍之 — JavaScript手写代码
JSON.stringify 实现一个JSON.parse 实现一个call或 apply 实现一个Function.bind 实现一个继承 实现一个JS函数柯里化 手写一个Promise(中高级必考) 手写防抖(Debouncing 手写防抖( Debouncing)和节流( Throttling) scroll 事件本身会触发页面的重新渲染，同时 scroll 事件的 handler 又会被高频度的触发, 因此事件的 handler 9.1 防抖( Debouncing)实现 典型例子：限制 鼠标连击 触发。
54320发布于 2019-07-15 - 来自专栏Coco的专栏
【前端性能】高性能滚动 scroll 及页面渲染优化
防抖（Debouncing）和节流（Throttling） scroll 事件本身会触发页面的重新渲染，同时 scroll 事件的 handler 又会被高频度的触发, 因此事件的 handler 内部不应该有复杂操作 防抖（Debouncing） 防抖技术即是可以把多个顺序地调用合并成一次，也就是在一定时间内，规定事件被触发的次数。 其他参考文献（都是好文章，值得一读）： 实例解析防抖动（Debouncing）和节流阀（Throttling） 无线性能优化：Composite Javascript高性能动画与页面渲染 Google
2.4K70发布于 2018-05-28 - 来自专栏landv
[OHIF-Viewers]医疗数字阅片-医学影像-Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。_.throttle(func, [wait=0], [option
jQuery(window).on('popstate', throttled.cancel); 实例解析防抖动（Debouncing）和节流阀（Throttling） 原文：Debouncing and
3.1K20发布于 2020-07-14 - 来自专栏gojam技术备忘录
临时拼凑的知识点**想想面试还会有啥
Programming 面向切面的程序设计 AOP即不修改源代码增加功能，通过预编译和动态代理实现 DI 依赖注入，实现IoC控制反转 和结构层次化、接口有关 就是定义下层接口，通常用于插件 “防抖”（Debouncing
65130发布于 2019-06-17 - 来自专栏前端下午茶
JS throttle与debounce的区别
甚至有些前后矛盾，在下的文章都是学习过程中的总结，如果发现错误，欢迎留言指出~ 参考： lodash 图解 debounce 与 throttle 的区别 debounce与throttle区别 Debouncing
3.2K30发布于 2018-10-22 - 来自专栏web全栈工程师的取经之路
移动端滚动研究
下面介绍如何去优化scroll事件的触发，避免scroll事件过度消耗资源： 防抖（Debouncing）和节流（Throttling） scroll 事件本身会触发页面的重新渲染，同时 scroll 防抖（Debouncing） 防抖技术即是可以把多个顺序地调用合并成一次，也就是在一定时间内，规定事件被触发的次数。
3.9K20发布于 2019-08-02 - 来自专栏随便写写-kifuan
JS防抖与节流
参考 Debouncing and Throttling in JavaScript
1.2K10编辑于 2022-10-24 - 来自专栏技术分享交流
JavaScript专项算法题（4）：异步
有关防抖函数的例子：请查看这个链接 https://css-tricks.com/debouncing-throttling-explained-examples/ 题解： / CHALLENGE 10
50420编辑于 2023-02-14 - 来自专栏前端达人
掌握JavaScript的异步编程，让你的代码更高效
防抖（Debouncing）和节流（Throttling）是两种常用的优化技术，可以有效减少不必要的网络请求或高频率操作。下面我们来看具体的实现方法。 防抖（Debouncing） 防抖技术会在用户停止输入后的指定时间内执行回调函数，如果在时间内再次输入，则重新计时。适用于减少频繁的用户输入处理，比如搜索框。 防抖（Debouncing）实战：在搜索框中应用防抖技术，避免用户每次输入都发送网络请求，只在用户停止输入后的指定时间内发送一次请求。
98610编辑于 2024-11-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号