当前位置: 首页 > article >正文

防抖和节流的方法详解和CSS文本溢出小知识

1.防抖

防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时

场景:搜索框输入发请求,一些拖拽盒子,或者滚动事件

防抖的实现:利用间歇函数

const timer =setTimeout(callback函数,间隔时间)  //执行完会返回自身的这个定时器的编号
//事件所触发的函数
clickFn(){
     //先清除timer对应的定时器
    clearTimeout(this.timer)
    //从新启动一个延时器,并把timeID赋值给this.timer
    this.timer = setTimeout(() =>{
        //如果500ms内没有触发这个的事件,就做你要做的事。要是触发的话,定时器就会被上一句代码清除,也就会重新计时
        。。。。。。。。如发请求等事情,滚动事件等事件的执行
    },500)
 }

2.节流

作用:防止事件连续不停的进行,一个一个的处理,是间隔时间执行,一些高频事件,在被连续触发时,需要限定在单位时间内只执行一次;例如:防止发起多次请求或者按键的连续点击


http://www.kler.cn/a/456955.html

相关文章:

  • WebRTC :原理、协议和应用场景
  • 一文学习SpringBoot
  • 【持续集成与持续部署(CI/CD)工具 - Jenkins】详解
  • solr9.7 单机安装教程
  • 【SpringMVC】REST 风格
  • 使用MFC编写一个paddleclas预测软件
  • 【学习总结|DAY025】JAVA-WEB基础
  • 代码随想录算法训练营第十六天-二叉树-513.找树左下角的值
  • python常用内建模块:struct
  • React(一)—— router/useRef/useState
  • 地理数据库Telepg面试内容整理-如何解决大规模地理数据导入时出现的性能瓶颈
  • 灾备方案和架构类型、跨区域
  • hive中的四种排序类型
  • SVN和Git
  • Day1 微服务 单体架构、微服务架构、微服务拆分、服务远程调用、服务注册和发现Nacos、OpenFeign
  • 代码解析:安卓VHAL的AIDL参考实现
  • Android 自定义shell命令
  • 4.银河麒麟V10(ARM) 离线安装 MySQL
  • 在线学习平台-项目技术点-前台
  • Mono里运行C#脚本6—mono加载EXE文件和DLL文件保存的HASH表
  • PPO(近端策略优化)算法基本原理
  • 跨境办公的网络如何选择?
  • [Rust开发]actix_webmiddleware 中间件
  • CSS系列(42)-- Backdrop Filter详解
  • 基于深度学习的图像超分辨率重建
  • LeetCode 349. 两个数组的交集 (C++实现)