首页 > 其他分享 >防抖和节流的概念理解

防抖和节流的概念理解

时间:2024-06-19 18:09:43浏览次数:10  
标签:function 防抖 节流 val args timer 理解 var

防抖:

在事件被触发的n秒后执行回调,如果在这n秒内又被触发,则重新计时。

<script>
var timer=null,
function fangdou(fn,delay){
	clearTimeOut(timer)
	timer=setTimeOut(fn,delay)
}
function checkout(input){
	fangdou(function(){
		show(input.value)
	},1000)
}
function show(val){
	if(val && val.length < 7){
		alert('长度不够啊,兄弟!')
	}
}
</script>

节流:

在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。

<script>
function throttle(func, wait) {
var context, args;
var timer;
return function() {
    context = this;
    args = arguments;
    if (!timer) {
        timer = setTimeout(function(){
            timeout = null;
            func.apply(context, args)
        }, wait)
    }
}
}
</script>

标签:function,防抖,节流,val,args,timer,理解,var
From: https://www.cnblogs.com/liuhefei/p/18256987

相关文章

  • 科技颐养|AIRIOT智慧养老管理解决方案
    随着我国进入快速老龄化社会,老年人口规模日益增大,社会与家庭面临巨大养老压力,养老需求不断释放,新型的养老社区和养老机构成为越来越多老年人康养颐年的选择。科技改变生活更可以改变养老方式,大数据、人工智能、物联网等信息技术在养老产业中深度融合已经成为一种蓬勃趋势,科技赋......
  • DevOps学习回顾02-实践的通用路径-需求分析的拆解-CI的理解-质量体系的实践路径
    参考来源:极客时间专栏:DevOps实战笔记,作者:石雪峰课程链接:https://time.geekbang.org/column/intro/235DevOps学习回顾02-实践的通用路径-需求分析的拆解-CI的理解-质量体系的实践路径DevOps实践的通用路径第一步:寻找合适的试点项目一个合适的项目应该具备以下几个特......
  • 深入理解Python类中的各种方法,非常实用!
    本文将详细介绍Python类中的各种方法,包括实例方法、类方法、静态方法、特殊方法等,并通过示例展示它们的用法和区别。1.实例方法(InstanceMethods)实例方法是最常见的方法,其第一个参数总是self,指向当前实例。实例方法用于操作实例数据和属性。python复制代码classMy......
  • 深入理解JavaScript中的闭包与作用域链
    作为一名JavaScript开发者,了解闭包与作用域链是非常重要的。本文将深入探讨这两个概念,帮助您更好地理解JavaScript的运行机制。作用域链在JavaScript中,每个函数都有一个属于自己的作用域,称为局部作用域。当函数被执行时,会创建一个执行上下文,其中包括局部作用域和其父级作用域......
  • 网络中token和sign的理解
    token:用户校验 1.客户端使用用户名跟密码请求登录 2.服务端收到请求,去验证用户名与密码 3.验证成功后,服务端会签发一个Token,这个Token是与用户名一一对应的(和用户名密码相关),token一般可以存储在缓存或数据库中,以方便后面查询出来进行验证。再把这个Token发送给客户端 4......
  • [转帖]深入理解JDBC的超时设置
     https://www.cnblogs.com/Chary/articles/14958848.html 这是最近读到的讲关于JDBC的超时问题最透彻的文章,原文是http://www.cubrid.org/blog/understanding-jdbc-internals-and-timeout-configuration ,网上现有的翻译感觉磕磕绊绊的,很多上下文信息丢失了,这里用我......
  • Vue 3中的ref:深入理解响应式引用
    ......
  • 【Android面试八股文】谈谈你对TCP 流量控制与拥塞控制的理解
    文章目录一、流量控制1.1流量控制的概念1.2滑动窗口1.3零窗口二、拥塞控制2.1拥塞控制的概念2.2慢启动2.3拥塞避免2.4快重传与快恢复2.4.1快重传2.4.2快恢复三、总结TCP的拥塞控制和流量控制虽然采取的动作很相似,但拥塞控制与网......
  • 深入理解Java虚拟机
    类加载加载java数据类型分为基本数据类型和引用数据类型,基本数据类型由虚拟机预先定义,引用数据类型才需要类的加载过程。类的加载,就是将java类的字节码文件加载到内存中,并通过字节码在内存中构建出类的原型---类模板对象。jvm把字节码中的常量池,类字段,类方法等信息存储到类模......
  • 理解 C++ 中的对象类型与绑定机制:静态绑定 vs 动态绑定
    静态绑定和动态绑定概念解释对象的静态类型:对象在声明时采用的类型,在编译期确定,无法更改。对象的动态类型:对象在运行期实际表现的类型,在运行期决定,对象的动态类型可以更改(通过多态和指针/引用的方式)。静态绑定:绑定的是对象的静态类型,某特性(比如函数调用)依赖于对象的静......