写点什么

防抖

0 人感兴趣 · 7 次引用

  • 最新
  • 推荐

前端性能优化常问面试题 - 防抖节流

用户头像
肥晨
2022-11-02

定义:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。

https://static001.geekbang.org/infoq/fe/fe1759c08250633d3f2b71a539be95f3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

防抖 & 节流

用户头像
达摩
2021-11-03

防抖、节流

https://static001.geekbang.org/infoq/a8/a8f35fb80e172f6ccc0064784182d936.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

细说节流(Throttle)和防抖(Debounce)

用户头像
devpoint
2021-07-24

节流(Throttle)和防抖(Debounce)对于前端开发人员来说应该是十分熟悉的,节流(Throttle)和防抖(Debounce)是两种可以节省性能的编程技术,两者的目的都是为了优化性能,提高用户体验,都是基于 DOM 事件限制正在执行的 JavaScript 数量的方法。但两者

https://static001.geekbang.org/infoq/d3/d382bc805e060543bd660a64c8ab349e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端 JavaScript 之『防抖』的简单代码实现

用户头像
编程三昧
2021-06-17

在加入防抖代码之后,input 事件并不会每次输入都会输出在多行文本,而是会在用户停止输入 delay 时间之后触发输出,频率确实低了很多。

https://static001.geekbang.org/infoq/5b/5bbb5020c468b4425da7e7262e2ff6d7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 Composition API 在 Vue3 中创建防抖搜索输入框

用户头像
devpoint
2021-04-10

随着Vue3中Composition API的引入,有了编写响应式逻辑的新方法,即ref和reactive方法。在本文中,将展示如何创建一个防抖的ref,该ref将在指定的延迟后才更新值。例如,有一个带有自动完成功能的搜索框,在该字段中搜索查询状态更改后发起API请求,那么防抖

https://static001.geekbang.org/infoq/69/695f3b9b749d87b7feab2d515f71e9a4.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

浅聊函数防抖与节流

用户头像
程序员海军
2021-04-05

所谓防抖,就是指触发事件后 n 秒后才执行函数,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。

https://static001.geekbang.org/infoq/51/513dbae63b9d2f08fc5c2de97c100a78.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

优雅编程 | Javascript 闭包的 4 种高级用法

用户头像
devpoint
2021-03-12

函数修饰器是一个高阶函数,它将一个函数作为参数并返回另一个函数,并且返回的函数是参数函数的变体。

防抖_防抖技术文章_InfoQ写作社区