我从事的是前端岗位，四月中旬时投过一波，很多都是找朋友或老同事内推，但都没响应，连面试机会都没有，只得作罢。
一直到五月底开始，陆陆续续开始有人来找我投简历，我在 boss 直聘和拉勾上公开了部分工作和项目信息后，找我的人也变多了。
我投了几家大厂或上规模的公司，都需要好几轮，基本都是电话或视频面试，只去了两个现场。面的内容可以分为两大块：技术和项目，这些年一直专注于前端基础知识的积累（前端躬行记系列），而忽视了项目的沉淀以及团队的建设。并且由于求职的岗位都是资深或高级前端，因此相对的要求也比较高（除了技术要扎实之外，还需要时刻关注着前沿技术，并且还得是个业务专家，能为公司作出额外的贡献），使得这么多次面试都不太理想。不过，从这几次的面试中，得到的收获也不少，既然认清了当前形势，就得适当的调整一下今后的工作重点。
目前来看求职的时候公司会看年龄、毕业院校和大厂经验，年轻名校有大厂经验的人机会会多一点。3 ～ 5 年工作经验的人特别吃香，非常建议早做职业规划，在毕业后开始几年先沉淀一下，然后去大厂历练历练，对以后的职业发展会有很大帮助。
自己为了能更好的应对面试，也整理了一套面试资料，希望对大家会有所帮助。
一、技术
1）基础要扎实
对于基础知识，得脱口而口，信手捏来。这次面的内容涉及 CSS 的比较少，JavaScript 和网络问的比较多，性能优化是必问的，还有时髦的 ES6 、React （我平时的项目都是用React写的）也是出现的比较多，数据结构和简单的算法也需要好好准备准备。
除了常规的问答之外，还需要手写代码。上机测试或者现场笔试，非常建议大家平时纯手写，不要借助 IDE 的自动提示。目前来看，很多公司都会出个几道笔试题，试试求职者的编程能力。题目的话都不会很难，有空的话可以去刷刷牛客网或力扣，保持手感。简单的算法可以练练，像快速排序、递归等，数据结构中的链表、二叉树平时都可以复习一下，只靠面试前的突击很容易忘记。我这次算法没有准备的很好，遇到一道很简单的背包问题，没有答出来，可惜了。
2）视野要宽阔
不要局限于自己眼前的一亩三分地，在平时就要有意识的拓宽自己的技术视野。例如现在非常流行小程序，那么你是否对小程序的原理有所了解。还比如很多公司都在实现同构，那么你是否自己操作过。还有微前端地目的是否有过了解，市面上给出的方案是否做过对比。时刻关注前沿技术，紧跟时代潮流，这也算是前端的一个特色吧。前端技术日新月异，没过多少天，就会冒出新思想新技术。
3）理解要深度
不要只停留在表层，适当地去深究一下你所看到的技术。例如你说跨域用的方案是CORS，那么它的跨域原理是怎么样的？如果要传递Cookie，那么前后端要如何配置？什么情况下，会发出两次请求？等等。当抛出一个技术点时，可以深挖到很多知识点。平时开发中，多问自己几个为什么？或许就能注意到自己的盲点。面试官会根据你的简历，找一个技术点去慢慢的渗透，看你理解到什么程度。有次面试还被问到，你最擅长的技能点是什么？平时真的可以往某个点做些深入研究。
4）团队的建设
除了完成自己手头工作之外，你为团队还带来了哪些贡献或变化？例如为新人提供技术思路，封装通用组件为成员使用，又或者制定自动化工作流改善工作效率等。多为团队着想，就能发现很多问题，试着解决这些问题，提升自己的同时也为团队带来便利。
5）思路要多样
面试中会遇到许多场景题，然后让你给出解决方案，大部分都是你没遇到过的，而你的回答当然是方案越多越好。这时候就得用自己过往的经验以及大胆的创新来给出技术思路。例如如何在一个域名中登录，而在另一个域名中直接是登录状态。再比如当重写XMLHttpRequest后，如果遇到第三方库也重写了它，碰到问题该如何排查？
其实平时上班的时候多向自己问几个为什么，时间长了，自己的思路也能更加开阔。还有就是平时项目中遇到的难点，自己也需要有意识的记录下来，试着多搞出些方案来。
二、项目
在考察项目时，经常会问你遇到的比较困难的项目是什么？
我自认为项目中的难点就是解决从未遇到过的问题。但说着说着自己会感觉好像也没那么难，就是有点烦。大部分人所做的业务都不会很难，那么就自己给自己加点难度。例如我平时会做广告落地页，就是个表单填线索，加个图片滑动，商品介绍，商业视频等部分。很普通很平凡，但是如果做成一个可拖拽的可视化编辑器，那么就会很有搞头，不仅能大大提升工作效率（甚至可以让非技术人员自行搭建页面），并且涉及到的技术点会很多，将碰到许许多多、形形色色的各类问题。这个时候就可以和面试官侃侃而谈了。要做成这种程度，需要大把时间的沉淀，非一朝一夕可成，所以建议大家早做打算。
再比如我在简历中提到自己设计过一个性能监控系统，有次面试正好碰到一个做过多年监控系统的面试官。由于我这系统还未正式上线，很多点还未考虑到，并且还仅仅是个雏形，很不完善，面试官问到的许多问题我也答不上来，即使回答了，也感觉给出的解释非常的苍白无力。例如通过你这系统解决过哪些业务瓶颈？你的系统架构是怎么样的？一个月后你预估数据库的存储量将是多少？你在选择的服务器配置是怎么样的？非常建议大家平时在公司推动一些本职工作以外的项目，当然这些项目对业务是有益的，其实就是为自己增值，在上线后记录遇到的问题以及带来的贡献。
三、面试题目
1）企鹅杏仁
第一轮 电话面试
在开始的时候，问了点项目问题，让我挑几个有挑战的说。剩下的就都是在问题基础，下面只列出了想到的几个问题。
（1）网络：描述TCP三次握手，四次挥手，HTTP2.0的优势，HTTP协议的特点。
（2）数据结构：链表和数组的区别，栈和队列的特点。
（3）简单算法：在两个数组中找到相同的元素，在数字数组中找出最大值。
第二轮 技术面试
下午三点的面试，提早到了，整层楼都是该公司的，不过工位有点小。
先做一份笔试试卷，四道题目，三十分钟。其实四道题目可以在一张纸里打印，不过用了两张纸，第一张纸翻过来还有一道题目，被我漏掉了。
题目做好后在一个会议室里等了四十分钟，才等到一个前端小姐姐。主要问了些比较基础的问题，集中在：
（1）白屏处理、懒加载的实现等性能问题。
（2）Hooks的使用等React语法问题。
（3）Webpack使用了哪些加载器等工程化问题。
（4）CDN的原理等网络问题。
（5）KOA有哪些中间件等Node.js问题。
面好后等了十几分钟，技术leader来面我，他问：
（1）在实现一个微信聊天功能的时候会用到哪些技术。
（2）你对目前前端现状的看法。
（3）你未来两年的职业规划是怎样的。
（4）小程序在微信中是如何执行的。
（5）如何通过微信公众号获取用户信息。
（6）JavaScript的缓存有哪些（cookie、LocalStorage等）。
（7）如何做到在两个域名中保持登录状态，例如在淘宝登录的帐号，当从淘宝页面进入天猫时不需要重新登录。
（8）你与其他人相比，有哪些优势。
（9）对微前端的理解。
（10）两个数字变量，不使用第三个临时变量，交换两者的值。
（11）你最近在读什么书？
（12）Charles能够解读HTTPS的原理是什么？
再次面完后，HR与我交流，询问了我的期望薪资、居住地、籍贯等问题，最后说如果该轮通过，会在3-5个工作日内安排CTO视频面试。
2）京东
第一轮 电话面试
项目和基础相辅相成，问的问题比较全面。
说说你最近的项目，深入讨论如何封装的组件。在简历中提到了自己设计的一个UI库和插件，就被问到如何使用，扩展，原理等。
基础题包括JavaScript、网络和CSS，下面只列出了想到的几个问题。
（1）JavaScript：闭包，Event Loop。
（2）网络：输入URL发生的过程。
（3）CSS：两栏布局，上下居中。
3）华为
周六下午四点钟左右，华为HR让我投个简历，和我简单介绍了一下华为的4轮面试流程。
第一轮 在线做题
在牛客网上生成的一个考试地址，有三道题，两道一星，一道两星。他们给了一个练习地址，既能熟悉考试环境，也能练练感觉。
在准备的这两天，自己意识到平时得尽量手写方法名称，不要过于依赖自动提示。并且有空的时候就去刷刷难度在中等偏下的编程题，保持手感。
第二轮 技术视频面试
有两个面试官，第一个是当前面试部门的面试官，以项目为主，基础概念问的不多。
（1）在内部做过哪些技术分享。
（2）你觉得组件封装有哪些注意点。
（3）你遇到的比较困难的项目是什么？
（4）你平时会做哪些性能优化？
（5）请叙述一下React的生命周期。
（6）双向绑定的原理。
（7）diffing算法比对过程。
（8）有没有搞过前端架构？初始化项目的那种。
（9）最后一道编程题
第二个是跨部门的面试官，同样以项目为主，基础概念比较少，有几个是给你一个场景，让你来分析，还有一些是比较底层的计算机知识。
（1）介绍一下你的项目经历
（2）Chrome浏览器打开了几个进程。
（3）浏览器性能优化，如果浏览器占了300M内存，该如何优化。
（4）package.json中有哪些常用字段？package.lock.json有什么作用？
（5）你有了解过Nginx吗？
（6）最后一道编程题。
4）喜马拉雅
第一轮 视频面试
使用了腾讯会议，下午两点的面试，天气很阴沉，随时要下阵雨的节奏，但是直到面试结束都没下大雨。视频面试的范围比较广泛，有基础也有实际项目。
（1）用过哪些CSS动画，CSS的定位有哪些？
（2）是否用过React Hooks？函数式编程的理解。
（3）在浏览器输入URL后发生的过程。强缓存和协商缓存。前端状态码301和302。HTTPs为何是安全的？
（4）设计模式实现发布订阅。
（5）你的职业规划是怎么样的。
（6）用Node.js做过些什么？
（7）什么情况下会驱使你去看书？
（8）你做过哪些比较有困难的项目？
（9）你的开发经历跨度很大，为什么现在选择前端？
（10）session和cookie的区别。
（11）谈谈你对XSS和CSRF的理解。
（12）事件委托的原理。
第二轮 现场面试
面试安排在下午，当天是雷暴预警，喜马拉雅的总部还是蛮大的，有两栋楼，楼的外层装修也很喜马拉雅。面试官会从简历中挑出一个技术点，有深度有广度的提问，很容易问到自己的技术盲点。
（1）JSBridge原理。iOS和安卓对JSbridge的处理有哪些不同，为什么使用iframe实现？
（2）CORS原理。跨域的时候带cookie是怎么配置的。有时候跨域请求会发送两次，为什么？
（3）你对哪个技术点比较擅长。
（4）同构的原理是怎么样的。为什么可以做到服务端和客户端只用一套代码就可以了。
（5）SSR有什么特点？
（6）你最近在看什么书？
（7）SVG有哪些特点？和Canvas比有什么区别。
（8）webpack的加载器和插件有什么本质区别？
（9）Promise的原理是怎么样的？
（10）请写一个正则，读取URL中的参数。
（11）你平时是怎么做性能优化的？
（12）宏任务和微任务有哪些？浏览器对它们的处理有何不同？
（13）如何上传大图。
（14）如何在Canvas中画一张第三方域名的图片。
（15）服务端如何将分片的文件组合成一个完整的文件。
（16）React为什么要推广Hooks？
（17）请用两种方式实现前端的路由。
5）饿了么
第一轮 技术基础
当天面完喜马拉雅，饿了么的人找到了我。投过简历后，过了一个小时就打我电话安排面试，正好当天没啥安排，就直接开面了。问的内容还是比较偏基础的，包括一些CSS的解决方案。
（1）rem是如何计算的。
（2）iframe之间是如何通信的。
（3）有一个弹层，如何禁止下层页面的滚动？
（4）如何实现双向绑定。
（5）对ES6的代理有了解吗？
（6）白屏的依据是什么？如何优化？
（7）解释一下Event Loop。宏任务和微任务。
（8）webpack的运行过程是怎么样的。
第二轮 技术项目
交谈了30分钟左右，主要围绕着实际项目展开。
（1）说说你的工作经历。
（2）你最近在了解什么新技术？有没有考虑应用到团队中？
（3）你平时会不会关注自己的业务？有没有想过拓展公司业务？
（4）你们跨域是怎么做的？有没有用网关实现？
（5）你最近有没有遇到比较困难的事情？
（6）你做了这么多年前端，有没有对这个行业提供一些产出？
（7）在团队中，你有没有制订过标准？或者有什么贡献？
（8）你们的代码是如何发布的？具体发布原理有了解过吗？
技术负责人
（1）你为什么选择前端？
（2）你为什么做了5年后端后才选择前端？
（3）你们团队几个人？你为团队做过哪些贡献？
（4）你最拿的出手的项目是什么？
（5）如果你还在这家公司呆着，你接下来会做什么？
（6）你期望要加入的团队是怎么样的？
（7）你做的性能监控系统与业界的相比，有什么特点或优势？
（8）你有什么优势？
（9）你简历中完成了100多个项目，这个数字很醒目，你想说明什么？
第三轮 跨部门
跨部门遇到的面试官是专门搞监控系统的，他在看了我的简历后，着重对简历上的性能监控系统开展了提问，下面只列出了几个。
（1）你做过的比较困难的项目有哪些？
（2）你的性能监控系统的架构是怎么样的？
（3）你目前负责哪些业务？
（4）你有没有计算过一个月后，你的MongoDB的存储量是多少？
（5）在重写XMLHttpRequest后，如果遇到第三方库也重写了它，碰到问题该如何排查？
（6）如何通过你的性能系统，来找出业务瓶颈？
（7）是否考虑过监控多端，例如浏览器、小程序、客户端等。
posted on
