防抖

React 防抖与节流用法

在React中，防抖和节流是优化性能和提升用户体验的常用技术。下面是它们的用法：防抖（Debounce）：防抖是指在某个事件触发后，等待一段时间后执行回调函数。
天玄TX·2023-09-08 15:03

手写题目一：手写节流和手写防抖

start最近高频出现防抖节流的问题。要求是可以手写。
upward_tomato·2023-09-08 11:48

fixed定位防抖动

最近在做电商专题活动的时候，遇到一个很奇葩的问题，当鼠标移动到相应区域css有hover缩放大小时，网页里有fixed定位的地方都会抖动一下。如下所示：a.gif解决方法：有fixed定位的div加上以下代码就没问题了.demo{transform:translateZ(0);}
leyou319·2023-09-08 08:55

12-100第二段

12-100作为奥林巴斯的pro镜头，镜身也是带防抖的，配合奥林巴斯的机器可以有6.5档防抖，要是配合新出的em1x就有7.5档防抖。
朱池墨野·2023-09-08 06:44

防抖和节流

1.防抖防抖都是经过一段时间后执行某个函数,如果再次触发,就重新计算时间.也就是无论多少次触发该事件,只执行最后一次的触发事件,并且执行触发事件函数前一定会经过N秒.
小透明进击战·2023-09-08 05:39

keep-alive 组件缓存和 lodash 防抖

app.vue在app.vue根组件判断一下需要缓存的组件router/index.js{path:'',//默认子路由，只能有1个name:'home',component:()=>import('@/views/home'),meta:{keepAlive:true}}views/home/components/article-list.vue在文章列表页加载的时候监听元素滚动事件，记录当前浏
红_e8d9·2023-09-08 04:39

vant-form 统一校验表单

vant官网点击进入vant官网提供了submit按钮，但是submit按钮实在很不好用（防抖节流用不了，独立样式不好用）vant官网提供的form的校验方法：当我在输入:console.log(this
一个抱抱一首歌·2023-09-07 18:19

防抖和节流

防抖：在一定时间范围内函数只执行一次，而且执行的是最后一次触发的该函数//防抖函数functiondebounce(fn,delay){//通过闭包共享变量lettimer=nullreturnfunction
xiao_afei·2023-09-07 16:14

前端面试中常见的原生JS手写实现函数

前端面试中常见的原生JS手写实现函数前言实现call函数apply函数bind函数newinstanceof函数继承实现深拷贝深度比较防抖函数节流函数Promise.all()Promise.race(
了旧·2023-09-07 15:53

手写防抖函数

functiondebounce(fn,delay){  lettimer=null;  returnfunction(){    letcontext=this,arg=arguments;    clearTimeout(timer);  //清除延迟器    timer=setTimeout(function(){      fn.apply(context,arg);//绑定函数    }
Daidason·2023-09-06 22:56

vue 对axios进行封装

token配置、中英文配置、对所有接口统一设置防抖、对所有post接口统一设置节流废话少说直接上代码request.jsimportaxiosfrom'axios'//使用element-uiMessage
轮孑哥·2023-09-06 15:40

vue+element 二次组件封装:表单、列表、下拉树、弹出选择、折叠卡片等(持续更新npm依赖)

基于vue+element开发前端时,封装的一些组件,持续更新npm依赖,不喜勿喷文章目录安装全局扩展方法组件vzc-debounce防抖组件vzc-button按钮控件vzc-form表单控件vzc-list
⑧o年崋·2023-09-05 12:51

throttle-debounce 节流和防抖

目录1，区别2，使用3，实现3.1，debounce3.2，throttle4，意外收获throttle节流，debounce防抖1，区别假设时间频率：1sthrottle是每隔1s，必然执行。
下雪天的夏风·2023-09-05 10:58

节流（附上：清除定时器，id或timeId不会被清除）

要求：鼠标在盒子上移动，不管移动多少次，每隔500ms才+11、lodash提供的节流函数：2、手写节流函数：防抖：检测前面有无定时器，有就清除前面的定时器，如果鼠标一直移动，一直清除之前的，直到最后一次移动
learn 11233466·2023-09-05 09:09

JS 防抖和节流的函数应用

1.防抖函数点老子functionois(fun,time){lettimeoutId;return(...a)=>{clearTimeout(timeoutId)timeoutId=setTimeout
九层嵌套 for 循环·2023-09-05 09:53

【js】防抖和节流的使用场景和区别：

文章目录一、防抖（多次触发只执行最后一次）二、节流（规定时间内只触发一次）三、防抖和节流的使用场景【1】防抖（debounce）【2】节流（throttle）一、防抖（多次触发只执行最后一次）作用：高频率触发的事件
Sun Peng·2023-09-05 08:10

vue 防抖与节流用法

一、html获取数据二、JSimport{throttle}from"@/utils/common";exportdefault{methods:{getData:throttle(asyncfunction(params){console.log(”获取接口数据“,this,parmas)})}}三、公共方法common.js//节流exportconstthrottle=function(cb
kxmdjqq·2023-09-05 06:22

前端面试十万字书籍总结

JavaScript专题防抖你是否在⽇常开发中遇到⼀个问题，在滚动事件中需要做个复杂计算或者实现⼀个按钮的防⼆次点击操作。这些需求都可以通过函数防抖动来实现。
·2023-09-04 23:12

前端面试十万字书籍总结

JavaScript专题防抖你是否在⽇常开发中遇到⼀个问题，在滚动事件中需要做个复杂计算或者实现⼀个按钮的防⼆次点击操作。这些需求都可以通过函数防抖动来实现。
·2023-09-04 23:08

web体验优化-节流与防抖

returnfunction(){if(timer){return;}timer=setTimeout(()=>{fn.apply(this,arguments);timer=null;},delay)}}二、防抖解决由于频繁操作而频繁发送请求的问题
屠龙de小熊猫·2023-09-04 22:41

watch

words:'',lang:'1'},result:'',//timer:null},watch:{words(newValue,olddValue){},'obj.words'(newValue){//防抖
会飞的贤鱼·2023-09-04 13:22

防抖、节流

此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。
陈光环_18·2023-09-04 05:02

搜索出来的内容有输入关键字高亮显示

1:监听输入框：比较好的做法是对输入事件做防抖处理，作防抖的好处这里就不做阐述了，不理解的同学可以自行百度学习。
晶_b0a1·2023-09-04 05:55

手动实现Javascript中 apply，call，bind，new，节流防抖函数，让你一次性全搞懂。

节流，防抖函数call，apply和bind方法new方法二、节流防抖（throttle&debounce）1）、什么是节流、防抖。函数的节流和防抖是前端对于前端
树街猫UP·2023-09-04 00:05

第二个迷糊的一天

吃完11:40回办公室，中午继续看vue的课程，但很经常打瞌睡，今天学了swiper组件还有lodash插件用来防抖的，只是大概知道怎么用，但没有真正实操，主要是因为静态页面也还没有构建出
Oxalis·2023-09-03 23:08

如何精确掌握函数防抖和函数节流的使用？

前序函数防抖（Debouncing）和函数节流（Throttling）都是用于控制函数执行频率的技术，通常在处理高频率触发的事件（如窗口滚动、鼠标移动、输入框输入等）时非常有用一、核心概念函数防抖函数防抖的核心思想是
嚣张农民·2023-09-02 21:21

【vue2第六章】watch侦听器(防抖：延迟执行)

什么是watch侦听器？在Vue.js中，watch是一种用于侦听数据变化的机制。它允许你在数据发生改变时执行相应的操作。可以简单地理解为，watch是一种侦听器，它可以监听指定的数据变化，并在该数据发生变化时执行特定的函数。在Vue实例中，你可以使用watch选项来定义一个或多个侦听器。每个侦听器都是一个对象，其中key表示要侦听的数据，value为一个函数，该函数在数据发生变化时被调用。侦听器
一个大不溜w·2023-09-02 20:07

js防抖和节流的实现原理及应用场景

这些场景下，事件会被频繁触发，但我们并不想事件被频繁触发，这时就需要通过防抖和节流来限制频繁操作。防抖和节流都是为了解决事件频繁触发的问题，但在实现原理上有些不同，具体实现原理看下文。
Echo-潔·2023-09-02 17:01

浅谈节流和防抖

1.防抖(debounce)效果：如果短时间内大量触发同一事件，只会执行一次函数。防抖的含义就是让某个时间期限（如上面的1000毫秒）内，事件处理函数只执行一次。
boomsy·2023-09-01 17:54

期待中的徕卡M11-2022年1月6日或7日

5000万像素，机身这么小，应该不带机身防抖吧！
阿明BJ·2023-09-01 16:33

ahooks 的 useClickAway 在 React 17 中不工作了！

比如经常用到的组件挂载以及卸载的useMount、useUnmount，还有支持自动请求、手动请求、防抖等各种功能请求u
前端西瓜哥·2023-09-01 00:37

前端面试题（第五弹）—— js算法题/笔试/机试

前端面试题（第五弹）——js算法题/笔试/机试第一题（校验“（{【】}）”）第一题答案第二题循环输出每一个字符第三题扁平数组转树形结构第四题树形结构转扁平数组第五题手写防抖和节流第六题map计算string
iiiiiiiice·2023-08-31 19:25

什么是事件委托和防抖节流

防抖（Debounce）和节流（Throttle）都是前端优化的一种方式，用于控制某个函数的执行次数。防抖可以让多次执行变为最后一次执行，即当事件触
GJINW·2023-08-31 18:40

Vue中使用防抖函数详解

什么是函数的防抖？什么场景下使用防抖函数？
缤芬治·2023-08-31 12:16

vue项目防抖和节流

1、防抖clearTimeout(this.valueTime)this.valueTime=setTimeout(()=>{this.
weixin_45293868·2023-08-31 06:41

JS封装一个防抖函数与节流函数

防抖函数//防抖functiondebounce(fn,delay=500){//timer是闭包中的lettimer=nullreturnfunction(){if(timer){clearTimeout
Thesand·2023-08-31 02:55

前端刷题-防抖节流

防抖functiondebounce(fn,delay){lettimer=null;returnfunction(...args){if(timer){clearTimeout(timer);}timer
流年亦梦·2023-08-31 00:30

前端常见面试题

有什么区别CSS盒子模型居中常见方法BFCflex布局em和rem的区别CSS中哪些属性可以继承CSS中position定位三栏布局JS闭包原型继承thisPromiseasync和await深拷贝和浅拷贝防抖和节流
猫老板的豆·2023-08-31 00:38

前端笔记 （持续更新~）

webpack10.pinia四星重点ts泛型js的this指向js数组方法js字符串方法移动端适配方案有多少种栈和堆文本溢出deineProperty和Proxyconst对象不可改变对象的合并8.防抖和节流
qq_43959639·2023-08-30 18:15

资深高玩深度使用三周来说说小米10的痛点

全栈测评1.拍照对焦问题、视拍频防抖巨差问题2.充电过热问题3.电量过低3%自动关机没倒计时（比如关机倒计时30秒）4.相册加载最新照片需要结束进程再打开才会显示5.耗电统计得充满100%才会重新计算用电时长
Roceys·2023-08-30 12:53

2021-04-16

async和defer的区别async：异步加载脚本，加载完之后立即执行（回调的方式）defer：异步加载脚本，在DOM解析完之后执行节流/防抖节流：在某一时间段内只执行一次varthrottle=function
wfield·2023-08-29 19:09

依托 axios 实现全局请求防抖

更新：该方法已过时（此API自v0.22.0起已弃用，传送门），新的代替方案是AbortController，并且！前端取消请求无法真实取消，原因在于请求发送到服务器后服务器或许已经做了处理，但是前端只是关闭了返回通道，可是实际上服务器已经对该请求做了处理，所以存在风险，不建议在post接口上使用，如需实现同类功能可以让后端同学来。原文：最近在看axios的时候发现一个之前用过的功能，但是一直没明
张旭豪·2023-08-29 18:53

前端面试基础面试题——2

4.介绍一下js的节流与防抖?5.什么是cookie？cookie的优缺点。6.js的三种排序方法，并分别说明原理7.栈和队列的区别?8.math对象是什么?有什么用？
翻斗花园-图图·2023-08-29 13:22

lodash常用方法

cloneDeep克隆import{cloneDeep，reduce}from'lodash';constb={c:1}consta=cloneDeep(b)debounce防抖import{debounce
JoJo-Zhang·2023-08-29 12:51

节流与防抖

本文可以配合本人录制的视频一起食用作用节流和防抖是前端开发中常用的优化技术，主要用于优化一些高频触发的事件。
·2023-08-29 11:14

Vue使用自定义指令实现按钮防抖功能，防止多次调接口

首先什么是防抖？防抖就是指☞触发事件后在n秒内函数只执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间。说到防抖大家应该会想到节流，两者cp哈哈哈。
还需studystudy·2023-08-29 09:00

vue uniapp 防止按钮多次点击（类似于防抖节流）

common文件并创建anti-shake.js文件//防止处理多次点击functionnoMultipleClicks(methods,info){//methods是需要点击后需要执行的函数，info是点击需要传的参数letthat=this;if(that.noClick){//第一次点击that.noClick=false;if(info&&info!==''){//info是执行函数需要
阿巴资源站·2023-08-28 23:05

js高级部分

js高级部分BOM部分DOM事件Promise和async/awiat防抖与节流BOM浏览器的内核IE:trident内核Firefox：gecko内核Safari:webkit内核Opera:Blink
涅槃no重生·2023-08-28 19:42

防抖函数和节流函数

在我们日常项目开发中，防抖函数和节流函数是我们经常会用到的性能优化手段，下面就和我一起来详细的了解一下什么是防抖函数和节流函数，及它们的应用场景。
isSunny·2023-08-28 12:07

vue2.x通过指令实现v-debounce和v-throttle防抖节流的实现，亲测可用。

在vue2.x中，防抖和节流一般是通过引入防抖函数debounce和节流函数throtte，对事件回调进行一层包裹，然后在模板中绑定包裹后的事件回调，这样每个需要用的地方都需要进行防抖，节流函数的导入，
新时代的弩力·2023-08-28 11:04
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他