防抖

浅析函数防抖节流

防抖和节流都是前端开发中常用的优化性能的技术。一、定义防抖：防抖指的是在事件触发后，在规定的时间内若再次触发，则重新计时，直到规定时间内没有再次触发事件，才执行事件处理。
He_wc·2023-11-30 10:42

实现防抖函数和节流函数

1.实现防抖函数（debounce）连续触发在最后一次执行方法，场景：输入框匹配letdebounce=(fn,time=1000)=>{lettimeLock=nullreturnfunction(.
旧时日月明·2023-11-29 22:15

PC模糊搜索

监听值改变事件queryParams:{keyword:"",//模糊搜素关键字},methods:{//模糊搜索input(){//单位时间内只执行最后一次//this的实例上赋值了一个timer的属性//防抖
愿➣·2023-11-29 19:51

vue使用echarts中国地图

鼠标悬浮省份上面显示指定的数据，地图支持缩放和拖拽的功能，页面放大缩小支持自适应，window.addEventListener(‘resize’,resize);添加防抖动函数debounce。
SwJieJie·2023-11-29 18:12

textarea高度自适应（参考https://www.cnblogs.com/purple04551/p/8075366.html）

function(){$.fn.autoHeight=function(){functionautoHeight(elem){elem.style.height='auto';elem.scrollTop=0;//防抖动
_owl·2023-11-29 15:32

某东大厂面试js手写题【手写代码附带注释，放心食用，博主亲测】

文章目录前言js实现push方法js实现订阅发布手写防抖节流手写reduce方法深拷贝es5去重数组多维数组去重排序简单递归实现树形结构输出遍历后言前言helloworld欢迎来到前端的新世界当前文章系列专栏
鋜斗·2023-11-29 01:35

vue函数防抖

防抖的概念防抖又叫为函数防抖（debounce）：指触发事件后，在n秒内函数只能执行一次，如果触发事件后在n秒内又触发了事件，则会重新计算函数延执行时间。
cc&·2023-11-28 12:19

JavaScript面试知识点

JavaScript：继承、原型链、this指向、设计模式、call,apply,bind,；new实现、防抖节流、let,var,const区别、暂时性死区、event、loop；promise使用及实现
hell0_W0rld4396·2023-11-28 04:51

51单片机——独立按键、矩阵按键

当高电平转为低电平时证明按键按下，并进行防抖处理以免出现误按。
想前·2023-11-27 22:48

防抖与节流

防抖-在同一时间内频繁触发事件,只处理最后一次document.querySelector('input').addEventListener('input',debounce(function(){console.log
jokerJOJO777·2023-11-27 21:46

前端性能优化之防抖&节流

前端性能优化之防抖&节流1.什么是防抖和节流2.代码实现2.1实现防抖2.2实现节流3.应用场景3.1防抖的应用3.2节流的应用1.什么是防抖和节流防抖和节流是前端开发中常用的两种性能优化技术。
南木元元·2023-11-27 21:34

前端面试题

第3题：什么是防抖和节流？有什么区别？如何实现？第4题：介绍下Set、Map、WeakSet和WeakMap的区别？第5题：介绍下深度优先遍历和广度优先遍历，如何实现？
森森小仙女·2023-11-27 14:56

如何提升scroll等频繁触发事件的性能？

解决方案（一）防抖让函数延迟触发，若在一定时间内再次触发事件，清除计时器，重新计时适用场景：scroll停止事件，input输入keyup事件等需要在用户操作停止时触发functiondebounce(
piziting·2023-11-27 12:35

整理一下react hooks版本的 防抖节流

防抖害怕忘记，手写一遍，记录一下；importReact,{useRef,useCallback,useEffect}from'react';exportconstuseDebounce=(fn,delay
nihaoljs·2023-11-27 01:18

防抖&截流

/***防抖函数，返回函数连续调用时，空闲时间必须大于或等于wait，func才会执行**@param{function}func回调函数*@param{number}wait表示时间窗口的间隔*@param
柒月_学前端·2023-11-26 18:10

《前端面试题》- JS基础 - 防抖和节流

防抖和节流就是针对类似情况的解决方案。防抖防抖（debounce）：当连续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。
张中华·2023-11-26 13:46

js 防抖（外包和在方法原型上防抖）

$(function(){//document.getElementById('submit').addEventListener('click',debounce(submitFn));document.getElementById('submit').addEventListener('click',submitFn.debounce(1));})functionsubmitFn(val){c
FAKEEER·2023-11-26 13:42

前端面试查漏补缺--(二) 垃圾回收机制

文章链接前端面试查漏补缺--(一)防抖和节流前端面试查漏补缺--(二)垃圾回收机制前端面试查漏补缺--(三)跨域及常见解决办法前端面试查漏补缺--(四)前端本地存储前端面试查漏补缺--(五
weixin_34177064·2023-11-26 11:52

防抖与节流

document.getElementById('content');functioncount(){content.innerHTML=num++;};content.onmousemove=throttle2(count,500);//防抖非立即执行版本
RedLee666·2023-11-26 11:14

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

防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间（每次触发事件时都取消之前的延时调用方法）functiondebounce(fn){lettimeout=null;
丐中丐·2023-11-26 07:35

js 函数的防抖(debounce)与节流(throttle)

目录序言：防抖（debounce）节流（throttle）代码示例附录：关于节流/防抖函数中context（this）的指向解析：防抖函数中的this指向节流函数中的this指向序言：我们在平时开发的时候
世俗ˊ·2023-11-26 07:05

防抖与节流

1、什么是防抖与节流？节流:通俗的讲就是拧紧水龙头让水少流一点，但是不是不让水流了。
懂会悟·2023-11-25 13:54

开箱即用的axios Api请求封装

产生的原因有多种：按钮未做防抖/节流/锁,高频点击（实际上项目中所有按钮都加上防抖/节流/锁处理是不现实的）；相同信息同页面的异构展示，每个地方独立获取数据（不够优雅的架构等）；代码没优化好，但是历史代码逻辑复杂
泪滴在琴上·2023-11-25 07:40

Vue3使用customRef封装防抖函数

防抖（多次触发只执行最后一次）作用：高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计算时间防抖类似于英雄联盟回城6秒，如果回城中被打断，再次回城需要再等6秒
丢丢biubiu·2023-11-24 20:12

vue（vue2.x & vue3.x） 使用 lodash

的操作一、安装npmilodash-Soryarnaddlodash-S二、使用2.1vue3.x使用在需要使用lodash的组件内进行引入import_from'lodash';setup(){//防抖
Dark_programmer·2023-11-24 10:10

js的节流与防抖

项目上线后，经常会报出用户一直点击导致连续出发事件引发体验上的问题，尤其是在监听浏览器滚动scroll，页面调整resise的时候，这个时候我们就需要通过节流/防抖来优化这个问题；防抖：防抖就是指在某个时间内再次触发事件则会进行重新计时
super_wei·2023-11-23 23:33

遇见lodash

实际运用算法举例[剑指Offer50.第一个只出现一次的字符]防范举例总结参考地址lodash初识前沿第一次听到这个技术的时候是在看视频被提到一次，并且使用了其中的防抖和及节流的封装，当时不以为然，直到刷算法时再次遇到使用
Flying____fish·2023-11-23 21:38

ahooks中的核心hook-useRequest（下）

它还支持如loading状态延时、请求防抖、节流、依赖刷新等功能。不过其实现方式都是通过内置的插件hook来进行实现的。这样做既可以保证核心代码的简洁，还能更方便的扩展出更高级的功能。
肆码难椎·2023-11-23 15:32

MTK6765智能安全帽方案介绍

智能安全帽是一款佩戴在头部的智能移动作业终端，运用了移动互联网、物联网、感知传感器、高清防抖摄像头、人工智能等技术，具备语音操控、实时视频、拍照、录像、录音、实时对讲、定位、电子围栏、安全防护预警、人脸识别
newmobi·2023-11-23 07:39

js 函数节流和防抖

js函数节流和防抖throttle节流事件触发到结束后只执行一次。应用场景触发mousemove事件的时候，如鼠标移动。触发keyup事件的情况，如搜索。
语茶山舍·2023-11-23 00:34

react-封装Echarts组件

1、根据代码可复用性，实现Echarts的基础组件封装，含自适应重复渲染，点击事件防抖以下是组件代码//渲染echarts组件import{chinaJSON}from'../../..
阳光下的小蒙·2023-11-22 13:31

rxjs 关于防抖的方法列举说明

RxJS提供了许多用于处理事件的操作符，其中包括用于实现防抖（debounce）功能的操作符。防抖可以用于有效地处理频繁触发的事件，例如输入框输入事件或者滚动事件，以减少无效的触发和提高性能。
静墨客·2023-11-22 12:02

vivo手机光环助手下载游戏怎么打不开_全新5G自拍手机，vivo S6系列正式发布

l拥有4800万像素超清视频四摄，将支持先进的视频防抖技术及前后双视野拍摄，专业又有趣的拍摄轻松实现。l内置旗舰级一体
weixin_39697660·2023-11-21 17:33

防抖和节流是什么？有什么应用场景？

防抖（Debounce）和节流（Throttle）是两种常见的前端性能优化技术，用于控制事件的触发频率。1：防抖（Debounce）：防抖是指在事件被触发后，延迟一定时间执行回调函数。
祈澈菇凉·2023-11-20 22:34

vue3笔记9之“customRef“防抖

实现防抖效果    {{ keyWord }}import { customRef } from "vue";export default {  name: "App",  setup() {    /
空投在我怀里·2023-11-20 20:58

vue3使用自定义customRef实现防抖

组件{{keyWord}}exportdefault{name:'App'}//导入防抖函数import{debouncesRef}from'.
W蘭·2023-11-20 20:27

vue3+ts 实现防抖功能

使用自定义ref实现带防抖功能的v-modelimport{customRef}from'vue'exportfunctionuseDebouncedRef(value:T,delay=200){lettimeout
真前端·2023-11-20 20:57

Vue3 组合式Api之customRef实现防抖功能

前言什么是防抖？ 
对，我·2023-11-20 20:57

Vue 利用自定义ref实现防抖

利用vue提供的api【customRef】实现函数防抖实现import{customRef}from'vue'exportfunctiondebounceRef(value,delay=500){lettimerreturncustomRef
superTiger_y·2023-11-20 20:27

vue3.0知识点总结（六）——自定义ref （customRef的用法）

作用：创建一个自定义ref,比对其依赖项跟踪和更新触发进行显示控制实现防抖效果：get:用于读数据进行调用set:用于修改数据时进行调用{{keyword}}import{ref,reactive,toRaw
Mr.指尖舞者·2023-11-20 20:55

vue3的customRef实现自定义ref

customRef:创建一个自定义的ref，并对其依赖项跟踪和更新触发进行显示控制，我们可以手动写set和get里的逻辑customRef就像一辆手动挡车可玩性高，ref就是自动挡车使用customRef实现防抖效果
lick_dog_·2023-11-20 20:53

vue3之自定义ref

from"vue";exportdefault{setup(){//letkeyWord=ref("1111");//创建一个自定义的reffunctionmyRef(value,delay){//创建一个防抖
一枚平平无奇的冲浪者·2023-11-20 20:23

Vue3利用ref实现自定义防抖

1、使用customRef创建一个自定义的ref，并对其依赖项跟踪和更新触发进行显示控制track()：通知vue需要追踪后续内容的变化trigger()：通知vue重新解析模板import{customRef}from"vue";exportfunctiondebounceRef(value,delay=1000){lettimer;returncustomRef((track,trigger)
iaz999·2023-11-20 20:20

创建自定义ref实现防抖效果

{{keyWord}}import{customRef}from'@vue/reactivity';exportdefault{name:"App",setup(){//自定义ref函数functionmyRef(value,delay){//接收定时器lettimer;//返回一个customRef创建的自定义refreturncustomRef((track,trigger)=>{return
sheepwhip·2023-11-20 20:20

vue3中的customRef 实现防抖

案例:实现防抖效果\即当在文本框中输入一个值,一秒后再对下面的文本框进行数据的同步customRef简陋的Ref精装的//自定义一个ref——名为：myReffunctionmyRef(value,delay
兜里揣着星星·2023-11-20 20:50

Vue3 customRef自定义ref 实现防抖

防抖就是防止在input框中每输入一个字符就要向服务器请求一次，只要在用户输入完成过一段时间再读取用户输入的内容就能解决这个问题，减小服务器的压力。1.自定义ref是一个函数，可以接受参数。
永久旅途·2023-11-20 20:16

6100万像素 | 索尼正式发布a7r4等三款新品！！！

主要参数：6100万像素全画幅CMOS15档动态五轴防抖10fps的追焦连拍覆盖74%的567个对焦点576万像素的ULED取景器超采4K视频更强的对焦，视频可以用眼控索尼Alpha7RIV秉承索尼微单
kfconcept·2023-11-20 19:40

防抖-节流-深拷贝-事件总线

一、防抖与节流1.认识防抖与节流函数防抖和节流的概念其实最早并不是出现在软件工程中，防抖是出现在电子元件中，节流出现在流体流动中而JavaScript是事件驱动的，大量的操作会触发事件，加入到事件队列中处理
coder!mq·2023-11-20 11:01

在React中使用防抖节流

在React中使用防抖节流防抖和节流参考链接：Reacthooks怎样做防抖？先来介绍一下防抖和节流防抖：事件触发后延迟n秒在执行，如果在这n秒内再次触发则重新计时。
花满樱❀·2023-11-20 11:46

React 自定义hook 之 防抖和节流

一、简介防抖和节流主要用于控制事件触发频率，提高页面性能和用户体验。防抖:当事件被触发后，在一定时间内有新的对应事件，则会取消老的事件执行。节流:当事件触发后，在一定时间内会忽略新的事件执行。
卡卡舅舅·2023-11-20 10:10
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他