一分钟简单理解防抖和节流

简介: 一分钟简单理解防抖和节流

目录


防抖节流有什么用

防抖节流怎么用

防抖

节流

防抖节流怎么记

防抖节流有什么用



防抖和节流,这是前端防止用户频繁调用同一个接口的方法,比如短时间重复点击上传同一个文件,短时间重复点击提交同一个评论,异步的操作还没给你带来反馈于是你重复上传了多个文件,重复提交了多个评论


防抖节流怎么用



防抖



防抖指的是设置延时器,比方说我点击之后设置一个2s的延迟,2s后开始上传,如果在2s之中再次点击该事件,那么这个延迟被清除,重置2s的延迟,也就是你一直乱点,只有你最后一次会成功。


节流



节流是设置状态锁,就是设置一个flag为true,当你点击的时候,会对flag进行判断,如果为true也就是第一次请求,那么开始请求,并且将flag设置为false,然后这时候你继续点击请求的时候,同样要判断flag,为false你再怎么点击也没用,然后什么时候再置为true呢?在你接口返回给前端,提示你已经上传完毕了之后置为true,你就可以再次提交请求了。


防抖节流怎么记



防抖:设置延迟,短时间高频率触发只有最后一次触发成功

节流:设置状态锁,短时间高频率触发只有第一次会触发成功


相关文章
|
3天前
|
云安全 人工智能 自然语言处理
|
7天前
|
人工智能 Java API
Java 正式进入 Agentic AI 时代:Spring AI Alibaba 1.1 发布背后的技术演进
Spring AI Alibaba 1.1 正式发布,提供极简方式构建企业级AI智能体。基于ReactAgent核心,支持多智能体协作、上下文工程与生产级管控,助力开发者快速打造可靠、可扩展的智能应用。
717 17
|
10天前
|
数据采集 人工智能 自然语言处理
Meta SAM3开源:让图像分割,听懂你的话
Meta发布并开源SAM 3,首个支持文本或视觉提示的统一图像视频分割模型,可精准分割“红色条纹伞”等开放词汇概念,覆盖400万独特概念,性能达人类水平75%–80%,推动视觉分割新突破。
750 57
Meta SAM3开源:让图像分割,听懂你的话
|
8天前
|
搜索推荐 编译器 Linux
一个可用于企业开发及通用跨平台的Makefile文件
一款适用于企业级开发的通用跨平台Makefile,支持C/C++混合编译、多目标输出(可执行文件、静态/动态库)、Release/Debug版本管理。配置简洁,仅需修改带`MF_CONFIGURE_`前缀的变量,支持脚本化配置与子Makefile管理,具备完善日志、错误提示和跨平台兼容性,附详细文档与示例,便于学习与集成。
329 116
|
10天前
|
机器学习/深度学习 人工智能 自然语言处理
AgentEvolver:让智能体系统学会「自我进化」
AgentEvolver 是一个自进化智能体系统,通过自我任务生成、经验导航与反思归因三大机制,推动AI从“被动执行”迈向“主动学习”。它显著提升强化学习效率,在更少参数下实现更强性能,助力智能体持续自我迭代。开源地址:https://github.com/modelscope/AgentEvolver
496 37
|
23天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
2天前
|
Rust 安全
掌握Rust文件读取(从零开始的IO操作指南)
本教程手把手教你用Rust读取文件,涵盖`read_to_string`一次性读取和`BufReader`逐行高效读取,适合初学者掌握安全、高效的Rust文件操作,助你轻松入门系统编程。
149 113