前端面试官的套路，你懂吗？_前端面试套路(1)

我们举个简单的例子，假如你要面试一个公司，他们主招 React 技术栈的前端开发，那么你的简历里面只有 React 这个名词是不够的，最好能体现出 React 的生态来。

这样写就不错：熟练使用 Antd＋React＋Redux 开发项目，Roadhog 或者 Webpack 构建项目，Nextjs 做服务端渲染。

其他技术栈类似，了解技术栈的周边生态，间接的反应了项目的体量。

二、个人介绍

通过了简历筛选阶段，就真正到了面试环节。这时候一定要准备好一段最多 3 分钟的个人介绍。

请注意，最多 3 分钟！

碰到过这样的面试者，一段个人介绍说不完，滔滔不绝，从高中时代说起，然而面试官并没有那么多的耐心和时间。这样会留下不太好的初次印象。正确的做法是：

言简意赅的说明自己的工作时间，擅长技术栈和自己的工作预期。

三、技术名词

既然我是通过技术名词来筛选简历，这就成为了我面试的重点考察区域。简历堆砌技术名词其实是一把双刃剑：

1. 不写技术名词，简历容易被刷掉；

2. 写上的话，可是需要充分的准备哦，否则这可能成为你的软肋；

为了充分说明，我举几个例子（这是真实面试的反馈）：

再来看一个：

可以看到，技术点我都会去问一下，根据掌握度，会有一个简单的评分（1-5）。而这个评分就是我定级的标准，后面会详细说明。

四、挖掘项目的深度

项目经验也是面试中比较重要的一个环节，为了对面试者有一个全面的认识，所以我会花一些时间聊聊面试者做过的项目。

当然，不会有人只写一个项目，所以我的问题就变成了：能看出来你做过不少项目，有没有哪个项目是你做的最好，值得骄傲的？

这样，我就可以从最好的项目入手，省去了人为过滤的麻烦。

当面试者开始讲自己项目的同时，作为面试官，我有几件事情需要确定：

1. 首先要确定项目是否是自己做的，即确定项目的真实性；

举个例子：你的项目是 React 搭建的，能告诉我搭建项目的过程和需要注意的地方吗？

这时候有人就漏底了，除了 Create-react-app 之外，什么都说不出来。难道你不用 Router 吗，难道不需要处理静态资源吗，难道不需要构建吗？

细问之下，告诉我项目是其他同事搭建的，自己只负责开发业务。

2. 项目的缺陷

我们在架构项目的时候，想的太多会过度设计，想的太少则可能会出现随着业务增长而来的种种问题。很多企业都在探索某个技术领域的最佳实践，其实并没有行业通用标准，只是思想可以借鉴罢了。

当然，你如果经验丰富，并且能不断重构，是可以修复一些项目缺陷。嗯，所以我的问题又来了：在项目中有没有碰到过一些问题，你是如何解决的？

这里主要考察面试者实际处理问题的能力，以及是否有独立思考的过程，这个很重要。

3. 项目的深度

项目做到一定规模以后，一定会去深挖原理，甚至原本的架构或者插件都无法满足。举个例子：如果没有扩展过 Webpack Loader 的项目，基本可以肯定是一个小型项目，中型或大型项目以及业务复杂的项目都或多或少有一些方向的扩展。

项目深度的考察其实比较难，总会有一些行业通用问题需要去解决，这也就是 BAT，TMD 这些公司经常会去制定一些行业标准，开源一些技术方案的原因。

当然，很多公司还是达不到这个层次，所以项目深度也是因人而异，并没有通用标准。

所以考察方向就成了对这个项目的持续开发，垂直领域以及深度思考。

在这现在分享一个前端面试题库小程序非常实用，搜索    MST题宝库  小程序

五、程序基础，手写代码，算法

看到过这样一个问题：面试要求手写代码的面试官是不是都很 Low？

显然不是，通过写代码可以看出一个人的编程功底和思想。另一方面，我们很多时候都在阅读别人的代码，所以能迅速的看出你代码问题的人，在我看来，能力是在你之上的。

一般手写代码都集中在：数组操作、原生 JS、算法实现、以及数据结构这几方面。部分前端有可能会有一些 CSS 布局要求。这里我就不展开说明了，后续会出系列文章来探讨笔试面试题相关内容。欢迎关注，欢迎探讨。

六、技术热情

我们来举两个例子：

问：HTML5 的地理定位你用过的场景是什么？

答：balbalbal…

问：有没有遇到过定位不准的情况，浏览器定位的原理究竟是什么呢？

答：……

再譬如：

问：webpack 你最常用的 loader 都有哪些？

答：balbalbal…Babel

问：Babel 的作用是什么？

答：balbalbal…

问：有没有了解过 Babel 的原理，它是如何做到的呢？

答：……

相信大家也看出问题了，这位同学会有一些简单的使用场景，但是一追问原理，就一无所知。所以你觉得他对技术有热情吗，难道你对技术一点都不好奇吗？

技术热情决定了你在这行的成就，也决定了你是否能走得更远。

七、个人规划

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

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