throttle含义, 应用场景和原理

函数节流(throttle)是指阻止一个函数在很短时间间隔内连续调用. 只有当上一次函数执行后达到规定的时间间隔, 才能进行下一次调用. 但要保证一个累计最小调用时间间隔(例如拖拽类的节流需要有连续效果)
函数节流用于onresize, onscroll等短时间内会多次触发的事件
函数节流的原理: 使用定时器做时间节流. 当触发一个事件时, 先用setTimeout让这个事件延迟一小段时间在执行. 如果在这个时间间隔内又触发了事件, 就clearTimeout原来的定时器, 在setTimeout一个新的定时器重复以上流程
函数节流简单实现:

function throttle(method, context) {clearTimeout(method.tId);method.tId = setTimeout(function() {method.call(context);}, 100);
}window.onresize = function() {throttle(myFunc, window)
}// 封装
var throttle = function(fn, delay, mustRunDelay){var timer = null;var t_start;return function(){var context = this, args = arguments, t_curr = +new Date();clearTimeout(timer);if(!t_start){t_start = t_curr;}if(t_curr - t_start >= mustRunDelay){fn.apply(context, args);t_start = t_curr;} else {timer = setTimeout(function(){fn.apply(context, args);}, delay);}};
};// 调用（两次间隔50ms内连续触发不执行，但每累计100ms至少执行一次
window.onresize = throttle(myFunc, 50, 100);

throttle含义, 应用场景和原理相关推荐

ServiceComb场景及其原理
文章目录 Java-Chassis核心源码 Consumer到Provider整体流程 @EnableServiceComb-初始化ServiceComb TransportManager-管理传输层 ...
简单粗暴理解与实现机器学习之逻辑回归：逻辑回归介绍、应用场景、原理、损失以及优化...
作者 | 汪雯琦责编 | Carol 来源 | CSDN 博客出品 | AI科技大本营(ID:rgznai100) 学习目标知道逻辑回归的损失函数知道逻辑回归的优化方法知道sigmoid函数 ...
Mysql binlog应用场景与原理深度剖析
1 基于binlog的主从复制 Mysql 5.0以后,支持通过binary log(二进制日志)以支持主从复制.复制允许将来自一个MySQL数据库服务器(master) 的数据复制到一个或多个其他M ...
好文推荐 | MySQL binlog应用场景与原理深度剖析
作者:田守枝来自:田守枝的博客(公众号) 本文深入介绍Mysql Binlog的应用场景,以及如何与MQ.elasticsearch.redis等组件的保持数据最终一致.最后通过案例深入分析binl ...
Hbase的应用场景、原理及架构分析(转：https://blog.csdn.net/xiangxizhishi/article/details/75388971)
Hbase概述 hbase是一个构建在HDFS上的分布式列存储系统.HBase是Apache Hadoop生态系统中的重要一员,主要用于海量结构化数据存储.从逻辑上讲,HBase将数据按照表.行和列 ...
详解 Redis 应用场景及原理
本文转自https://blog.csdn.net/niucsd/article/details/50966733,描述了redis实现原理和应用场景,篇幅较长,有意学习redis的同学可耐心阅读. ...
AD FS是什么，用在什么场景，原理是什么？
AD FS(联合身份验证)是一种身份访问解决方案,即使用户帐户和应用程序位于完全不同的网络或组织中,它也可以为客户端计算机(网络内部或外部)提供对受保护的面向Internet的应用程序或服务的无缝SS ...
远程诊断DoIP（笔记一）场景和原理
根据互联网中的定义, OSI模型中,由软件(进程)或者硬件(输入/输出芯片)实现的活跃部分称之为实体Entity,用于进行信息的发送或者接收.实体是子系统中的活动单元,每一层被拆分成多个实体,同一层内 ...
人工智能大模型多场景应用原理解析
前言在上篇文章<人工智能大模型之ChatGPT原理解析>中分享了一些大模型之ChatGPT的核心原理后,收到大量读者的反馈,诸如:在了解了核心原理后想进一步了解未来的发展趋势(比如生成式 ...

throttle含义, 应用场景和原理

throttle含义, 应用场景和原理相关推荐

最新文章

热门文章