
白话版前端Javascript 节流与防抖
发布日期:2021-05-04 18:16:27
浏览次数:30
分类:技术文章
本文共 330 字,大约阅读时间需要 1 分钟。
节流与防抖是老生常谈的话题…二者的区别总是搞不大清。今天用大白话解释下:
二者都是在事件多次触发的时候。避免触发太多的回调函数。进而提高性能。
比如输入框会监听用户的keyup事件,进而调用后台接口,返回数据。但如果输入太快太多,会频繁调用接口,导致接口压力比较大。。
其实二者的根本区别是触发时机不同
- 防抖是当事件不再触发的n秒后执行事件。假如你在输入框内持续输入,那么一次接口都不会调用,直到你不输入了,过了n秒,才调用接口。
- 节流是当事件触发之后的n秒后才能再次触发。假如你仍旧持续输入,那么接口会按照n秒的间隔间替的调用。
节流简单说好像水闸,无论你来多少水,我总按照我的流量来输出,恰如其名。
防抖简单说就是你只是关心最终的结果,中间的抖动都被过滤。
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2025年04月03日 14时32分21秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
初探SSRF漏洞
2019-03-04
pythonBug入门——从零开始学python
2019-03-04
js-禁止右键菜单代码、禁止复制粘贴代码
2019-03-04
SpringBoot中使用Mybatis访问MySQL数据库(使用xml方式)
2019-03-04
$set的使用(视图不能实时更新)
2019-03-04
【SSL】1072砝码称重
2019-03-04
js数据结构--队列--常见操作
2019-03-04
vue.js常用指令及用法
2019-03-04
vuex的核心概念和运行机制
2019-03-04
SSLOJ1692 USACO 3.2 Magic Squares 魔板&P2730
2019-03-04
暴打算法:王者级数据结构与LeetCode笔记,一路绿灯杀进字节Java岗
2019-03-04
限时开源!公布半小时下载量达10W:阿里大牛出品「MyCat笔记」
2019-03-04
阿里Java全线成长宝典,从P5到P8一应俱全
2019-03-04
JAVA初窥-DAY07
2019-03-04
数组--Go语言学习笔记
2019-03-04
Redis (三)——Linux 上安装 Redis
2019-03-04
c编程常见错误-函数声明没有参数类型声明
2019-03-04
概率论 贝叶斯公式
2019-03-04
java 重写(override)和重载(overload)区别
2019-03-04
java 多态
2019-03-04