从去年年底到今年年初陆陆续续投了一些公司，平时也有记录了一下面试过程还有面试题便于后续复盘。只是当时没想到正好撞上裁员潮，从3月开始简历被捞的机会直接骤降和同时竞争压力空前的大（虽然拿了offer 但是求职者数量太多导致很难和招聘方谈薪资综合来看，现在还苟着）。本着开源精神分享这段时间的经历不然白折腾这几个月了，希望可以给大家提供有价值的参考。
经过这段时间面试后发现一个规律：
-
大厂、中厂分两种类型具体看对应的部门或者产品线
- 看中基础和潜力，比如网络原理、ES特性、手写题。
- 看中实际项目经验，面试中会重点考察实际项目中遇到问题与解决方案等。
-
小厂希望你有大量的知识广度，面试问题通常会涵盖大量业内相关知识，或者候选人相关技术栈里的具体技术，比如：
- 某某api怎么用之类的
- 某框架的一些特性
你可能会遇到的面试官类型：
1. 经验丰富能很好引导面试者的：
这个类型的面试官通常出现在大厂，经历过专门的面试培训，对于提问的目的性有很强的认知，所有问题都是根据候选人的简历临时构成的提问体系，以此摸清/挖掘候选人的知识边界、潜力、亮点等。遇到这个类型的面试官即使挂了也能学到挺多东西，更能认知到自己的不足。
2. 自我优势
这个类型有两个分支，最差的在面试过程中会有很强的自我优越感，面试过程中充斥很多pua话术“这都不知道么？”“前端应该有接触吧？”这种类型，的面试官会会以难道面试者为乐以此建立自己的自信。正面一些的会比较尊重候选人，但是提问方式会很强势。
3. 念稿类型
照着公司的题库来提问，一般提问之后要等一阵子才会提下一个问题....
下面会分享一下自己在这些面试中遇到的比较有意思的题，并且分析这些题目的考察点。
这段时间攒了很多面试题，但是实际上很多面试题在社区里有大量的同质性内容了。所以我在这些题里选出一些比较能考验人而且在实际面试比较少见或者有意思的题目放在这里分析一下。
1. requestAnimationFrame 和 setTimeout 有什么区别吗？
这题考验候选人的点很多比如1.对于浏览器渲染过程熟悉度、2.对事件循环联系的熟悉程度、3.对浏览器渲染和动画帧优化的了解程度。一个问题考了3个以上核心知识点。
2. Vue2 事件绑定数组会出现什么问题？
考察是否了解 Vue 源码、双向数据绑定的知识，而且后续可以根据候选人简历内容引申出很多问题。比如 “重写了哪些数组 api?” “defineProperty 和 proxy 有什么区别” “为什么用了 proxy 能解决这个问题？”
4. 你主要用的Vue有什么传参的方式吗？分别是那些场景使用？
同样类型的题目“你了解小程序的传参方式吗？你了解react传参方式吗？你了解跨页奇案传参方式吗？”这些都是统一类型，实际考察你是不是真的用过这个框架，对它的熟悉程度是怎样的？只写过demo还是实际上过生产环境。比如我所知道的 props/$emit/eventBus/vuex/mixins/router/inject/localstorage 这么多，但是实际开发用起来还是会根据项目规模和项目性质来选择传参方式，假如我写一个复杂的组件里面会用到大量子孙公共组件那优先用provide/inject 而不是props 或者 vuex 。面试官会通过这些回答细节来判断你是否会这个东西会到什么程度。
4. 说一说你了解的设计模式？
经典开放题了，这个题目要是当八股文背那些五大原则三大类型大概率是寄了。一般来说都会要求你根据实际项目中使用到哪些设计模式以此来进行回答。这类问题追问通常会给你一个事件场景问你会用什么设计模式解决这个场景的问题。
5. 固定句式：a 和 b 有什么异同、优缺点？为什么要用 a?
如果你简历上写了 webpack、gulp 或者同时写了 vue、react 那大概率会问你两者区别，简历中出现同职能的技术栈一般都会让你进行两者的比较，以及为什么当前项目用了这个技术栈。考察候选人的技术选型和技术判断能力。
6. 你是如何开发一个组件的？
这也是开放题，每个技术栈对应的开发组件的习惯都不同。考察候选人是否具备高度封装抽象能力，还有对业务冗余代码优化能力。
手写题
// 1. 柯里化
add(1, 2)
add(1)(2)
// 写完之后，追问 add(1)(2)(3)(4) 执行一下
// 2. 假设有以下数据 [{pid: 0, id: 12}, {pid: 12, id: 3} ...] pid 为父节点id, id为当前节点id 要求尽可能少的复杂度实现将当前结构转化成树结构
最近裁员潮加上各种寒冬的背景下，跳槽是一个需要特别谨慎的决策。最后，希望这篇文章能给你提供帮助~
