分类：js防抖和节流

2022
01-12

vue中防抖和节流的使用方法

目录前言概念防抖定义使用场景代码在vue中使用节流定义使用场景代码在vue中使用总结前言在一个电影项目中，我想在电影的列表中，保存下拉的当前位置，防止你切换页面后，再切换回当前的电影列表页，他就又回到电影的第一条数据。这时候，我不想每次只要滑动一点，就保存当前位置，我想隔一段时间，保存一次，这时候，就可以使用防抖和节流。概念说白了，防抖节流就是使用定时器来实现我们的目的。防抖(debounce)：在事件被触发n... 继续阅读 >

2021
10-20

JS防抖节流函数的实现与使用场景

目录一、什么是函数防抖1、为什么需要函数防抖？2、函数防抖的要点3、函数防抖的实现4、函数防抖的使用场景二、什么是函数节流1、函数节流的要点2、函数节流的实现3、函数节流的使用场景总结一、什么是函数防抖概念：函数防抖（debounce），就是指触发事件后，在n秒内函数只能执行一次，如果触发事件后在n秒内又触发了事件，则会重新计算函数延执行时间。1、为什么需要函数防抖？前端开发过程中，有一些事件，常见的例如，onre... 继续阅读 >

2021
09-19

JavaScript的防抖和节流案例

目录防抖节流：防抖：在一定的时间内只执行最后一次任务；节流：一定的时间内只执行一次；防抖<buttonid="debounce">点我防抖！</button>$('#debounce').on('click',debounce());functiondebounce(){lettimer;//闭包returnfunction(){clearTimeout(timer);timer=setTimeout(()=>{//需要防抖的操作...console.log("防抖成功！");},500);}}节流：... 继续阅读 >