防抖节流
2023-03-07 09:15:00 时间
防抖:
定义:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。
存在的意义:如果事件处理函数调用的频率无限制,会加重浏览器的负担,浏览器的性能是有限的,导致用户体验非常糟糕。需要减少调用频率,同时又不影响实际效果。
实现效果:如果短时间内大量触发同一事件,只会执行一次函数。
如何实现:利用setTimeout()和clearTimeout()
节流:
定义:当持续触发事件时,保证一定时间段内只调用一次事件处理函数。
存在的意义:如果事件处理函数调用的频率无限制,会加重浏览器的负担,浏览器的性能是有限的,导致用户体验非常糟糕。需要减少调用频率,同时又不影响实际效果。
实现效果:如果短时间内大量触发同一事件,那么在函数执行一次之后,该函数在指定的时间期限内不再工作,直至过了这段时间才重新生效。
如何实现:利用setTimeout()和clearTimeout()
差距:
防抖:过了时间才会触发第一次
常用于:搜索框input事件、页面resize事件、拖动滚动条事件等
为什么:因为都是只需要最终值的事件
节流:第一次触发过后 过了时间才会触发第二次
常用于:按钮、鼠标移动事件等
为什么:需要先触发一次
相关文章
- 手把手教你快速将宁盾双因素认证(MFA)与 Amazon WorkSpaces 集成
- 基于 QuickSight 的成本可视化方案
- 手把手教你快速部署 Spot 实例并配置中断邮件警告
- Windows环境下python2.7安装mysql-python
- 从本地存储架构迁移到 AWS 存储服务
- Lightsail 容器:一种在云中运行容器的简单方法
- [Python] Python sftp到远程服务器读取日志文件
- 认识最新的 AWS 精英,包括首批开发工具精英!
- java System类
- AWS Nitro Enclaves – 隔离 EC2 环境以处理机密数据
- Java--System类
- python word表格位置_python Word 表格转 Excel
- 新增功能 – 对端到端 HTTP/2 和 gRPC 的 Application Load Balancer 支持
- S3 智能分层增加存档访问层
- 自建 Kubernetes 集群提交和管理 Amazon SageMaker 训练任务(二)SageMaker Operator 安装及任务提交
- java--object类
- 在 AWS Control Tower 账户中启用 AWS IAM Access Analyzer
- opencv-contrib-python,python3.3,SIFT和SURF
- 利用 AWS Transit Gateway 和 SD-WAN 优化企业全球组网
- 在 Kubernetes 上优化 Spark 性能