【前端手撕】防抖节流

碎碎念

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

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

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

防抖

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
}
相关推荐
走到天涯海角1 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!1 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰1 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi3 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen4 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
风骏时光牛马4 小时前
AI源码分析:拆解模型底层实现逻辑
前端
IT_陈寒5 小时前
React子组件莫名其妙重渲染?你可能漏了这个Hook
前端·人工智能·后端
乘风gg5 小时前
DeepSeek V4.1 Flash 来了,明天中午 Flash 降价 60%
前端·ai编程·claude
默_笙5 小时前
❗ 给金鱼装记忆(上):从白板到笔记本,AI 的短期记忆生存指南
前端·javascript
酷酷的逗逗乐5 小时前
前端转 Agent 开发 · 第五节:Memory 会话记忆
前端·程序员