防抖节流以及flag思想处理一些防止重复和过度执行的需求

做项目比如点击事件的时候,或者input输入上拉下拉滚动经常会重复执行,这样就及其耗费性能,所以就应该优化一下,阻止他们过度重复执行,先说防止重复点击
可以用经典的flag思想

	submitToSut:function(){
   
	
                       let nums=window.localStorage.getItem('flag_is')
                 if(nums){
   
                  console.log('????')
                           return
                       }else
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
防抖节流是常用的前端开发技术,用于优化用户界面的交互体验。 防抖(Debounce)是指在一定的时间间隔内,只执行最后一次操作。也就是说,如果在设定的时间内连续触发了多次操作,只有最后一次操作会被执行,之前的操作都会被忽略。防抖常用于处理频繁触发的事件,比如输入框输入内容时的搜索功能,可以避免过多的请求发送给后端服务器,减轻服务器压力。 节流(Throttle)是指在一定的时间间隔内,只执行一次操作。也就是说,如果在设定的时间内连续触发了多次操作,只有第一次操作会被执行,之后的操作都会被忽略。节流常用于处理高频率触发的事件,比如页面滚动时的懒加载功能,可以减少函数执行的次数,优化性能。 应用场景方面,防抖节流可以应用于以下情况: 1. 输入框搜索:防抖可以避免用户频繁输入触发搜索请求,减少请求次数,提升搜索性能。 2. 页面滚动:节流可以限制触发滚动事件的频率,减少函数执行次数,提升页面滚动性能。 3. 窗口调整:防抖可以避免窗口调整过程中频繁触发事件,只在用户停止调整窗口大小后执行相应操作。 4. 鼠标移动:节流可以限制鼠标移动事件的触发频率,减少函数执行次数,提升页面性能。 总之,防抖节流技术在前端开发中有着广泛的应用,能够提升用户体验和优化性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值