【前端】防抖和节流

防抖

防抖用于限制连续触发的事件的执行频率。当一个事件被触发时,防抖会延迟一定的时间执行对应的处理函数。如果在延迟时间内再次触发了同样的事件,那么之前的延迟执行将被取消,重新开始计时。

总结:在单位时间内频繁触发事件,只有最后一次生效

场景 :用户在输入框输入1个字符都会发送请求,正常是全部输入完成才发送

项目中遇到的场景,需要鼠标悬浮在图表的时候,将ToolsTip里的数据回显到头部,由于是2张图表,无法直接赋值,必须通过请求后端接口,由于ToolsTip里的Api是鼠标放上面就会触发,就会出现发起了N个请求,这时候就可以利用防抖,只有一定时间没有动作,才会请求后端接口。

vue中

	//防抖方法,传入函数和延迟
    debounce(fn, delay) {
   
   
      let timer = null;              //默认是空
      return function () {
   
   
        if (timer) {
   
                    //如果存在则
          clearTimeout(timer);       //清空定时器
        }
        timer = setTimeout(() 

相关推荐

  1. 前端

    2024-01-30 12:30:05       66 阅读
  2. 2024-01-30 12:30:05       32 阅读
  3. 2024-01-30 12:30:05       32 阅读
  4. 前端优化 ----

    2024-01-30 12:30:05       60 阅读
  5. 2024-01-30 12:30:05       48 阅读
  6. 2024-01-30 12:30:05       33 阅读
  7. 2024-01-30 12:30:05       39 阅读
  8. 2024-01-30 12:30:05       39 阅读
  9. 2024-01-30 12:30:05       34 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-30 12:30:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-30 12:30:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-30 12:30:05       82 阅读
  4. Python语言-面向对象

    2024-01-30 12:30:05       91 阅读

热门阅读

  1. nginx项目部署+项目优化

    2024-01-30 12:30:05       58 阅读
  2. L1-032 Left-pad

    2024-01-30 12:30:05       64 阅读
  3. 美易官方《盘前:道指期货跌0.04% 风险周降临》

    2024-01-30 12:30:05       63 阅读
  4. 随机森林和决策树区别

    2024-01-30 12:30:05       58 阅读
  5. ID3算法 决策树学习 Python实现

    2024-01-30 12:30:05       59 阅读
  6. ST表板子 类似归并的有条理暴力 sparse-table

    2024-01-30 12:30:05       65 阅读
  7. 2024年最新版 在AlmaLinux上安装MongoDB

    2024-01-30 12:30:05       65 阅读
  8. 紫外工业相机的优势与应用

    2024-01-30 12:30:05       65 阅读