前端笔记 - 防抖节流

	有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize,瞬间的操作都会导致这些事件会被高频触发。

Debounce:去抖动/防抖

多次触发一个事件,当事件被触发时,延迟一定的时间执行,当延迟的这个时间内再次触发时,则清除定时器,再次设定延迟执行。
在这里插入图片描述

场景:
search搜索,用户在不断输入值时,用防抖来节约请求资源。

Throttle :节流

	在n秒内只会执行一次,所以节流会稀释函数的执行频率.

在这里插入图片描述
场景:
scroll 事件,每隔一秒计算一次位置信息等比如是否滑到底部自动加载更多
调整浏览器窗口大小时,resize次数过于频繁,造成计算过多

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值