宇宙条总包60W的前端岗，压中原题了！（附答案）-CSDN博客

本文链接：https://blog.csdn.net/2401_85123333/article/details/139603789

前前后后面了 4 回，都挂在了 2 面或 3 面，直到 1 周前终于上岸某条！总包 60W！

提这事不是强调某条的面试难度有多大，毕竟已有很多朋友成功入职的先例。

事实上，某条的面试偏重于技术实战，技术面近 60% 的题目都要手写代码。此时技术基础不扎实肯定要丸…

闲话少叙，先分享下朋友当时遇到的几个典型考题：

题1：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

key 是给每一个 vnode 的唯一 id,可以依靠 key,更准确,更快的拿到 oldVnode 中对应的 vnode 节点。

题2：什么是防抖和节流？有什么区别？如何实现？

防抖——触发高频事件后 n 秒后函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间；

左右滑动

题3：介绍下Set、Map、WeakSet 和 WeakMap 的区别？

**Set，**对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。

WeakSet，成员都是对象；成员都是弱引用，可以被垃圾回收机制回收，可以用来保存 DOM 节点，不容易造成内存泄漏；

**Map，**本质上是键值对的集合，类似集合；可以遍历，方法很多，可以跟各种数据格式转换。

WeakMap，**只接受对象最为键名（null 除外），不接受其他类型的值作为键名；键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的；不能遍历，方法有 get、set、has、delete。

题4：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？

执行结果是：1243，promise 构造函数是同步执行的，then 方法是异步执行的。

题5：React 中 setState 什么时候是同步的，什么时候是异步的？

由 React 控制的事件处理程序，以及生命周期函数调用 setState 不会同步更新 state 。

React 控制之外的事件中调用 setState 是同步更新的。比如原生 js 绑定的事件，setTimeout/setInterval 等。

…

篇幅有限，展示至此！看到问题就有思路的朋友，可以投简历试试，趁着招聘热度愈演愈烈，抓住机会抢个 Offer！

如果没有理想答案的同学，我建议你报名拉勾教育《大前端高薪训练营》****：

这门课程特别适合以下人群：

不仅有行业大佬带你技术进阶，保你就业！更能直接签订内推/就业协议，100%保你拿下大厂 Offer！

课程中还有超多的Web 前端面试真题。方便大家重点提升，迅速进阶，现在扫码限时 3 天免费领取~

另外，还准备了两节前端基础教学的免费试听的课程，《HTML网页开发教程》，《CSS基础语法教程》，有夯实基础，促进技能进阶需求的前端朋友，可以扫码咨询！

（jQuery+angular+react+vue真题）

当然，刷题和试学课程只是我们前进的第一步。后续的简历投递和面试环节，也要做个全盘的攻略！

这里为大家推荐**《大前端高薪训练营》****。**

对标阿里 P7 +一线企业真实项目实操+免简历初筛，大佬指导教学，学完直接内推进大厂面试，拿不到 Offer 全额退学费！

已经有****8 成学员通过训练营涨薪幅度达 20%+，最高超 210%！

这门课程有哪些优势？

此外，课程还具有五大课程优势：

1.技术大咖+行业名师，强强联合保证教学质量

国内外一线技术专家定期分享。课程诚邀Google、微软、阿里巴巴、滴滴、360****等国内外一线大厂中具有丰富经验的技术专家，打磨教学课程，融入最前沿的前端技术，确保输出人才即是企业所需人才。

**真实研发团队带你操练项目。**课程内所有实战项目均由一线资深研发人员搭建。让学员体验真实公司技术团队手把手的项目教学体验。