2024年Vue中使用防抖和节流_vue防抖代码，前端工程师的面试题

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

    clearInterval(timer)
    timer = setTimeout(() => {
        fn.call(this, ...args)
    }, delay)
}

}

在需要的页面中用Import引入  
 vue页面代码

最后看效果截图  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b7ffe7568e20424ea3e974936f9e333f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBASmV0X0xvdmVy,size_20,color_FFFFFF,t_70,g_se,x_16)  
 效果如图点击了五次只执行了一次~~


## 节流


**节流**：高频事件触发，但在n秒内只会执行一次。  
 应用场景： 滚动条滚动、拖拽、mousedown、keydown事件等。  
 **声明**：

function throttle(handler, wait) {
let lastTime = 0; // 上一次触发的时间，第一次默认为0
return function () {
let newTime = Date.now() // 新的触发时的时间
if (newTime - lastTime > wait) {
handler.apply(this, arguments);
lastTime = newTime; // 更新上一次触发的时间
}
}
}

export default throttle

**引用**：

import throttle from “@/utils/Throttle”;

总结

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

前端资料汇总

3d068d8f5bef31e668ce.png)

前端资料汇总