博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
节流函数和防抖函数
阅读量:6592 次
发布时间:2019-06-24

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

函数节流: 指定时间间隔内只会执行一次任务;

函数防抖: 任务频繁触发的情况下,只有任务触发的间隔超过指定间隔的时候,任务才会执行。

节流:

function throttle(fn, interval = 300) {    let canRun = true;    return function () {        if (!canRun) return;        canRun = false;        setTimeout(() => {            fn.apply(this, arguments);            canRun = true;        }, interval);    };}复制代码

防抖:

function debounce(fn, interval = 300) {    let timeout = null;    return function () {        clearTimeout(timeout);        timeout = setTimeout(() => {            fn.apply(this, arguments);        }, interval);    };}复制代码

转载地址:http://kruio.baihongyu.com/

你可能感兴趣的文章
webApp实战开发,仿网易新闻webApp
查看>>
利用css3修改input[type=radio]样式
查看>>
简单的文件缓存函数
查看>>
原生Js判断元素是否隐藏
查看>>
nodejs log4js配置使用
查看>>
Swift 代码小抄
查看>>
git小技巧--如何从其他分支merge个别文件或文件夹
查看>>
微信小程序——gulp处理文件
查看>>
ThoughtWorks技术雷达专区
查看>>
苏宁11.11:苏宁易购移动端的架构优化实践
查看>>
GitLab发布11.6版本,支持无服务器功能部署
查看>>
Elixir 1.3带来新的语言功能、API和改进后的工具
查看>>
旧瓶新酒之业务入云不简单
查看>>
ASP.NET Core 2加入了Razor页面特性
查看>>
一个“小白”眼中的容器
查看>>
公有云还能信任吗?Azure遭雷击中断超过一天
查看>>
PHP 8引入JIT支持,以提高CPU性能
查看>>
Juval Löwy:为什么每个类都应该是一个服务
查看>>
用JEP 343打包工具,构建自包含、可安装的Java应用程序
查看>>
TOP 13大最热开源微服务Java框架
查看>>