防抖与节流
为什么要使用防抖与节流
在用户实际使用网站或app的过程中,由于网速不稳定或者误操作等原因,会导致重复请求接口,造成资源浪费。因此使用函数节流与函数防抖的目的,就是为了节约计算机资源,提升用户体验。
防抖
指触发事件后在n秒内函数只能执行一次,如果在n秒内又触发了该事件,则会重新计算函数执行时间。
场景:
- earch搜索联想,用户不断输入值,用防抖节约请求资源。
- window出发resize,不断调整窗口大小会不断出发事件,用防抖让其只触发一次。
思路:
创建一个定时器,在每次触发时间时都清空定时器。
实现:
//防抖
function handle() {
console.log(