白话版前端Javascript 节流与防抖
发布日期:2021-05-04 18:16:27 浏览次数:30 分类:技术文章

本文共 330 字,大约阅读时间需要 1 分钟。

节流与防抖是老生常谈的话题…二者的区别总是搞不大清。今天用大白话解释下:

二者都是在事件多次触发的时候。避免触发太多的回调函数。进而提高性能。

比如输入框会监听用户的keyup事件,进而调用后台接口,返回数据。但如果输入太快太多,会频繁调用接口,导致接口压力比较大。。

其实二者的根本区别是触发时机不同

  • 防抖是当事件不再触发的n秒后执行事件。假如你在输入框内持续输入,那么一次接口都不会调用,直到你不输入了,过了n秒,才调用接口。
  • 节流是当事件触发之后的n秒后才能再次触发。假如你仍旧持续输入,那么接口会按照n秒的间隔间替的调用。

节流简单说好像水闸,无论你来多少水,我总按照我的流量来输出,恰如其名。

防抖简单说就是你只是关心最终的结果,中间的抖动都被过滤。

上一篇:配置chrome浏览器跨域
下一篇:git命令行工具实现sourceTree上的各个功能

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2025年04月03日 14时32分21秒