防抖与节流

本文深入探讨了JavaScript中两种重要的函数优化技术——防抖和节流。防抖技术用于控制事件触发的次数,确保在一系列快速触发后只执行最后一次操作,例如在输入验证场景。节流则用来限制函数执行的频率,保证在设定的时间间隔内只执行一次,适用于滚动事件处理等场景。理解并恰当运用这两者可以显著提升网页性能,防止浏览器因频繁计算而卡顿。
摘要由CSDN通过智能技术生成

事件触发非常频繁,而且每一次的触发,回调函数都要去执行(如果时间很短,而回调函数内部有计算,那么很可能出现浏览器卡顿)

防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发,只会执行最后一次

节流:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发

(防抖是控制次数,节流是控制频率)

(防抖:穿越火线扔手雷,一颗手雷,你一顿点,但是最终只炸了一次)

(节流:多颗手雷,扔手雷需要时间,你一直不停的点,他只能在每次时间结束后才扔出去一颗)

v-if | v-show
按需加载
函数防抖与节流
按需加载:对于loadsh插件,它里面封装的函数功能很多

 

//引入lodash:是把lodash全部封装好的函数全都引入进来了
//按需引入:只是引入节流函数,其他的函数没有引入(模块),这样做的好处是,当你打包项目的时候体积会小一些
import throttle from "lodash/throttle";

import _ from lodash 相当于把全部功能引入进来,但是我们只是需要节流

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值