最近到了金三银四的跳槽季，很多人都会面临跳槽找工作，并且再过几个月又会到毕业季，越来越多的毕业生会面临这个问题。
同样，我们组因为业务需要（我们今年倒是还没有人员离职，感动╭(╯^╰)╮）需要进行社招，我最近看了不少简历，并且对一些小伙伴进行了电话沟通（电面），对面试找工作有一些自己浅薄的观点
因为个人认为本人的技术还是很菜的，并且工作经验也没有特别丰富，所以文章内容都是自己一些浅薄的看法观点，若有不对之处，欢迎大家指出，不喜勿喷啊~~~
本篇文章可能只是适用于初级前端，也就是刚毕业的大学生或者毕业 2 年之内的小伙伴，大家酌情阅读~~~
(更新：最后的面试题只是自己总结的一些偏基础的知识~~~ 刚毕业的小伙伴看着也不要有什么压力，不是代表初级前端必须掌握的技能，只是总结出前端面试中比较常见的问题~~~作为面试者，多准备一些有益无害嘛ヾ(=･ω･=)o)
如果大家喜欢，可以点赞或留言我再继续更新面试题~~~~，谢谢大家~~~
简历最好在 1-2 页，最好不超过 2 页。简历真的不是字写的多就好，不管是技术还是 hr 都很难一个字一个字看你的简历。所以简历上写的一定是精华，需要写你的优势。
个人不太喜欢花里胡哨的简历，排版整齐就好，但是也要注意不要有错别字，虽然都知道是无心的，但是给人的印象确实不怎么好，最起码可以说明你没有仔细看过你自己的简历，同时最好区分大小写，数字/英文和汉字之前要有空格，这个真的是一个好习惯，之前在掘金翻译的时候养成的习惯，现在就算是微信聊天基本上也都会遵循，极大的提高了阅读效率。
最好不要使用在招聘网站上使用模板生成的简历，同时要记得使用 PPT 模板的时候要把不必要的东西删除啊= =，（收到过简历上第一行是 chapter，也没有姓名，就问他为什么没有名字，然后给我回答 chapter 是英文名= = ）
对于已经毕业 2 年以上的，学生时期的经历（学生会主席、拿过什么什么奖学金）就可以不用写了。
前端这块的简历基本上就基本介绍、技术栈、工作经验、项目经验就可以。
基本介绍写明 姓名、电话和邮箱、毕业时间、学历、出生年月就可以（照片有没有都行、政治面貌、籍贯无所谓），电话一定要真实可以打通的电话（真的遇到过到的简历电话和邮箱中间四位是 **** (ಥ_ಥ)），也遇到过打电话打几次打不通的（工作日和非工作日都联系过），即使您再优秀，联系不上也白搭啊(/□＼*)
个人觉得 0202 年了，会用 JQ 基本就可以不用写在简历上了，如果你研究过（不等于看过）JQ 源码可以酌情写上。
同时，你的简历要和你投递的岗位相匹配，比如 title 是资深前端工程师，那么你能够使用 div + css 写页面就可以不用写在简历上了，因为这应该是最最基本的要求。
简历上是要突出你的优势，同时也是自我总结能力的一个体现
面试的题目很大部分都是从你简历里面问的。所以，对于那种自己只是找了篇文章然后实现了下的项目或者只是写过 demo 的，就不要写在简历里面了。
简历里面写的一定是你全部了解的，因为前端的技术栈或者各种各样的框架层出不穷，面试者基本不会问一个你没听说过的框架，那怎么知道你会什么呢，就从你的简历里面看喽～
我就遇到过很多简历写的很好，但是一问就不知道了。比如有个简历上写的“对面向对象编程有深刻的理解”，我问：“面向对象的三大要素是什么”，回答：“这个概念性的记不清了。”，好吧，那我换一个：“你平时怎么实现封装和继承”回答：“平时项目中基本用不到” ，“那面向对象和面向过程编程有什么区别呢？” 回答的思路不清晰，磕磕巴巴。对于这种情况，个人觉得你最好就不要把“对面向对象编程有深刻的理解”写在简历上了，因为如果你不写，我可能还不会问，但是你掌握的水平和“有深刻理解”差距还是蛮大的，这就是一个减分项了。
还有一个是简历中在个人技能和项目的第一个都写的是“用 node 开发个人博客”，刚好我本人最近也在做这块内容，想着问下。然后回答“其实我是在网上找了篇博客跟着实现了下，现在忘记了”
所以说简历上真的要写你非常了解的领域啊！只是听过名次和写写 demo 的话写在简历上反而是减分项。
简历中对某项技术的描述一般有以下几个词语：
了解：理解基本概念，有过简单的使用经验 —— “用过” 熟悉：基本操作很熟练，有过密集的使用经验 ——“用得不少” 精通：深入理解其底层原理及各种实现方式，并有丰富的项目经验——“有研究”
切记准确用词，慎用“精通”！！
收到简历之后我们一般都会先进行一轮电话面试（每个公司的流程不一样），因为成本比较低嘛，问一些基础问题大概就可以知道面试者的水平在哪个范围了，和我们招聘的岗位的匹配程度如何。
同时，我建议面试者被邀现场面试之前最好也进行下电话沟通，如果直接现场面的话最少你要请半天假吧，如果说双方的匹配程度比较低就不用白跑一趟了。
我们这边电面以基础为主，如果基本能够符合我们的招聘要求，再约现场面。
我个人认为，基础比较好（不仅仅是 js 基础，还有计算机体系基础和编程基础），三大框架熟悉其一并略懂原理 这两点是最起码的，自己用 webpack 配置过项目懂得 webpack 打包原理、学习过框架源码、对性能优化有过实践、对新技术的了解程度 这些都是加分项（因为我们项目中没有用到 node，node 基本不会问，除非你在简历中写有）。
并且也会考虑面试者的综合素质，主要是表达能力（沟通无碍就好）、性格是否十分内向、回答问题是否条理清晰。
我个人的话会有一个常问的面试题库，然后在电面前根据面试者的简历筛选要问的问题，比如前面说到的，你简历中写有“对面向对象有深刻的理解”，那么我就会准备几个面向对象的问题。
整体来说，电面之后就基本可以确定了面试者和我们招聘岗位的匹配程度，在面试的过程中会记录下面试者的回答情况，对于有明确答案的问题看其是否回答正确，对于开放性问题，看其思路是否清晰。
我个人的话问框架 api 都是一些比较常用基础的 api，考察下你使用到什么程度，比较会问一些原理，比如 vue 的双向绑定原理（vue 2.0 和 vue 3.0，两种实现的优缺点）、vue 的 nexttick 原理、diff 算法等。
我们在电面完之后通常都会问面试者有什么问题想要问我们的，大部分面试者会问我们组所做的业务，也会被问到技术方面的问题= =，一般这个环节都是看下面试者有什么诉求的，就是你如果有什么强烈的诉求可以问下。
电面完之后一般不会直接说是否通过，都会说“后续可能还会有其他同事联系您”，但是根据点面的过程，应该自己心里都会有个大概吧= =
关于为什么不直接给答案，一方面是处于礼貌:)，一方面是可能当时并不能及时给出结果。
一个比较好的方法就是面试完需要考虑下才能给出答复，并且一般就算面试没有过也不会再给你说没有过。所以默认一周之内如果没有 hr 再联系你，基本就可以认为是面试没有过了。
一般电面之后我们会找 hr 小姐姐约现场面试，对于现场面试我并没有太多的经验，这里只是给出参考意见。
现场面就看各个面试官的习惯了，有的会继续问一些技术，有的会重视项目经验，我们这是现场技术面之后要给一个定级，看是否达到招聘要求。
一般情况下是第一轮面试之后如果能给定级那么就找我们技术 leader 来聊下，把把关，没啥问题再找 hr 小姐姐来聊下。
在刚毕业的时候我会认为找工作是只看技术的，毕竟我们是技术岗位。
但是现在自身的感觉包括也和其他小伙伴聊过之后发现技术有的时候占比也没有想象那么高。
因为其实我们毕业之后 1 -2 年内并不是特别能拉开差距，大家的水平相差都不是特别大。
这个时候可能一些其他的品质更重要，比如你的沟通能力、你的性格、是否踏实。
同时，找工作这个事情，运气和缘分也是很重要的，比如当时的岗位是否是急缺岗位，如果是新增的部门或者刚好有人离职需要补位，这些特殊情况下，可能要求会稍微降低些（绝对不会降低太多）。
所以最好是找团队人员内推，这样对团队的情况会更加了解。
但是个人觉得，3 年之后技术水平的差距就会越来越大了，并且想要缩短差距也会越来越难。
其实就和你上大学选择名校还是一般学校，有些人说不想当大公司的螺丝钉的时候可以先问下自己能不能够进入大公司，不要还没有进入就开始酸。
有能力去而选择不去和去不了是两个概念。
从自身以及周围人的经验而谈，大公司你能学到的东西从各方面都是比小公司强一点的（这里说的小公司不代表某些小而精的公司）。
个人经验而言，大公司并不是每个人都是螺丝钉，做重复的劳动，因为你所对接的部门有很多，你需要和各种各样的前端、后端、产品、设计、QA 接触，每个人的习惯都不尽相同，也会遇到跨部门合作，不同部门的技术栈可能会不一样，所以，你所接触的东西是多元化的；
相反，小公司所接触的前端、后端、设计和 QA 基本都比较固定，基本上也不会有跨部门合作的需求，并且技术栈相对而言比较固定，使用了一套技术栈基本也不会换，所以你的技术提升视野可能会稍微窄一点。
并且大公司的业务复杂程度和用户数量也是小公司所不能提供的。
说句实在话，简历中有知名互联网公司的工作经验是很加分的，基本都能有个面试资格，因为从某种程度降低了成本，因为既然能够去知名互联网公司，说明肯定是有优势的。
我们老大经常给我们说过的一句话是：“不要只会一些 API 的东西”，现在前端的一个现象是，很多人使用了一些 API，就觉得掌握了某些知识。
要注重一些底层知识，一些原理，这才是长远发展的必备技能。
比如在电面的时候问：“一句话概述下什么是 promise”，很多人都回答 promise 的使用方法。
找工作真的是双向选择的过程，不仅仅是公司选择你，也是你选择公司的过程，有能力的话最好找一个好的团队，做的业务是自己喜欢的，最起码不能太反感不是。
其实从面试官你基本也可以判断出该团队的水平，个人的一点看法是，如果你本身还处于成长阶段，如果面试时候问的问题你都可以顺利的回答出，那么该工作你就要慎重考虑下，可能成长空间会小一点。
关于跳槽频率，这个不管是技术 leader 和 hr 都是考虑的一个问题。
因为前几年，个人感觉涨薪的最便捷途径就是跳槽，涨薪幅度会比较高，在一家公司等加薪比较慢。
但是如果你跳槽过于频繁其实是不利的，个人认为，一年跳槽一次这个频率就有些高了。
京东也是将这点明确有要求的，一票否决制度，五二原则（五年内之内最多在两家公司）
现在很多公司的门槛都是本科相关专业毕业，并且以后的要求肯定会越来越高。
每个公司要求不一样。
很多人都会有这样的一个问题：觉得面试中问的很多问题在实际工作中根本用不到。
我觉得你会有这样的问题可能是你和这个公司的岗位并不相匹配。
因为当时我面试饿了么的时候，问我了一些简单的算法的问题和一些底层原理，但是面试的时候还有些吐槽。
入职之后，发现面试问的问题在工作中确实用到了，并且在自己准备面试题的过程中，也是根据平时的工作经验总结的。
自己当时觉得用不到是因为之前的业务场景不够复杂，用户量不够大，所以有些知识点用不到，很多产品需求都是需要自己实现的，现有的组件不能满足有些问题。
比如自己需要实现一个组织架构树，对每一个节点进行不同的操作，有的时候还需要 table 和 tree 相结合，一些比较复杂的节点数据可能比较多，所以还需要考虑性能优化的问题。
所以面试的时候就会问: 如何遍历一个树，并对其进行优化。
有的人会问 底层知识，原理有没有用？？ 答案肯定是有用的！！
对于一个人的技能，我觉得最重要的是解决问题的能力，因为我们的工作其实就是解决一个又一个的问题，不管是从产品层面还是从技术层面，都是将这个问题解决。
而你了解更多的底层知识，更多的原理知识，都是提高你解决问题的能力，如果你知道 api 背后的原理就能更好的选择使用哪个 api。
并且了解底层知识和原理也会提高你排查问题的能力，因为你工作中总会遇到：“明明就是这样的啊，为什么报错啊，为什么不能用啊，为什么和预期不对啊”，你如果只是知道 api 是怎么使用的，有的时候是没办法很好的排查问题的。
不知道大家学习知识的时候都是从何种渠道学习的呢？
个人的建议是最好从官方文档学习，遇到问题最好去看下源码。
学习知识最好从一手的内容学习，只看别人的写的博客之类的是不行的，就像吃别人嚼过的馍一样，包括我这篇文章，我都不能保证所有的观点和知识点的正确性，当然了，当你对某个知识点理解不清楚的去看下其他人的观点也是对你有帮助的。
下面是我个人的面试题
常见 CSS 布局
该问题主要想了解面试者的思维是否有局限性，实现该布局是一个比较常见并且方法很多的一种布局方式，并且可以引导面试者一步一步回答 CSS 相关的基础问题。
基本上最常见的答案是这三种布局方式，但是很多人都只说一个 flex，其他两种布局方式稍微考虑下就可以想到（o´ﾟ□ﾟ`o），该问题不是想让面试者回答出什么奇淫技巧，只是对 CSS 基础知识的一个考察。
flex 设置宽度和宽度自适应应该算是 flex 的最基本用法，在面试中，问到 flex 的设置宽度和中间自适应具体是哪个属性，很多面试者都回答“不记得了，平时都是自动填充的”
float、clear 和 vertical-align
<style>
.sector {
width: 0;
height: 0;
border-width: 50px;
border-style: solid;
border-color: #f00 transparent transparent;
border-radius: 50px;
}
</style>
复制代码
这几个问题基本上可以了解到面试者平时都是怎么使用 CSS 的了，对于 CSS，我觉得够用就好，因为我们现在基本急太处理兼容性问题（有 babel 并且我们的项目不要求兼容 ie6 等古老的浏览器）
cherryblog.site/deepcopy.ht…
(ES6之前)其中5种为基本类型:string,number,boolean,null,undefined,ES6出来的Symbol也是原始数据类型 ，表示独一无二的值。Object 为引用类型(范围挺大),也包括数组、函数
在内存中的存储方式不同，原始数据类型在内存中是栈存储，引用类型是堆存储 栈（stack）为自动分配的内存空间，它由系统自动释放；而堆（heap）则是动态分配的内存，大小不定也不会自动释放。
在内存中存储方式的不同导致了原始数据类型不可变 原始数据类型和引用数据类型做赋值操作一个是传值一个是传址
cherryblog.site/deepcopy.ht…
相同点:
这个问题是一个 JS 基础相关的问题，可以考察面试者 JS 基本功
cherryblog.site/JAVAscript-…
The Promise object is used for asynchronous computations. A Promise represents a single asynchronous operation that hasn't completed yet, but is expected in the future.
译文：Promise对象用于异步操作，它表示一个尚未完成且预计在未来完成的异步操作。
JS 异步回调的 4 种解决方案
promise 也是一道常见的面试题，在开始问什么是 promise 的时候，很少有人能够用一个话说出什么是 promise，都只是说 promise 的 api 怎么使用，包括闭包，也很少有人能够用一句话概括什么是闭包。个人感觉不能用一句话概括都是理解的不够深入或者没有从更高的层面理解
在一个事件循环中，异步事件返回结果后会被放到一个任务队列中。然而，根据这个异步事件的类型，这个事件实际上会被对应的宏任务队列或者微任务队列中去，当执行栈为空的时候，主线程会首先查看微任务中的事件，如果微任务不是空的那么执行微任务中的事件，如果没有在宏任务中取出最前面的一个事件。把对应的回调加入当前执行栈...如此反复，进入循环。
eventloop 也是一个很常见的面试题，也是回答出来比较高的一个问题，可以写一个函数，让面试者回答输出
这个问题确实是一个很基础的计算机先关的问题，但是很多的面试者仍然不能准确的说出 HTML 的含义（超文本标记语言），在说 XML 和 JSON 的区别的时候只能回答出 XML 常用作配置文件，JSON 用于 AJAX 传输数据
这个问题真的是前端面试必问问题，因为能全方面考察面试者的能力，能根据面试者的回答层层层深入，引申出好多问题
要点：1. 发送者和接收者 2. 传输媒介 3. 传输的数据 4. 传输格式（协议）
目的：1. 同步数据 2. 传递指令(执行的方法)
使前端不用再操纵 DOM,数据驱动，通过数据的改变直接改变 DOM
对于 Vue/React/Angular 三大框架会使用哪些 api 是次要的，主要是要了解框架解决的问题和实现原理。
关于 webpack ，对于初级前端，基本上只需要可以 cli 将项目起来，知道 loader 和 plugin 的区别以及常用的 loader、plugin 个人觉得就差不多了，但是对于 高级前端及以上，最好还是了解下 webpack 相关的原理
作者：sunshine小小倩
转发链接：
https://juejin.im/post/5c8bb79e6fb9a04a006fe79a
京公网安备 11010802035086号