debounce

补充元象二面

防抖（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

echarts 尺寸自动调节 resize.js

/***@param{Function}func*@param{number}wait*@param{boolean}immediate*@return{*}*/exportfunctiondebounce
你的美，让我痴迷·2024-01-27 08:22

Vue2配置在methods中的方法属性丢失

实现实现原理为防抖加取消：//debounce.jsexportfunctiondebounce(func,duration=1000){lettimerId;function_executor(...
七冬与小糖·2024-01-27 01:07

节流和防抖的区别，以及如何实现

秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟//防抖debounce
LenHong·2024-01-26 18:48

[Combine 开发] Controlling timing 时间控制

Combine框架里，关于时间控制大致有debounce、delay、measureInterval、throttle、timeout下面我们分别介绍他们的区别和使用方法值的我们注意的是Combine中的
文件夹_IOS·2024-01-26 16:44

节流和防抖

防抖（debounce）：n秒内函数只会执行一次，如果n秒内高频时间再次被触发，则重新计算时间。
Piscoo·2024-01-25 21:58

重学JavaScript高级（十四）： 手写工具函数（防抖-节流-深浅拷贝-时间总线）

手写工具函数（防抖-节流-深浅拷贝-时间总线）认识防抖debounce函数通常事件触发之后，会立即执行相对应的函数，而防抖就是，事件触发之后，过一段时间才会触发相应的函数事件不断的触发，执行函数会无限制的延后当事件频繁触发的时候
前端大菜鸟_·2024-01-25 13:04

防抖（debounce）

防抖:单位时间内，频繁触发事件，只执行最后一次所谓防抖，就是指触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间现在有一个小栗子：鼠标在box中移动的时候，触发mouseMove事件，如果不防抖的话，每移动1像素就会调用mouseMove()函数，如果mouseMove()函数中存在大量操作dom等情况，会产生卡顿，这个时候我们考虑防抖：单位时间内，频繁触发mo
斐波娜娜·2024-01-25 02:40

节流和防抖

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

再学JS--事件防抖

在前端开发中会遇到一些频繁的事件触发，例如：window的resize、scrollmousedown、mousemovekeyup、keydown频繁的触发会造成卡顿现象，为了解决这个问题，一般有两种解决方案：debounce
Territory_Cheng·2024-01-24 01:17

watch中使用防抖不生效

查了好多资料，最终写法如下：created(){this.debouncednewFormName=this.debounce(()=>{t
前端大颖颖·2024-01-22 12:23

防抖和节流

如果这段时间内一直触发，都只会在这个时间后执行一次;适用于那些在连续触发时只关心最后一次触发的场景项目实际中用到的场景：输入框搜索、监听页面滚动、键盘事件、窗口resize事件//防抖functiondebounce
小_辉·2024-01-21 10:10

快手二面：节流和防抖知道吗？

回答：面试官，在前端开发中，节流（Throttle）和防抖（Debounce）是两种常用的优化高频率执行JavaScript代码的技术。我将分别阐述它们的概念、适用场景，并给出代码示例。
苍山有雪，剑有霜·2024-01-20 03:22

Js面试之防抖与节流

面试之防抖与节流防抖节流二者区别触发方式不同执行时间点不同适用场景不同最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~防抖（Debounce
迷糊的小小淘·2024-01-19 22:51

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

防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间；思路：每次触发事件时都取消之前的延时调用方法：functiondebounce(fn){lettimeout=null
ybrelax·2024-01-19 19:24
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他