最近团队分配了一个新的开发项目，需要紧急招聘一名中级前端，所以5天内面试了17个人。 我负责其中一个方面，最终有4人合格。 这篇文章记录了我这5天的经历。 面试经历。

1. 简历中的注意事项

对于面试官来说，了解候选人的第一个途径就是简历。 一份好的简历可以快速树立一个人的职业形象。 对于大多数人来说，很难写出亮点，但至少应该减少。 一些不必要的错误。

1.1. 学历

如果你毕业的学校不是很好，或者不是计算机专业，你可以把你的教育背景写在简历底部不显眼的地方，但不要漏写。

1.2.基本信息

1. 简历上确实没有必要写政治派别甚至会员资格之类的信息。

2.Github、博客，如果明星多、粉丝多，写在简历上会是一个加分点，但如果里面没有有价值的内容，还写在简历上，我觉得将会遭受很大的损失。

1.3.专业技能

面试提问时，我喜欢看专业技能中出现的技术来提问，尤其是写成“熟悉”、“精通”的。 如果他们被写成“精通”某项技术，他们会更直接地提出有关该技术的更深入、更基础的问题。

但这并不意味着“熟悉”和“精通”不应该出现在专业技能栏目中。 相反，“熟悉”、“精通”让人感觉该技术更可靠，但前提是你必须对该技术有相应的技能。 如果你不知道你的专业技能中写的所有技巧，你的分数将会大大降低。

很多同学都会在简历中写上“了解”某项技术。 这些技术通常自己都能简单了解，但并不深入，无法熟练使用。 我觉得这种写法不应该出现太多。 拥有1-2个“理解”的技术就足够了，如果面试官问到这个“技术”，你至少应该告诉你这个技术是做什么的，能解决什么问题。

1.4.工作经历

频繁跳槽肯定会降低你的积分。 如果三年内跳两次，甚至两年内跳三次，即使通过了一级考试，也有很大几率会被二级或HR级考试拒绝。 对于经常跳槽的同学来说，除了选择工作时要更加谨慎，减少跳槽的频率。 另外，你可以参考我的一些见解：

通过面试后的背景调查，大多数公司最多只会检查你的前1-2家公司，而不会检查你的整个工作经历，所以有时你可以对你的过去进行一些简单的修改。

1.5. 项目经验

对于前端简历来说，项目经验是最重要的部分。 项目数量不能太少，但也不能大也不能小，包括个人demo，简历上都有十几二十个，这样会让人看了。 花，大概的金额，我认为1年经验对应2个项目是最好的。

一般来说web前端简历模板，每个项目的描述分为以下几个部分：

“我的责任”是最重要的。 我对这部分的建议：

1. 请不要机械地描述项目的所有技术。 直接把这个技术描述写在第四部分“项目中使用的技术”即可web前端简历模板，例如：

1.使用vue-cli构建项目
2.使用element开发页面
3.使用axios发请求
4.使用 sessionstorage 储存用户登录状态
5.使用swiper实现图片轮播效果
...

以上都是任何前端都会做的事情。 《我的责任》里写的实在是无稽之谈，完全无趣。 我觉得这个“责任”更多的应该是你所承担的一些更深层次的责任。

2.请记住，你写的每一个点都可能会被面试官问到，所以不要只写一些你没有参与或不了解的东西，以便让自己对项目更有责任感。 如果写作的时候，也必须提前做好一些准备。 如果面试官发现你是一个不诚实的人，那么面试基本上就会失败。

2. 面试注意事项 2.1． 基本问题

作为一个前端，如果你不能把闭包、原型链、同步、异步、es6解释清楚，我真的很难相信他的工作没有挖坑，所以请做好这些基础的准备问题。 ，你肯定不可能把面试官要求你的都做到，但至少在这方面你不能表现得太差。

2.2. 经常出现的开放式问题

例如

1.自我介绍
2.介绍一下你最近参与的这个项目
3.介绍一下你最近在了解的最新的前端技术 
4.说说你关于前端项目性能优化的理解 
5.印象中你在项目中遇到最困难的问题，最棘手的问题
...

这类问题出现的频率非常高，尤其是“自我介绍”，几乎是必问问题。 我遇到过一些受访者连自我介绍都不会，只有1-2句话，连结束语都没有。 对于这种问题，这种人要么是他的能力有问题，要么是他的态度有问题，这种情况我觉得他就可以过去了。

三、问题总结

对我来说，在面试之前，我会花10分钟左右的时间仔细阅读面试官的简历，以确定我调查的重点方向。 在面试过程中，一方面，我会根据面试官简历上的内容提出问题。 然后我会根据面试官的回答进行更深入的挖掘。 另一方面，我准备了一个面试题的小题库。 如果我觉得面试官的简历我不太感兴趣，我会随机从题库中问一些问题。 ，然后根据面试官的回答灵活应对。 以下是我为这次采访准备的问题：

3.1.html

1.先说一下前端页面本地存储的方法。 它们之间有什么区别？

2、如果不写HTML5，页面还能正常运行吗？

3.谈谈你对标签的理解

3.2.CSS

1、介绍一下flex布局（用法、常用属性）。 问题：使用flex实现左边固定宽度，右边自适应布局（左边的子元素给定固定宽度width:100px，右边的子元素为flex:1）

2、px、em、rem的联系与区别

3.谈谈你对CSS盒子模型的理解

4、需求实现：当鼠标移动到某个元素时，该元素会放大到原来大小的1.2倍，过渡时间为0.5s。

3.3.js

1、我们先来说说js函数中函数的私有方法、公共方法和静态方法如何实现。

2.谈谈你对原型和原型链的理解

3、说说setTimeout的执行过程（setTimeout(fn, 0)执行需要多长时间）

4.谈谈你对浅拷贝和深拷贝的理解

5、如何实现数组去重（set）

6.你了解js的回调地狱吗？ 回调地狱是如何形成的？ 回调地狱的解决方案有哪些？

7.数组遍历方法、对象遍历方法

8、请求三个接口时，需要等到三个接口都拿到数据后，才能进一步处理数据。 界面响应时间比较长。 通过promise你最多可以等待2s。 如果界面无响应，则会告知用户当前网络状况较差。 请稍后再试

9. 什么是封闭及其副作用？

10、说一下js中一些常见的this点，比如函数、对象、事件、构造函数、箭头函数，如何改变this的点

11、二级和三级的区别，0和false相等，0和undefine相等吗？

12.如何判断一个对象是否为空对象

13.箭头函数与普通函数的区别。 什么时候不应该使用箭头函数？

14、类数组数组转换为实数数组的必要条件

3.4.vue

1.Vue的核心是什么（数据驱动、组件系统）

2.vue和jquery有什么区别

3. v-if 和 v-show 有什么区别？

4. v-if 和 v-for 哪个先执行？ 为什么v-if和v-for不建议一起使用？

5.compute和watch的区别及使用场景

6.vue如何实现双向数据绑定

7.你了解vue3吗？ vue3是如何实现的？

8、讲一下vue组件的生命周期以及created和mounted生命周期的区别。

9、说说组件的通信方法

10.什么是虚拟DOM，虚拟DOM的优点和缺点

11、Vue的view为什么采用异步渲染？ 你知道nextTick吗？ （什么情况下会用到，异步渲染最后的异步渲染）

12、使用v-html需要注意什么？

13.举一些Vue性能优化的例子

14. 编写React/Vue项目时为什么需要在组件中写入key，它的作用是什么？

3.5.webpack

1.先说一下webpack的几个核心概念

2、说说webpack运行的基本流程

3.你做过webpack性能优化吗？ 谈谈你对webpack性能优化的一些经验（从哪些角度来优化）

3.6.模块化

1.你接触过node吗？能介绍一下CommonJS和ES6 Modules规范以及它们的区别吗？

3.7.性能优化

1.谈谈前端项目性能优化的总体思路（代码层面、框架层面、静态资源加载（cdn、延迟加载、http缓存））

3.8. 小程序

1.鑫小程序：app.json文件的作用是什么？ 先说一下里面的配置项。

2、说说微信小程序和h5的区别

3.9. 前端和后端通信

1、说说get请求和post请求的区别