【前端手撕】防抖节流

碎碎念

好昨天是休息日。晚上吃了泰餐,泰奶狠狠发力于是两点半还睡不着,想了好多好多事情。

今天起来也累累的。有点担心自己的身体会不会又变差了最近还是严格控糖吧,以及也该恢复训练计划了!

今天在计划里加入了手写代码,都慢慢推进吧。

防抖

javascript 复制代码
function debounce(fn, delay) {
	let timer = null
	const _debounce = function (...args){ // 剩余参数
		if(timer) clearTimeout(timer) // 重复调用清除前面的
		timer = setTimeout(() => {
			fn.apply(this, args) // 传参调用
		}, delay)
	}
	return _debounce
}

节流

javascript 复制代码
// 利用时间戳
function throttle(fn, delay) {
	let last = 0
	const _throttle = function(...args) {
		const now = new Date().getTime()
		if (now - last >= delay) {
			fn.apply(this, args)
			last = now
		} 
	}
	return _throttle
}
相关推荐
咩咩啃树皮8 小时前
第40篇:Vue3组件化开发精讲——组件拆分、复用、父子通信、工程化架构
java·前端·架构
阳光是sunny8 小时前
LangGraph中的Reducer是什么
前端·人工智能·后端
触底反弹8 小时前
一文搞懂 Tailwind CSS 弹性布局:从原理到实战
前端·css·html
阳光是sunny8 小时前
从链到图:LangGraph 入门基础全解析
前端·人工智能·后端
小林ixn9 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
REDcker9 小时前
显示分辨率标准对照详解
前端·网络·分辨率·显示·屏幕
এ慕ོ冬℘゜9 小时前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery
武子康9 小时前
Search Console Platform Properties 扩大 SEO 资产边界:从 Page Ranking 到 Topic Coverage(5 类误读边界 + 3 表数据层设计)
前端·人工智能·后端
一点一木10 小时前
从60首歌到1个网站:输入你的故事,还你一首歌
前端·github
IT_陈寒11 小时前
Vue这个特性差点让我加班到凌晨,谁懂啊
前端·人工智能·后端