E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
debounce
带你深入了解防抖
Debounce
和节流Throttle
前言:防抖(
Debounce
)和节流(Throttle)是两种在前端开发中常用的优化技术,它们主要用于处理频繁触发的事件(如滚动、窗口调整大小、键盘输入等),以减少不必要的计算,从而提高性能和优化用户体验
全马必破三
·
2025-03-16 08:15
笔记
前端
javascript
vue3+elementuiplus的table表格动态高度
3、核心代码src/directives/resize.ts//import{
debounce
}from'@/utils';import{typeDirective}from"vue";constresizeDirective
多喜乐 长安宁
·
2025-03-15 03:19
vue
elementuiplus
vue.js
javascript
前端
React篇之three渲染
App.css'import*asTHREEfrom'three';import{GLTFLoader}from'three/addons/loaders/GLTFLoader.js';import{
debounce
这个一个非常哈
·
2025-03-14 17:57
react.js
前端
前端框架
tkinter防抖数字输入框
importtkinterastkimportlocalefromtkinterimportfontastkFontclass
Debounce
dNumericEntry(tk.Entry):def__init
三巧
·
2025-03-02 22:21
python
tkinter
前端开发岗模拟面试题套卷A答案及解析(一)技术面部分
前端开发岗模拟面试题套卷A答案及解析(一)技术面部分(一)技术面一、JavaScript核心技术(ES6+)1-1、实现防抖函数function
debounce
(fn,delay){lettimer=null
向贤
·
2025-02-26 09:28
前端开发
前端
数据库
javascript
面试
Vue 中的防抖和节流,如何实现?
Vue中的防抖与节流:原理、实现与最佳实践一、核心概念与区别1.防抖(
Debounce
)防抖的核心是延迟执行,当高频事件触发时,只有在事件停止触发后的指定时间间隔内不再有新事件,才会执行目标函数。
程序员黄同学
·
2025-02-21 15:31
前端开发
JavaScript
Java面试题
vue.js
前端
javascript
【如何实现 JavaScript 的防抖和节流?】
前言防抖(
Debounce
)和节流(Throttle)是JavaScript中优化高频事件处理的两种常用技术。它们可以有效减少事件处理函数的调用次数,提升性能并改善用户体验。
程序员远仔
·
2025-02-19 22:59
前端面试高频问题宝典
javascript
vue.js
前端框架
前端
html5
开发语言
前端实现防抖功能的详细解读
在前端开发中,防抖(
Debounce
)是一种优化技术,用于限制某个函数在短时间内被频繁调用的次数。它的核心思想是:在一定时间内,无论触发多少次事件,只执行最后一次操作。
黑码小帅
·
2025-02-19 21:55
前端知识总结
前端
vue.js
vue
javascript
ajax
easyui
bootstrap
vue中使用lodash的
debounce
(防抖函数)
1、安装npmi--savelodash.
debounce
2、引入import
debounce
from'lodash.
debounce
'3、使用第一种:handleInput:
debounce
(function
晚时之秋
·
2025-02-11 15:17
vue.js
前端
javascript
手写防抖、节流函数
scroll、keypress、mousemove等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能为了优化体验,需要对这类事件进行调用次数的限制,对此我们就可以采用防抖(
debounce
不点外卖
·
2025-02-02 21:39
前端
javascript
JavaScript中的防抖节流函数为什么要用call或apply去执行fn
防抖(
Debounce
)和节流(Throttle)是前端开发中常用的性能优化技术,它们可以限制函数的执行频率,有效地控制事件触发的次数。
EuForth
·
2025-02-02 20:06
javascript
开发语言
ecmascript
JavaScript
JS 中防抖函数的实现
const
debounce
=(fun,time)=>{lettimer;return(...args)=>{letcontext=thisif(timer){clearTimeout(timer)}timer
海威的技术博客
·
2025-02-02 03:39
javascript
前端
开发语言
Axios 封装:处理重复调用与内容覆盖问题
清空后查询全量数据接口响应时间更长,覆盖搜索过滤后的数据问题分析连续多次请求导致问题通过防抖
debounce
函数,限制短期内无法重复调用接口-使用lodash的
debounce
函数实现若接口响应时间相差较大
PorkCanteen
·
2025-01-21 12:25
问题解决
前端
javascript
http
JavaScript防抖与节流的运用
防抖(
Debounce
)概念:防抖是指在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。
Enti7c
·
2025-01-16 15:47
javascript
开发语言
ecmascript
补充元象二面
防抖(
Debounce
)和节流(Throttle)是两种常用的前端性能优化技术,它们的主要区别在于如何处理高频事件的触发。
Redstone Monstrosity
·
2024-09-16 05:46
前端
面试
JavaScript 基础 - 第15天
天深浅拷贝浅拷贝深拷贝通过JSON序列化实现js库lodash实现深拷贝通过递归实现深拷贝异常处理throwtry...catchdebugger处理this改变thiscallapplybindthis指向性能优化防抖(
debounce
+码农快讯+
·
2024-09-15 07:29
JavaScript学习笔记
javascript
前端
开发语言
刷刷前端手写题
常用场景:输入框输入代码实现1、lodash的
debounce
函数2、当用户点击按钮时,
debounce
包装的getBtnValue函数会延迟3000毫秒执行。
・T・T・
·
2024-09-14 14:32
面试
前端
javascript
面试
使用vue3+ts封装一个自动补全输入框Autocomplete组件
组件接收placeholder、
debounce
和clearable作为props,并根据这些props来渲染输入框和下拉菜单{{item}}import{defineComponent,ref,watch
温暖前端
·
2024-09-07 00:22
javascript
前端
vue.js
大屏自适应解决方案(手写js)
/autoScale.js'autoScale('#app',{width:1920,height:1080})autoScale.jsfunction
debounce
(fn,delay){lettime
Abao
·
2024-09-02 23:55
javascript
前端
html
JavaScript-防抖和节流
防抖(
debounce
):如果一个函数持续地触发,那么只在它停止触发的一段时间后才执行,如果在这段时间内又开始持续触发,则重新计算时间。
好哈优学编程
·
2024-09-01 01:41
javascript
开发语言
JavaScript防抖函数
下面是一个简单的实现示例:function
debounce
(func,delay){lettimeoutId;returnfunction(){clearTimeout(timeoutId);timeoutId
喂!大掌柜
·
2024-08-30 11:33
javascript
开发语言
ecmascript
深入理解防抖(
Debounce
):提升网页性能的关键技术
深入理解防抖(
Debounce
):提升网页性能的关键技术什么是防抖?防抖(
Debounce
)是一种重要的前端技术,用于控制函数的执行频率。
正小安
·
2024-08-27 05:27
前端
前端
防抖和节流 简介
简介:防抖(
Debounce
):防抖是指在一段时间内多次触发同一个函数时,只执行最后一次触发的函数。应用场景包括输入框搜索、滚动加载等需要控制频率的操作。
crary,记忆
·
2024-02-20 14:01
前端知识总结
javascript
开发语言
ecmascript
前端
Angular + rxjs 实现 某个方法防抖
场景:监听输入变化从而触发搜索方法或某个方法的搜索框、输入框等//引入rxjs等包import{Subject}from'rxjs';import{distinctUntilChanged,
debounce
Time
clearlove_lwc
·
2024-02-20 14:59
Angular
angular.js
前端
Angular中如何实现防抖和节流
使用RxJS操作符实现防抖和节流:防抖(
Debounce
)://简易版import{
debounce
Time}from'rxjs/operators';input.valueChanges.pipe(
debounce
Time
crary,记忆
·
2024-02-20 14:29
前端知识总结
angular.js
javascript
前端
angular
JS进阶——深浅拷贝、异常处理、this指向、防抖节流
这里写自定义目录标题深浅拷贝浅拷贝深拷贝异常处理throw抛异常try/catch捕获异常debugger处理thisthis指向改变this改变this指向方法的区别性能优化防抖
debounce
节流throttle
Sakura_0413
·
2024-02-20 11:41
javascript
前端
开发语言
【React】使用lodash的
debounce
未生效
react中直接使用lodash的
debounce
函数,发现并未生效,1秒内多次触发,控制台仍有多次打印,这是因为
debounce
Search函数被重新定义了,需要使用useCallback来包装函数。
田本初
·
2024-02-20 07:47
React
react.js
javascript
前端
【微信小程序开发】小程序版的防抖节流应该怎么写
OK,言归正传,直接上代码:一、防抖函数(TS版)及其使用案例1、文件:pages/utils/index.ts/***防抖函数
debounce
**@paramfn要防抖的函数*@paramwait
黑子Kuroko
·
2024-02-14 21:36
typescript
微信小程序开发
WeApp
/
weixin
js
小程序
微信小程序
前端
javascript
typescript
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]
Debounce
Throttle
woow_wu7
·
2024-02-10 23:25
debounce
function
debounce
(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
Vue框架
小程序端
vue.js
javascript
ecmascript
JavaScript中的防抖和节流
防抖(
debounce
)触发高频事件后n秒内函数只执行一次如果n秒内高频事件再次触发,则重新计算事件防抖场景:1.登录、发短信等按钮避免用户点击太快,以至于发送多次请求,需要防抖2.调整浏览器窗口大小时
有思想的小胡子
·
2024-02-07 20:41
js
javascript
前端
开发语言
JavaScript高级:防抖和节流
1防抖(
debounce
)单位时间内,频繁触发事件,只执行最后一次【例子】王者荣耀英雄回城,只要被打断就要重新来【应用场景】1.搜索框搜索输入。
是小蟹呀^
·
2024-02-07 20:38
JavaScript
javascript
什么是防抖和节流?如何实现防抖和节流?
防抖类似于王者荣耀回城6秒,如果回城中被打断,再次回城需要再等6秒实现代码function
debounce
(fn,delay){vartimer=null;returnfunction(){if(timer
前端小菜鸟也有人起
·
2024-02-07 16:58
vue.js
前端
javascript
使用lodash防抖节流
_王者荣耀防抖节流-CSDN博客_.
debounce
(func,[wait=0
前端小菜鸟也有人起
·
2024-02-07 16:28
前端
react.js
javascript
前端框架
Vue项目中使用防抖和节流
原文鏈接:https://juejin.cn/post/7006257717820162056一、防抖(
debounce
)1.触发高频事件后n秒内函数只会执行一次,如果在n秒内高频事件再次被触发,则重新计算时间
清风拂山感
·
2024-02-06 06:07
vue.js
前端
javascript
[深入02] 原型链
原型链[深入03]继承[深入04]事件循环[深入05]柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制(http缓存机制)[深入08]前端安全[深入09]深浅拷贝[深入10]
Debounce
Throttle
woow_wu7
·
2024-02-06 04:58
什么是防抖和节流?有什么区别?如何实现?
防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用方法function
debounce
(fn){lettimeout=null
皇甫贝
·
2024-02-04 20:07
vue大屏放大缩小适配方案之scale,直接用超简单
效果图:全屏情况:vue2组件代码如下:1.适应长度宽度,不留白,(本demo是第一种,不留白)import
debounce
from'lodash.
debounce
'exportdefault{components
匆叔
·
2024-02-04 00:05
javascript
前端
开发语言
vue.js
vue3中如何使用防抖和节流
1.封装在src/utils文件夹中新建文件handle
Debounce
.js,用于封装防抖和节流//防抖exportfunction
debounce
(fn,delay=200){//fn是需要防抖的函数
℘团子এ
·
2024-02-03 20:45
vue3
vue.js
javascript
前端
防抖和节流?有什么区别?如何实现?
scroll、keypress、mousemove等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能为了优化体验,需要对这类事件进行调用次数的限制,对此我们就可以采用防抖(
debounce
光影少年
·
2024-02-03 12:11
前端
javascript
JS进阶10 -- 防抖和节流
JS进阶10--防抖和节流JS进阶10--防抖和节流防抖防抖的适用场景手写防抖需求核心实现步骤lodash的
debounce
方法参数返回手写
debounce
函数需求核心步骤节流节流的适用场景手写节流lodash
前端小白进阶之旅
·
2024-02-02 07:14
JS进阶
javascript
ecmascript
前端
android--RXJava详细使用篇
Observable通过create操作符来创建3.2.2通过from发送事件3.2.3通过just发送事件3.3事件消费3.4Scheduler线程控制3.5map操作符3.6flatMap操作符3.7
debounce
袁震
·
2024-01-31 16:19
android
三方框架
android
rxjava
什么是防抖和节流?有什么区别?如何实现?
scroll、keypress、mousemove等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能为了优化体验,需要对这类事件进行调用次数的限制,对此我们就可以采用防抖(
debounce
章IT
·
2024-01-31 12:02
vue.js
前端
javascript
前端框架
es6
jquery
小程序
[深入19] 手写Promise
原型链[深入03]继承[深入04]事件循环[深入05]柯里化偏函数函数记忆[深入06]隐式转换和运算符[深入07]浏览器缓存机制(http缓存机制)[深入08]前端安全[深入09]深浅拷贝[深入10]
Debounce
Throttle
woow_wu7
·
2024-01-30 09:09
项目中常用的lodash库方法
常用的方法:groupBysortByorderByuniqcloneDeepceil、round、floorminBy、maxBygetforEachonceisNumberunionBychunk
debounce
throttlehasIn
大莲芒
·
2024-01-29 15:39
前端
项目中常用的ahoos
useUnmountuseRequestuseBooleanuseInfiniteScrolluseLocalStorageStateuseInViewportuseUpdateEffectuseLayoutEffectuseMapuseThrottleFnuse
Debounce
Fn
大莲芒
·
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
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他