金三银四跳槽季，越来越多的毕业生会面临这个问题

近期，金银白银的跳槽季来了。很多人为了找工作会面临跳槽，再过几个月就是毕业季了。越来越多的毕业生将面临这个问题。

同理，我们团因为业务需要要做社招（今年没人了，感动╭(╯^╰)╮）。)，对求职面试有一些肤浅的看法

因为我个人认为我的技术还是很不错的，工作经验也不是特别丰富，所以文章内容是我个人的粗浅看法。如果有不对的地方，请指出。

本文可能只适用于初级前端，即刚毕业的大学生或毕业2年内的朋友，请酌情阅读~~~

（更新：最后的面试题只是我自己总结的一些基础知识~~~ 刚毕业的同学不用有压力去看，不代表初级前端必须掌握的技能，不过只是总结了比较常见的前端面试问题~~~作为被面试者，多准备一些有益无害ヾ(=･ω･=)o)

喜欢的话可以点赞或者留言，我会持续更新面试题~~~~，谢谢~~~

简历格式

简历最好是1-2页，最好不要超过2页。简历真的不如尽可能多地写字。无论是技术还是人力资源，都很难逐字阅读你的简历。所以，简历上写的一定是精髓，要写出自己的强项。

就个人而言，我不喜欢花哨的简历。有一个整洁的布局很好，但你也应该小心不要打错字。虽然知道是无意的，但是印象真的不是很好。至少它表明你没有仔细阅读自己的。简历，最好区分大小写，数字/英文和汉字前要有空格。这真是一个好习惯。这是掘金翻译时形成的习惯，现在连微信聊天也基本遵循。大大提高了阅读效率。

最好不要使用招聘网站上使用模板生成的简历，使用PPT模板的时候记得删掉不必要的东西= =，（简历第一行是章节，没有名字，只是问他为什么他没有名字，然后给我答案那章是英文名字= =）

毕业2年以上的，学生时期的经历（学生会主席，拿过什么奖学金）可以省略。

简历内容

前端部分的简历基本包括基础介绍、技术栈、工作经历、项目经历。

基本介绍应包括姓名、电话和邮箱、毕业时间、教育背景、出生日期（不管有没有照片、政治背景、籍贯）。你的简历电话号码和邮箱中间的四位数字是****(ಥ_ಥ))，遇到过多次电话打不通（工作日和非工作日），不管你有多好，你联系不上。没用(/□＼*)

项目经验与交付的标题相匹配

个人认为是9102岁。如果您知道如何使用 JQ，则无需将其写在简历上。如果你研究过（不等于读过）JQ源码，可以酌情编写。

同时，您的简历应与您提交的职位相匹配。比如头衔是高级前端工程师，那么你可以用div + css写一个页面，不用写在简历上，因为这应该是最基本的要求。

你的简历是为了突出你的优势，也是你自我总结能力的体现。

简历上写什么是你擅长的

大多数面试问题都来自你的简历。所以，不要在你的简历中写你刚刚找到一篇文章并实施或只是写了一个演示的那种项目。

简历上写的东西你都要知道，因为前端技术栈或者各种框架层出不穷，面试官基本不会问你没听说过的框架，那你怎么知道你知道的？看你的简历

我遇到过很多写得很好的简历，但我不知道什么时候问。例如，有一份简历上写着“对面向对象编程有深刻的理解”，我问：“面向对象编程的三要素是什么”，回答：“概念上我记不起来了。 ” 好吧，那我换一个：“你们平时是怎么实现封装和继承的？” 答：“项目中基本不用”，“面向对象编程和过程编程有什么区别？” 答案是不明确的，也是磕磕绊绊的。在这种情况下前端面试有现场敲代码，我个人认为你最好不要在简历上写“深刻理解面向对象编程”，因为如果你不写，我可能不会问，而是你的掌握水平和“

还有就是，简历中个人技能和项目的第一部分是“用node开发个人博客”。正好我最近也在做这个内容，想问问。然后回答“其实我在网上找了个博客就关注了，现在忘记了”

所以你真的需要在简历上写下你非常熟悉的领域！只是听说过排名，写过demo，写在简历上就是扣分项。

注意用词

简历中对技术的描述一般有以下几个词：

知识：了解基本概念，有简单的使用经验——“用过” 熟悉：基础操作非常熟练，有密集使用经验——“用过很多” 精通：深入了解其底层原理和各种实现方法，并拥有丰富的项目经验——“有研究”

切记用词准确，慎用“精通”！！

电表面

收到简历后前端面试有现场敲代码，我们一般会进行一轮电话面试（每个公司的流程不一样），因为成本比较低，问一些基本的问题，大概可以知道面试者的水平，我们就录用了。职位匹配程度如何？

同时，我建议被采访者在被邀请参加现场采访之前，应该进行电话沟通。如果你有直接的现场面试，你应该至少请半天假。如果双方的匹配度比较低，就没有必要去浪费了。

我们的电气面试主要是基于基础知识。如果能基本满足招聘要求，我们会预约现场面试。

个人认为基础不错（不仅是js基础，还有计算机系统基础和编程基础），三大框架都熟悉其中一个，对原理有点了解。这两点是最少的。我已经使用 webpack 来配置项目并了解 webpack。封装原理，学习框架源码，有性能优化实践，对新技术的了解都是加分项（因为我们项目中不用node，node基本不会问，除非你写在简历里。） .

另外，面试官的综合素质也会考虑，主要是表达能力（沟通畅通就好），性格是否非常内向，问题的回答是否连贯。

我个人会有一个面试常见问题库，然后在手机前根据面试者的简历筛选出要问的问题。比如上面提到的，如果你的简历上写着“对面向对象有深刻的理解”，那么我会准备几个面向对象的问题。

综合来看，电话面试后，基本可以确定面试官与我们招聘岗位的匹配程度。面试过程中，会记录被访者的回答。对于有明确答案的问题，请检查他们是否回答正确。性问题，看他们的思路是否清晰。

用我自己的话来说，框架 API 是一些比较常用的基础 API。看你用了多少，就会问一些原理，比如vue的双向绑定原理（vue 2.0和vue 3.@）。>0，两种实现的优缺点），vue的nexttick原理，diff算法等。

电话面试后，我们通常会问面试官他们想问我们什么问题。大部分面试官都会问我们组做的业务，也会问技术问题= =，一般这个链接是看面试官想要什么，也就是你有什么强烈的要求可以问。

电话面试后，我一般不会直接说我通过与否，而是会说“其他同事以后可能会联系你”，但按照面试的过程，心里应该有一个大概的想法= =

至于为什么不直接给出答案，一方面是客气：），另一方面，到时候可能没有及时给出结果。

更好的办法是面试后给出答案，需要考虑一下，一般情况下，即使面试没有通过，也不会告诉你不行。所以默认情况下，如果一周内没有hr再联系你，基本可以认为面试没有通过。

现场

一般在电话面试后，我们会请HR小姐进行现场面试。我对现场面试没有太多经验，所以这里只是一个参考。

现场面试取决于每个面试官的习惯。有些人会继续询问一些技术技能，而有些人会重视项目经验。我们会在现场技术面试后进行评分，看是否符合招聘要求。

一般情况下，第一轮面试后，如果能拿到成绩，那么可以找我们技术负责人聊天，看看，如果没有问题就找HR小姐聊天。

给应届毕业生的一点建议 毕业后找工作不全是技术

刚毕业的时候，我会认为找工作只是技术，毕竟我们是技术岗位。

但现在感觉自己也和其他朋友聊过，发现有时候技术占比并没有想象中的那么高。

因为其实我们毕业后1-2年内是不可能拉开差距的，每个人的水平差距也不是特别大。

这个时候，其他一些素质可能更重要，比如你的沟通能力，你的性格，你是否脚踏实地。

同时，在找工作的时候，运气和缘分也很重要。比如当时的职位是否急需，如果是新部门或者刚离职需要填补的，在这些特殊情况下，要求可能会稍微低一些。（绝对不会降低太多）。

因此，最好找团队成员进行推广，这样你对团队的情况会有更好的了解。

不过我个人认为3年后，技术水平的差距会越来越大，缩小差距也越来越难。

刚毕业想去大公司

其实这要看你上大学是选择名校还是普通学校。有人说，不想成为大公司的螺丝钉，可以先问问自己，能不能进大公司，不要在进之前就开始酸了。

能去不去和不能去是两个概念。

从你自己和周围人的经验来看，你能从大公司学到的东西在各方面都比小公司好（这里所说的小公司并不是指一些小而精的公司）。

就个人经验而言，大公司不是每个人都是螺丝钉，做重复的工作，因为你接触的部门很多，需要接触各种前端、后端、产品、设计，和质量保证。个人习惯不同，也会遇到跨部门合作。不同部门的技术栈可能不同。因此，你接触到的东西是多样化的；

相反，小公司接触的前端、后端、设计、QA基本都是固定的，基本不需要跨部门合作，技术栈也比较固定，基本不可能使用一组技术栈。会发生变化，因此您的技术提升视野可能会更窄一些。

而且业务的复杂性和大公司的用户数量也不是小公司能提供的。

说实话，简历里有知名互联网公司的工作经历是加分项。基本上可以有面试资格，因为一定程度上降低了成本，因为既然可以去知名的互联网公司，那肯定是有优势的。的。

不要只用API，要了解它的原理

我们的老板经常对我们说：“不要只使用一些 API。” 现在前端的一个现象是，很多人在使用了一些API之后，感觉自己掌握了一些知识。

需要注意一些底层知识和一些原则，是长期发展的必备技能。

例如，当在电话采访中被问到：“一句话中的承诺是什么？” 许多人回答了如何使用promise。

找工作是一个双向的过程，一个好的团队很重要

找工作真的是一个双向选择的过程。选择你的不仅仅是公司，还有选择公司的过程。有能力的话，最好找个不错的团队，做自己喜欢的事，至少不要太恶心。

其实基本上可以从面试官身上判断团队的水平。我个人的看法是，如果你还处于成长阶段，如果你能回答面试时问到的所有问题，那么你应该谨慎对待这份工作。考虑到这一点，增长空间可能会更小。

减少跳槽频率

关于跳槽频率，这是技术领导和hrs都考虑的问题。

因为这几年，我个人觉得最方便的加薪方式就是换工作，加薪会高一些，而一个公司加薪会慢一些。

但如果换工作过于频繁，其实是不利的。个人觉得一年跳槽一次的频率有点高。

京东也明确要求这一点，一票否决制，五二原则（五年内最多两家公司）

关于学历

现在很多公司都有本科相关专业毕业的门槛，以后要求肯定会越来越高。

每个公司都有不同的要求。

感觉面试中有些问题对工作没什么用

很多人都会有这样一个问题：他们觉得面试中提出的很多问题根本不会在实际工作中用到。

我想你会有这样的问题，可能是你不适合这个公司的职位。

因为我在饿了么面试的时候，被问了一些简单的算法问题和一些底层原理，但是面试的时候还是有一些吐槽。

入职后，我发现面试问的问题确实是在工作中用到的，而且在准备面试题的过程中，我也根据自己平时的工作经验进行了总结。

当时觉得用不上，因为之前的业务场景不够复杂，用户数量也不够大，所以有些知识点没有用到，很多产品需求需要自己去实现，现有组件无法解决一些问题。

例如，您需要实现一个组织结构树，并在每个节点上执行不同的操作。有时您需要将表格和树结合起来。一些比较复杂的节点可能数据比较多，所以需要考虑性能优化。

所以面试会问：如何遍历一棵树并优化它。

专注于基本原理和概念的学习

有人会问底层知识，原理有用吗？? 答案绝对有用！！

对于一个人的技能，我觉得最重要的是解决问题的能力，因为我们的工作其实就是一个接一个地解决问题，无论是从产品层面还是从技术层面，都是为了解决这个问题。

如果你对底层知识和原理知识有更多的了解，就会提高你解决问题的能力。如果你知道api背后的原理，你可以更好地选择使用哪个api。

而了解底层知识和原理，也会提高你排查问题的能力，因为你在工作中总会遇到：“明明是这样的，为什么报错，为什么不能用，为什么错有期望”，如果你只是知道api是如何使用的，有时候是无法很好的解决问题的。

最好从官方文档中学习

不知道人们在学习知识的时候是从哪些渠道学习的？

我个人的建议是最好从官方文档中学习，遇到问题最好看源码。

最好从第一手的内容中学习知识。仅仅阅读别人写的博客是不够的。就像吃别人嚼过的包子。包括我的文章，我不能保证所有的观点和知识点。当然，当你对某个知识点没有理解清楚的时候，看看别人的看法对你也是有帮助的。

以下是我的个人面试问题

部分面试题（答案仅供参考，不保证正确性） CSSQ1：如何实现三栏布局（左右固定宽度，中间自适应）

常见的 CSS 布局

这个问题主要是想知道面试官的思维是否有局限。这种布局的实现是比较常见的布局，方法很多，可以引导面试官一步步回答基本的CSS相关问题。

基本上，最常见的答案就是这三种布局方式，但是很多人只说一种flex，其他两种布局方式稍微考虑一下就可以想到（o´ﾟ□ﾟ`o），这个问题不是针对面试官回答什么奇怪的技巧，只是对CSS基础的检查。

Q 1-1：flex是如何实现三栏布局的（如何设置左右两边的宽度，中间自适应使用哪个属性）

flex设置宽度和宽度适配应该算是flex最基本的用法。采访中，当被问到flex set width和intermediate adaption是什么属性时，很多面试官的回答是“不记得了，一般都是自动填充的。”

Q 1-2：设置flex属性后，子元素的哪些属性会失效

浮动，清除和垂直对齐

Q 1-3 浮动/绝对定位如何实现中间宽度适配

Q2：移动开发rem布局原理（rem单位换算） Q3：你自己写过组件吗？

Q 3-1：如何实现样式继承和复用

Q 3-2：你通常如何管理你的 CSS

Q 3-3：你通常使用sass/lass/styles的哪些功能，sass的计算属性会影响页面性能吗？

Q4：如何在页面上画一个圆圈

Q 4-1：如何在页面上画一个椭圆

Q 4-2：如果圆形边框模糊，可以做些什么去锯齿

这些问题基本上可以理解面试官通常是如何使用 CSS 的。对于CSS，我觉得就够了，因为我们基本上太着急处理兼容性问题了（有babel而且我们的项目不需要兼容ie6等老浏览器）

JSQ1：JS 基本数据类型

樱桃博客.site/deepcopy.ht…

Q 1-1 JS数据类型有哪些，基本数据类型有哪些？

（在 ES6 之前）其中 5 种是基本类型：string、number、boolean、null、undefined，ES6 中的 Symbol 也是原始数据类型，表示唯一值。Object 是引用类型（范围很大），包括数组和函数

Q: 1-2 原始数据类型和引用类型的区别

内存中的存储方式不同。原始数据类型存储在内存中的栈上，引用类型为堆存储栈（栈）自动分配的内存空间，由系统自动释放；并且堆（heap）是动态分配的。不同大小的内存不会自动释放。

内存中存储方式的不同导致赋值操作使用不可变的原始数据类型和引用数据类型，一种是按值传递，另一种是按引用传递

Q：1-3 深拷贝和浅拷贝的区别

樱桃博客.site/deepcopy.ht…

Q: 1-4 如何实现浅拷贝

Q: 1-5 如何实现深拷贝

Q: 1-6 null 和 undefined 的区别

相同点：

本题为JS基础相关题，可以考查被访者JS的基本功

Q2：实现数字加千分之一的方法 Q3：面向对象的三大要素

樱桃博客.site/javascript-…

Q3-1：你能简单解释一下面向对象和面向过程的区别吗？

Q3-4：如何实现封装和继承

Q3-5：一句话概括什么是闭包

Q4：一句话总结什么是promise

Promise 对象用于异步计算。一个 Promise 代表一个尚未完成但预计会在未来完成的单个异步操作。

翻译：一个 Promise 对象用于异步操作，它代表了一个尚未完成的异步操作，预计将来会完成。

Q 4-1：promise 解决了什么问题？Q 4-2：在没有promise之前如何解决异步回调

JS 异步回调的 4 种解决方案

Q 4-3：你如何自己实现一个承诺（blog.csdn.net/chaunceyw/a…

承诺也是一个常见的面试问题。在开始问什么是promise的时候，很少有人能一句话说出什么是promise，但是只讲了promise的api怎么用，包括闭包，很少有人会用一句话。概述什么是闭包。个人感觉不能用一句话概括就是理解不够深入或者理解不够高

Q5：事件循环

在事件循环中，异步事件在返回结果后被放入任务队列。但是，根据异步事件的类型，事件实际上会进入相应的宏任务队列或微任务队列。当执行栈为空时，主线程会先检查微任务中的事件。如果微任务不为空，则执行微任务中的事件，如果没有取出宏任务中的第一个事件。将对应的回调添加到当前执行栈中…… 重复，进入循环。

eventloop也是一个很常见的面试题，也是一个回答比较高的题。你可以写一个函数让面试官回答输出

计算机相关 Q1：比较 HTML、XML、XHTML 和 JSON

这道题确实是一道很基础的计算机优先题，但是很多面试官还是不能准确说出HTML（Hypertext Markup Language）的意思。说到XML和JSON的区别，只能回答常用的XML作为配置文件，JSON是用于AJAX传输数据的

Q2：简述输入url到网页渲染的流程

Q 2-1：DNS解析详细流程