防抖节流面试

1、防抖

1.1、条件

1、高频
2、耗时(比如console不算)
3、以最后一次调用为准
刷到个神评论,回城是防抖,技能cd是节流

1.2、手写

在这里插入图片描述

传参版本

function debounce(fn,delay){
    let timer
    return function(...args){//返回函数必须是普通函数,不能是箭头函数,箭头函数没有this
        timer && clearTimeout(timer)
        timer = setTimeout(()=>{//不能是普通函数,箭头函数没有this才能用的是外面的this
            // apply: 作用就是改变方法内部this的指向, 并能将参数传递给该方法, 最后立即执行这个函数
            fn.apply(this,args)//这个this就是外面的this
        },delay)
    }
}

1.3、应用

瀑布流调整窗口大小

相关推荐

  1. 函数,节流函数

    2024-04-03 00:04:02       66 阅读
  2. lodash库(节流

    2024-04-03 00:04:02       36 阅读
  3. 节流插件throttle-debounce

    2024-04-03 00:04:02       46 阅读
  4. 精简版节流实现

    2024-04-03 00:04:02       44 阅读
  5. (Debounce)和节流(Throttle)

    2024-04-03 00:04:02       41 阅读
  6. 手写节流函数

    2024-04-03 00:04:02       28 阅读
  7. 什么是js节流

    2024-04-03 00:04:02       28 阅读
  8. 节流】Vue和React当中的节流处理

    2024-04-03 00:04:02       49 阅读

最近更新

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

    2024-04-03 00:04:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-03 00:04:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-03 00:04:02       82 阅读
  4. Python语言-面向对象

    2024-04-03 00:04:02       91 阅读

热门阅读

  1. Nginx 对客户端请求的限制

    2024-04-03 00:04:02       34 阅读
  2. 设计模式之基于接口而非实现的设计原则

    2024-04-03 00:04:02       37 阅读
  3. 面试宝典:深入剖析golang 反射在orm模型中的应用

    2024-04-03 00:04:02       35 阅读
  4. OpenResty基于来源IP和QPS来限流

    2024-04-03 00:04:02       41 阅读
  5. 高等代数复习:矩阵的满秩分解

    2024-04-03 00:04:02       31 阅读
  6. Spring Boot中webapp中使结合MyBatis实现增删改查

    2024-04-03 00:04:02       38 阅读
  7. [CSS]使用flex实现二联三联布局

    2024-04-03 00:04:02       32 阅读