防抖的实现

news/2025/2/7 4:33:50/

系列文章目录

提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加
例如:第一章 Python 机器学习入门之pandas的使用


提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 系列文章目录
  • 前言
  • 一、pandas是什么?
  • 二、使用步骤
    • 1.引入库
    • 2.读入数据
  • 总结


一、防抖是什么?

触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。

二、使用步骤

1.思路

每次触发事件时都取消之前的延时调用方法

每次触发事件时都取消之前的延时调用方法

2.读入数据

代码如下(示例):

每次触发事件时都取消之前的延时调用方法

function debounce(fn) {let timeout = null; // 创建一个标记用来存放定时器的返回值return function () {clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉timeout = setTimeout(() => { // 然后又创建一个新的 setTimeout, 这样就能保证输入字符后的 interval 间隔内如果还有字符输入的话,就不会执行 fn 函数fn.apply(this, arguments);}, 500);};}function sayHi() {console.log('防抖成功');}var inp = document.getElementById('inp');inp.addEventListener('input', debounce(sayHi)); // 防抖

结果

 


http://www.ppmy.cn/news/826774.html

相关文章

Android Camera2相机预览画面放大缩小(数码变焦DigitalZoom)功能实现

一、前言 Android自定义相机开发中,常常会有通过手势放大或缩小相机预览画面的需求,即数码变焦DigitalZoom。 二、接口说明 1. 获取最大的放大倍数 float maxZoom mCameraCharacteristics.get(CameraCharacteristics.SCALER_AVAILABLE_MAX_DIGITAL_…

Android开发:控制镜头变焦

特别针对三星盖世相机:EK-GC100 EK-GC110 MainActivity.java package com.example.mytestcamera;import java.io.IOException;import android.app.Activity; import android.hardware.Camera; import android.hardware.Camera.Parameters; import android.os.Bund…

js防抖功能实现

大家好,今天来点有一点点难度的防抖原理实现,今天呢我们要实现的是一个豪华版的防抖,我想想奥,作为一个豪华版的防抖肯定不能只有防抖的功能,假如现在我们有一个输入框搜索的案例,我们使用防抖来进行约束&a…

【Camera】相机防抖

2019独角兽企业重金招聘Python工程师标准>>> 【防抖】 EIS防抖(电子防抖)和光学防抖 EIS(Electronic Image Stabilization)电子防抖主要指数码相机上采用强制提高CCD感光参数、同时加快快门并针对CCD上取得的图像进行分析,然后利用边缘图像进行补偿的防抖,电子…

JS中的防抖

防抖这里两个词可能对一些初入JavaScript的同学比较陌生,那这篇文章主要是针对这些同学们的,浅谈一下防抖 防抖: 1. "防抖"是什么 首先,先去解释一下什么叫做防抖, 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。纯理论是…

关于Android 点击防抖动处理

我们使用app的时候,经常会因为某些原因出现双击的情况,比如点击一个按钮会弹出一个提示框,但是如果我们快速的点击按钮两次,这个时候会出现两个提示框。 双击跟抖动看似一样,其实不是,双击是一个完整的事件…

安卓点击防抖优化手册(非代码层指导)

### 1.1.1. 什么是点击防抖?   在应用日常使用过程中,短时间内超过一次点击某个按钮会触发多次这个按钮的后续逻辑代码运行,这时加入某些手段屏蔽掉除第一次以外的点击事件去重复触发逻辑的控制称为点击防抖。 ### 1.1.…

Android【防抖操作的工具类】

防抖 public class OneClickUtil {private String methodName;public static final int MIN_CLICK_DELAY_TIME 1000;private long lastClickTime 0;public OneClickUtil(String methodName) {this.methodName methodName;}public String getMethodName() {return methodNam…