前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >实现节流去抖函数

实现节流去抖函数

原创
作者头像
HZFEStudio
修改2021-10-03 13:12:30
2700
修改2021-10-03 13:12:30
举报
文章被收录于专栏:HZFEStudioHZFEStudio

完整高频题库仓库地址:https://github.com/hzfe/awesome-interview

完整高频题库阅读地址:https://febook.hzfe.org/

节流

1. 基本概念

throttle(func, wait)

每 wait 毫秒内最多只调用一次 func。

2. 应用场景

  • 搜索框输入时的实时联想。
  • 监听 scroll 事件计算位置信息。

3. 流程图

4. 编写代码

去抖

1. 基本概念

debounce(func, wait)

自最近一次触发后延迟 wait 毫秒调用 func。

2. 应用场景

  • 注册时输入完用户名后检测是否被占用。
  • 监听 resize 事件计算尺寸信息。

3. 流程图

4. 编写代码

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 节流
    • 1. 基本概念
      • 2. 应用场景
        • 3. 流程图
          • 4. 编写代码
          • 去抖
            • 1. 基本概念
              • 2. 应用场景
                • 3. 流程图
                  • 4. 编写代码
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档