防抖与节流

本文探讨了防抖与节流在前端开发中的应用,旨在优化资源利用和提升用户体验。防抖用于限制函数在设定时间内仅执行一次,如search联想和窗口resize事件。节流则确保在一定时间间隔内只执行一次函数,适用于连续点击或滚动事件的处理。文中还介绍了两种技术的实现思路。
摘要由CSDN通过智能技术生成

为什么要使用防抖与节流

在用户实际使用网站或app的过程中,由于网速不稳定或者误操作等原因,会导致重复请求接口,造成资源浪费。因此使用函数节流与函数防抖的目的,就是为了节约计算机资源,提升用户体验。

防抖

指触发事件后在n秒内函数只能执行一次,如果在n秒内又触发了该事件,则会重新计算函数执行时间。

场景:

  1. earch搜索联想,用户不断输入值,用防抖节约请求资源。
  2. window出发resize,不断调整窗口大小会不断出发事件,用防抖让其只触发一次。

思路:

创建一个定时器,在每次触发时间时都清空定时器。

实现:

//防抖
function handle() {
   
	console.log(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值