debounce

带你深入了解防抖Debounce和节流Throttle

前言：防抖（Debounce）和节流（Throttle）是两种在前端开发中常用的优化技术，它们主要用于处理频繁触发的事件（如滚动、窗口调整大小、键盘输入等），以减少不必要的计算，从而提高性能和优化用户体验
全马必破三·2025-03-16 08:15

vue3+elementuiplus的table表格动态高度

3、核心代码src/directives/resize.ts//import{debounce}from'@/utils';import{typeDirective}from"vue";constresizeDirective
多喜乐 长安宁·2025-03-15 03:19

React篇之three渲染

App.css'import*asTHREEfrom'three';import{GLTFLoader}from'three/addons/loaders/GLTFLoader.js';import{debounce
这个一个非常哈·2025-03-14 17:57

tkinter防抖数字输入框

importtkinterastkimportlocalefromtkinterimportfontastkFontclassDebouncedNumericEntry(tk.Entry):def__init
三巧·2025-03-02 22:21

前端开发岗模拟面试题套卷A答案及解析（一）技术面部分

前端开发岗模拟面试题套卷A答案及解析（一）技术面部分（一）技术面一、JavaScript核心技术（ES6+）1-1、实现防抖函数functiondebounce(fn,delay){lettimer=null
向贤·2025-02-26 09:28

Vue 中的防抖和节流，如何实现？

Vue中的防抖与节流：原理、实现与最佳实践一、核心概念与区别1.防抖（Debounce）防抖的核心是延迟执行，当高频事件触发时，只有在事件停止触发后的指定时间间隔内不再有新事件，才会执行目标函数。
程序员黄同学·2025-02-21 15:31

【如何实现 JavaScript 的防抖和节流？】

前言防抖（Debounce）和节流（Throttle）是JavaScript中优化高频事件处理的两种常用技术。它们可以有效减少事件处理函数的调用次数，提升性能并改善用户体验。
程序员远仔·2025-02-19 22:59

前端实现防抖功能的详细解读

在前端开发中，防抖（Debounce）是一种优化技术，用于限制某个函数在短时间内被频繁调用的次数。它的核心思想是：在一定时间内，无论触发多少次事件，只执行最后一次操作。
黑码小帅·2025-02-19 21:55

vue中使用lodash的debounce(防抖函数)

1、安装npmi--savelodash.debounce2、引入importdebouncefrom'lodash.debounce'3、使用第一种：handleInput:debounce(function
晚时之秋·2025-02-11 15:17

手写防抖、节流函数

scroll、keypress、mousemove等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖（debounce
不点外卖·2025-02-02 21:39

JavaScript中的防抖节流函数为什么要用call或apply去执行fn

防抖（Debounce）和节流（Throttle）是前端开发中常用的性能优化技术，它们可以限制函数的执行频率，有效地控制事件触发的次数。
EuForth·2025-02-02 20:06

JS 中防抖函数的实现

constdebounce=(fun,time)=>{lettimer;return(...args)=>{letcontext=thisif(timer){clearTimeout(timer)}timer
海威的技术博客·2025-02-02 03:39

Axios 封装：处理重复调用与内容覆盖问题

清空后查询全量数据接口响应时间更长，覆盖搜索过滤后的数据问题分析连续多次请求导致问题通过防抖debounce函数，限制短期内无法重复调用接口-使用lodash的debounce函数实现若接口响应时间相差较大
PorkCanteen·2025-01-21 12:25

JavaScript防抖与节流的运用

防抖（Debounce）概念：防抖是指在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。
Enti7c·2025-01-16 15:47

补充元象二面

防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。
Redstone Monstrosity·2024-09-16 05:46

JavaScript 基础 - 第15天

天深浅拷贝浅拷贝深拷贝通过JSON序列化实现js库lodash实现深拷贝通过递归实现深拷贝异常处理throwtry...catchdebugger处理this改变thiscallapplybindthis指向性能优化防抖（debounce
+码农快讯+·2024-09-15 07:29

刷刷前端手写题

常用场景：输入框输入代码实现1、lodash的debounce函数2、当用户点击按钮时，debounce包装的getBtnValue函数会延迟3000毫秒执行。
・T・T・·2024-09-14 14:32

使用vue3+ts封装一个自动补全输入框Autocomplete组件

组件接收placeholder、debounce和clearable作为props，并根据这些props来渲染输入框和下拉菜单{{item}}import{defineComponent,ref,watch
温暖前端·2024-09-07 00:22

大屏自适应解决方案（手写js）

/autoScale.js'autoScale('#app',{width:1920,height:1080})autoScale.jsfunctiondebounce(fn,delay){lettime
Abao·2024-09-02 23:55

JavaScript-防抖和节流

防抖(debounce)：如果一个函数持续地触发，那么只在它停止触发的一段时间后才执行，如果在这段时间内又开始持续触发，则重新计算时间。
好哈优学编程·2024-09-01 01:41

JavaScript防抖函数

下面是一个简单的实现示例：functiondebounce(func,delay){lettimeoutId;returnfunction(){clearTimeout(timeoutId);timeoutId
喂！大掌柜·2024-08-30 11:33

深入理解防抖（Debounce）：提升网页性能的关键技术

深入理解防抖（Debounce）：提升网页性能的关键技术什么是防抖？防抖（Debounce）是一种重要的前端技术，用于控制函数的执行频率。
正小安·2024-08-27 05:27

防抖和节流 简介

简介：防抖（Debounce）：防抖是指在一段时间内多次触发同一个函数时，只执行最后一次触发的函数。应用场景包括输入框搜索、滚动加载等需要控制频率的操作。
crary,记忆·2024-02-20 14:01

Angular + rxjs 实现 某个方法防抖

场景：监听输入变化从而触发搜索方法或某个方法的搜索框、输入框等//引入rxjs等包import{Subject}from'rxjs';import{distinctUntilChanged,debounceTime
clearlove_lwc·2024-02-20 14:59

Angular中如何实现防抖和节流

使用RxJS操作符实现防抖和节流：防抖（Debounce）：//简易版import{debounceTime}from'rxjs/operators';input.valueChanges.pipe(debounceTime
crary,记忆·2024-02-20 14:29

JS进阶——深浅拷贝、异常处理、this指向、防抖节流

这里写自定义目录标题深浅拷贝浅拷贝深拷贝异常处理throw抛异常try/catch捕获异常debugger处理thisthis指向改变this改变this指向方法的区别性能优化防抖debounce节流throttle
Sakura_0413·2024-02-20 11:41

【React】使用lodash的debounce未生效

react中直接使用lodash的debounce函数，发现并未生效，1秒内多次触发，控制台仍有多次打印，这是因为debounceSearch函数被重新定义了，需要使用useCallback来包装函数。
田本初·2024-02-20 07:47

【微信小程序开发】小程序版的防抖节流应该怎么写

OK，言归正传，直接上代码：一、防抖函数（TS版）及其使用案例1、文件：pages/utils/index.ts/***防抖函数debounce**@paramfn要防抖的函数*@paramwait
黑子Kuroko·2024-02-14 21:36

JS笔试题

JavaScript笔试部分实现防抖函数(debounce)防抖函数原理:在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。那么与节流函数的区别直接看这个动画实现即可。
ERIC_s·2024-02-13 17:30

防抖And节流

1.防抖(debounce)防抖的原理就是：你尽管触发事件，但是我一定在事件触发n秒后才执行，如果你在一个事件触发的n秒内又触发了这个事件，那我就以新的事件的时间为准，n秒后才执行，总之，就是要等你触发完事件
有一种感动叫做丶只有你懂·2024-02-12 00:47

[vue源码01] data响应式 和 初始化渲染

原型链[深入03]继承[深入04]事件循环[深入05]柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制（http缓存机制）[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle
woow_wu7·2024-02-10 23:25

debounce

functiondebounce(func,wait,immediate){vartimeout,args,context,timestamp,result;varlater=function(){varlast
孙雪冬·2024-02-10 02:13

vue中watch和computed的使用案例:

//当searchText发生改变,调用handler函数(名称固定)//handler(value){//this.getSearchSuggestionsList(value)//},/*优化防抖debounce
Sun Peng·2024-02-08 12:50

JavaScript中的防抖和节流

防抖(debounce)触发高频事件后n秒内函数只执行一次如果n秒内高频事件再次触发，则重新计算事件防抖场景：1.登录、发短信等按钮避免用户点击太快，以至于发送多次请求，需要防抖2.调整浏览器窗口大小时
有思想的小胡子·2024-02-07 20:41

JavaScript高级：防抖和节流

1防抖（debounce）单位时间内，频繁触发事件，只执行最后一次【例子】王者荣耀英雄回城，只要被打断就要重新来【应用场景】1.搜索框搜索输入。
是小蟹呀^·2024-02-07 20:38

什么是防抖和节流？如何实现防抖和节流？

防抖类似于王者荣耀回城6秒，如果回城中被打断，再次回城需要再等6秒实现代码functiondebounce(fn,delay){vartimer=null;returnfunction(){if(timer
前端小菜鸟也有人起·2024-02-07 16:58

使用lodash防抖节流

_王者荣耀防抖节流-CSDN博客_.debounce(func,[wait=0
前端小菜鸟也有人起·2024-02-07 16:28

Vue项目中使用防抖和节流

原文鏈接：https://juejin.cn/post/7006257717820162056一、防抖（debounce）1.触发高频事件后n秒内函数只会执行一次，如果在n秒内高频事件再次被触发，则重新计算时间
清风拂山感·2024-02-06 06:07

[深入02] 原型链

原型链[深入03]继承[深入04]事件循环[深入05]柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制（http缓存机制）[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle
woow_wu7·2024-02-06 04:58

什么是防抖和节流？有什么区别？如何实现？

防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法functiondebounce(fn){lettimeout=null
皇甫贝·2024-02-04 20:07

vue大屏放大缩小适配方案之scale，直接用超简单

效果图：全屏情况：vue2组件代码如下：1.适应长度宽度，不留白，（本demo是第一种，不留白）importdebouncefrom'lodash.debounce'exportdefault{components
匆叔·2024-02-04 00:05

vue3中如何使用防抖和节流

1.封装在src/utils文件夹中新建文件handleDebounce.js，用于封装防抖和节流//防抖exportfunctiondebounce(fn,delay=200){//fn是需要防抖的函数
℘团子এ·2024-02-03 20:45

防抖和节流？有什么区别？如何实现？

scroll、keypress、mousemove等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖（debounce
光影少年·2024-02-03 12:11

JS进阶10 -- 防抖和节流

JS进阶10--防抖和节流JS进阶10--防抖和节流防抖防抖的适用场景手写防抖需求核心实现步骤lodash的debounce方法参数返回手写debounce函数需求核心步骤节流节流的适用场景手写节流lodash
前端小白进阶之旅·2024-02-02 07:14

android--RXJava详细使用篇

Observable通过create操作符来创建3.2.2通过from发送事件3.2.3通过just发送事件3.3事件消费3.4Scheduler线程控制3.5map操作符3.6flatMap操作符3.7debounce
袁震·2024-01-31 16:19

什么是防抖和节流？有什么区别？如何实现？

scroll、keypress、mousemove等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用防抖（debounce
章IT·2024-01-31 12:02

[深入19] 手写Promise

原型链[深入03]继承[深入04]事件循环[深入05]柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制（http缓存机制）[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle
woow_wu7·2024-01-30 09:09

项目中常用的lodash库方法

常用的方法：groupBysortByorderByuniqcloneDeepceil、round、floorminBy、maxBygetforEachonceisNumberunionBychunkdebouncethrottlehasIn
大莲芒·2024-01-29 15:39

项目中常用的ahoos

useUnmountuseRequestuseBooleanuseInfiniteScrolluseLocalStorageStateuseInViewportuseUpdateEffectuseLayoutEffectuseMapuseThrottleFnuseDebounceFn
大莲芒·2024-01-29 15:39

函数防抖（debounce）和函数节流（throttle）

防抖（debounce）如果下达该命令后，在t毫秒内再次下达该命令，只执行新命令最终效果：对于连续动作（动作间的时间间隔小于t），以最后一次为准实现方法：对于一个事件，每次都销毁一个计时器并创建一个计时器
MrTon_1965·2024-01-28 15:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他