当前位置:网站首页>防抖和节流
防抖和节流
2022-08-07 05:12:00 【张帆X】
防抖
比如一个button按钮,点击一次请求一次数据库获取信息,如果在一瞬间快速点击,或者一直点击,按理说应该一直获取数据,那么在一秒内获取几十条几百条数据合理吗?
不合理,此时防抖就有价值了,防抖就是加一个定时器,他会根据你最后一次操作跟下一次操作之间间隔时间判断是否最后一次,是否执行事件函数。
第一次你点击后定时器会启动,判断在规定时间内是否再次点击,如果你设置时间为1秒,那么第二次点击的时候,判断间隔时间,如果小于1秒,那么定时器再次启动,会以第二次点击为起点,判断跟第三次点击之间的间隔时间,如果还是小于1秒,那么会以第三次为起点,判断跟第四次之间的间隔时间,如果这1秒内没有任何操作,那么开始执行事件函数。
节流
如果你还是点击button按钮,那么节流就是设置定时器,在规定的时间内你的连续点击视为一次点击,定时器过后,重新计时,在此期间连续操作都视为一次操作
我认为防抖和节流的根本区别就是节流的定时器是无论你什么时候点击,点击多少次,只在规定时间的开始跟结束,而防抖是根据你最后一次操作,定时器能完整走完规定时间才算一次操作
边栏推荐
猜你喜欢
随机推荐
多个Excel打包成zip导出
50 个名额限量开放|带着 OceanBase 年度发布会的消息走来了!
多线程进阶
BPAAS化建设实践-基本流程篇
IDEA 2022.2 released
端到端的基于深度学习的网络入侵检测方法
Seq2Seq superficial understanding
Mysql查询数据库有多少张表
MySQL
Redis 常用数据类型之 zset(有序集合)
终端数据加密
万物并作,吾以观复|OceanBase 政企行业实践
C51 基本函数、中断函数和库函数的详解
洛谷P4345 超能粒子炮·改
Explain in detail the big game behind Justin Sun's "Sea of Stars", space travel needs more people to participate
Golang = is summarized
Paper Time 回顾|MB2:为自治数据库建立行为模型
Records about log4j security vulnerabilities and version to replace
POI操作Excel导入导出自定义工具类
自动化运维工具——ansible概述和部署









