首页 > 其他分享 >手写防抖

手写防抖

时间:2023-08-10 17:07:30浏览次数:34  
标签:function 防抖 定时器 歌谣 timer 手写 fn


 

目录

前言

导语

代码部分

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

手写防抖

手写防抖_前端

手写防抖_前端_02编辑

代码部分

function geyao(fn, delay) {
				//timer是一个定时器
				let timer = null
				// 返回一个闭包函数,用闭包保存timer确保其不会销毁,
重复点击会清理上一次的定时器
				let arg = arguments
				return function () {
					// 调用一次就清除上一次的定时器
					clearTimeout(timer)
					// 开启这一次的定时器
					timer = setTimeout(() => {
						// 若不改变this指向,则会指向fn定义环境
						fn.apply(this, arg)
					}, delay)
				}
			}

手写防抖_前端_03

总结

简单的说,当一个函数连续触发,只执行最后一次。


标签:function,防抖,定时器,歌谣,timer,手写,fn
From: https://blog.51cto.com/u_14476028/7037486

相关文章

  • vue自定义指令(防抖)
    importVuefrom'vue'/***按钮防抖,300毫秒内只触发一次请求*区分了一下传参和不传参的情况*///不传参数,用法:v-debounce="test_debounce"Vue.directive('debounce',{inserted:function(el,binding){lettimerel.addEventListener('click',......
  • 手写sqrt()
    当n是完全平方数时,返回它的开方,否则返回-1。llsqt(lln){lllo=0,hi=2*sqrt(n);while(lo<hi){llmid=lo+hi+1>>1;if(mid*mid<=n){lo=mid;}else{hi=mid-1;}}......
  • 02手写链表
    一、简介手写链表实现以下功能尾插获取指定下标的元素按照指定位置插入元素打印链表内容删除指定元素释放整个链表链表反转链表中相邻元素的和最大的两个元素的第一个节点,且返回和的最大值二、源代码LinkedList.h#ifndef_LINKEDLIST_H#define_LINKEDLIST_H#inc......
  • 摄像中的防抖技术
    简介手持成像设备拍照的过程中,很难控制设备处于完全保持静止状态,特别是使用长曝光(比如夜景拍照)或者长焦镜头进行拍摄(抖动对应的实际位移大),很容易由于相机抖动带来运动模糊。在拍摄视频的过程中,机身抖动也会导致视频画面的连续稳定性降低,特别是一些抖动比较厉害的拍摄场景(比如运动......
  • 6.6 实现卷积神经网络LeNet训练并预测手写体数字
    模型架构代码实现importtorchfromtorchimportnnfromd2limporttorchasd2lnet=nn.Sequential(nn.Conv2d(1,6,kernel_size=5,padding=2),nn.Sigmoid(),#padding=2补偿5x5卷积核导致的特征减少。nn.AvgPool2d(kernel_size=2,stride=2),nn.Conv2d(6,16,kern......
  • 前端学习笔记202306学习笔记第三十八天-手写map2
     ......
  • 前端学习笔记202306学习笔记第三十八天-手写call得实现1
      ......
  • 前端学习笔记202306学习笔记第三十七天-手写new得实现5
         ......
  • 前端学习笔记202306学习笔记第三十七天-手写new得实现4
       ......
  • 手写apply
     目录前言导语前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语apply使用编辑代码部分Function......