小羊上岸记

2020年，正是我处在大三下和大四上的时期，而我也在这一年参与了几次面试。
在不太积极的应对和准备后，我有幸拿到了心仪公司的Offer。
本文就来记录一下这一年我经历的种种。

其实并没有想把这一篇作为面经，一是我的面试经历非常有限，前后只面了3家公司，经历了4趟面试；二是我觉得自己的面试应对策略几乎是反面例子了，因此就稍微写写自己的心路历程，以及一些经验教训吧。

希望大家都能收获心仪offer，早日上岸!

时间线

我是在2020年4月9日开始投简历的。四月和五月都在进行暑期实习的面试，但都无疾而终；六月偶得腾讯暑期实习的机会，实习过程中通过了考核答辩和转正答辩，于9月25日收到录用意向书；七月被字节跳动捞起来参加提前批，在上班间隙通过了四轮面试，于7月30日收到录用意向书。总的来说，算是被幸运之神给眷顾了。

需要注意的是招聘的时间点，我之前完全不清楚，甚至以为21届就应该是2021年才去找工作的…因此我寻找暑期实习的时机应该算是比较晚的了(反面例子)。

通常来说，x年毕业的学生，应该在x-1年的上半年寻找暑期实习，最好2、3月就开始；至于秋招，则是来寻找正式工作的时机，于x-1年的下半年，大概7、8月就开始了；而春招，则一般是为还未找到心仪工作的同学们准备的，于x年的上半年，也是2、3月就开始了。秋招是招聘规模最大的时候了，春招的话基本上都是补录的，机会略少，因此还是要好好把握，不管实习还是正式都要早点投递。

准备简历

第一件事当然是准备简历啦。

简历格式的话，个人觉得有两种思路，一是可以自己动手做一个在线简历，简洁版本的或花里胡哨炫技版本的感觉都行(曾见过一个像马里奥游戏的简历，感觉也非常有意思！)，画风可能就要自己拿捏了，不要太丑丑才行；二是可以用一些现成的简洁模板，譬如可以直接用Typora导出，不过我是用超级简历导出的，感觉也还挺简洁的。格式上还要注意的是一些小细节，譬如拼写是否正确、该大写小写的地方是否符合规范、标点符号的使用是否一致。

简历内容的话，重头就是项目经历和专业技能了。项目经历感觉是一个需要长期经营的东西，平时应该认真做一些课程的大作业、多自己开项目将好玩的点子付诸实践、积极参与一些开源项目等(虽然这么说，但感觉自己完全是一个反例，大学生涯中并没有这么主动地做项目，而是简单地看书学习理论知识…)，还有就是要对写简历上的项目非常熟悉才行，可以有意识地想想他人对这个项目可能会有哪些疑问，并思考该如何回答。项目的简介的话，感觉可以用三句话描述，使用的技术栈、项目的功能或突破点、自己的收获。至于专业技能，可以先参考应聘岗位的要求，并按照技术方向或深度进行分类分点描述，会比较清晰。

感觉我自己的简历…专业技能实在是有点匮乏，学习的时间太短了，大学三年太偷懒了。建议则是早点找到自己喜欢的方向，多锻炼自己的coding能力，点亮各种技术技能点。

准备面试

不知道为什么，我对面试还挺抗拒的，不仅抗拒面试，还非常抗拒看面经…于是乎就非常完蛋，经常在面试上回答不上问题。感觉自己的心态可能是，喜欢看理论的书但却看得很慢，导致如果去看面经就会发现很多不懂的知识，正常人到这个时候就会借由此机会去学习该方面的内容了，而我的话，总觉得要了解某个小点的知识得去系统地学习(举个例子，如果问ES6的一些小问题，我总觉得要把整个《深入理解ES6》给看完)，其实这应该也是一种逃避，感觉是通过看书来逃离面试和面试带来的压力。

个人感觉，正确的做法是，前期多看书多刷题，后期多看面经多总结。刷题的话先整整《剑指Offer》，再写写leetcode上的算法题；面经的话可以上牛客网或者去一些个人网站/Github上看面经总结。邓邓的经验是，多看面经是收获Offer最有效的办法，所以还是不要抗拒和逃避，慢慢点亮知识图谱还是很有意思的。

面试问题

基本都是面试完回忆的，因此也不太全面，而且没写答案，权当记录好了。

阿里暑期实习

ICBU简历面

自我介绍
前端学习路线
学习的课程有哪些是对前端有帮助的
http状态码
http请求有哪些方法
POST和GET的区别
http报文的结构
为什么选择用Bootstrap组件库
用GraphQL有什么好处
Vue的diff算法
Vue的生命周期
写家乡介绍静态页面的初衷
静态页面如何实现多语言的切换

这里是我的第一次面试，当时等电话的时候非常紧张，然而面试官迟到了，在等待的过程中紧张情绪被稍微冲淡了些。最后面试官问我有哪些问题的时候，我特别实诚地跟他讲了最近的压力，谈了下我觉得很矛盾的“看书很慢”vs“面试很急”，现在想起来感觉有点小傻，而且有点执拗。不过面试官人很好，跟我说道说道了些，还发了封关于前端学习建议的邮件，还是挺感谢的。

ICBU一面

自我介绍
学习成绩及排名怎么样
哪些课程学的比较好
OSI七层模型
Map、Set、List区别
数组进行去重和排序的时间复杂度
POST和GET的区别上次答错了现在了解了吗
家电销售系统有在用吗
家电销售系统项目写完后对前端的思考有哪些
前端性能优化
事件的监听和事件的冒泡的区别
有什么能体现自己的项目
自己有哪些优势
学习新东西的方法
异步请求如何实现
CDN了解吗

面完过了好几周就挂了，当时还是too naive。因为是内推的，他们的系统会自动再转为普通的新投递，后来就又被杭州/南京的部门给捞起来了，也就是下面这个。

CCO一面

编程题*5：

数组去重+排序
字符串脱敏
获取DOM节点总数目、节点最多的标签名、深度
手写防抖节流函数
单行或多行文字水平垂直居中

大学有没有参加一些技术的社团或者项目
py-hcl用python的话是之前有学过还是现学的
用的python版本
大学时期坚持在做的事情
职业规划
做的最有成就感的事情
为什么选用Vue
有没有了解过三个框架的区别
Vue生命周期
如果要访问DOM应该在什么时候
Vue组件间通信
有没有了解过Vue状态管理
了解哪些性能优化方法
了解JSON里的事件吗
DOM里如何进行事件监听
addEventListener有几个参数
说一下事件的捕获和冒泡
想做后摇地图，是先学再做还是边做边学
有没有写文章的习惯

字节跳动秋招提前批

Data一面

没有记录啦，印象里是某个周末，其他三个舍友都不在宿舍的情况下面试的。

Data二面

编程题*2

斜着45°打印二维数组

一个setTimeout输出的问题

setTimeout(function () {
  setTimeout(function () {
    console.log(1);
  }, 100);
  console.log(2);
  setTimeout(function () {
    console.log(3);
  }, 0);
}, 0);

setTimeout(function () {
  console.log(4);
}, 100);

console.log(5);

HTTP和HTTPS区别
Ajax和fetch区别
JavaScript的事件机制
CSS3有哪些选择器
生产者消费者
约瑟夫问题(队列)
cookie和localStorage
ES6、TypeScript
有哪些不会冒泡的属性

印象里是在某个工作日的晚上面试的，当时还特意早点下班回家，还被早下班的舍友给听完了整场面试哈哈。只记得面试过程中我的话还挺多的，一直叨叨叨的。

Data三面

自我介绍
介绍Chrome小恐龙项目

实现一个 Clip 类

成员方法：
addChild(Clip);
draw(canvas, x ,y);

虚函数：
onDraw(canvas, x, y);"

实现一个标签云布局算法

layout( array /*标签信息*/, maxWidth /*最大宽度*/) 

layout([
  {
    name: 'XXX',
    width: 123
  }, 
  ...],
  1234
)

有什么优点和缺点
技术和同学比起来怎么样

这次面试时间还挺长的，基本都是问项目和编程，过程中我挺多都没写出来，面试完感觉整个人都不好了，一度以为自己要凉了。躺着放空+怀疑人生了一会儿，突然收到了hr小姐姐的消息，说跟我约hr面的时间。这大概是我今年以来最开心的时刻了，非常感谢面试官们放我一马，也让我从实习面试失败的沮丧之中逃离了出来，感受到了肯定，实在是太谢谢了><。

纠结抉择

在柳暗花明后，我获得了字节和腾讯的正式Offer，非常神奇的是，这两家公司正是我最初找实习的心仪公司，可以说是非常幸运了(除却它们都在深圳而不是广州这一点)。

偷偷在这里晒一下今年最开心的时刻，没有飘忽的意思QAQ，不准吐槽我！

在像摆钟那样摇摆了很久之后，综合考虑了自己和家人的意见，我选择了留在腾讯。(题外话，我真的做什么事情都好纠结，甚至之前转正答辩完刚好房子到期也要纠结一番要不要继续实习…这种体质好烦恼)。内心比较遗憾的一点是，没能体验下一直比较向往的字节的工作，不过也是有舍有得啦，人生就是在做各种选择的，希望这次我做了正确的选择。

后记

找工作的这段时间整个人都不太好，感觉一直处在焦虑的阴翳之中，好在也算是有不错的结果了，尘埃落定的感觉还挺好的，值得庆贺！

不过也深知自己的技术水平不足，还有一吨的东西要学习，距离一个优秀的前端工程师还有太远。希望多深入学习感兴趣的东西，拓宽自己的技术广度，成为一个不错的、踏实的小家伙。

距离毕业也只有半年多了，好好珍惜下青春的尾巴，以及和小钟在同一个城市的日子(?)。