分享一下今年我 Web 前端的求职经历

[tiange]

我是怎么拿到前端工程师 Offer 的？

十月中旬我的面试基本结束了，这个月就整理一下思路吧。我面的公司不多但大多到了终面，加起来也有二三十场面试了。也有不少感悟，把它们写一篇面经出来，对新人或能有些帮助，那就攒 RP 了。

至今已到手百度前端 Special 、腾讯前端 Special 、网易游戏研发、阿里前端（网传白菜价）、还有一些小公司，如知乎等等。

有些笔试是要求保密的，在此不便多说。主要写面试经历。在经历这二十多轮的面试后，我更加深信了面试成功与否不仅在于实力，还有运气、缘分、还有气场。暂且按照面试过程的相似度来分小节记述吧！

阿里、腾讯

我在腾讯和阿里的面试都偏重项目，没有深入地探讨技术细节。和面试官讨论的问题也多有重合。所以把他们一起来记录。

很早阿里就开始面试了，这是 BAT 中我面试最早的一家。一共 3 面，首面技术，二面工程，三面是总监。一个多月后拿到传言中的 10k Offer ，已被我拒绝。腾讯的工作环境相当赞，是我在面试中见过最好的。一共 5 面，首面技术，二、三、四、五什么都问。。。 Special Offer 。

一面上来基本是做几个 JS ， CSS 题目，然后开始各种问 CSS 。想必这是前端工程师标准的一面流程。涉及的问题就更加普遍了：

• 写一个两栏的布局，左边自适应。

  老老实实写就好了，float、absolute、table都可以实现，可以问问面试官有什么要求。再谈一谈利弊即可。

• 什么是 JS 闭包？然后来一道题，基本都是网上能查到的。

还有就是稍微问一点偏门的，比如阿里一面让我用 CSS 写一个转圈的球。正好带了我的 Macbook ，分分钟写了一个出来，面试官表示非常满意。

二面一直在谈项目，碰到很多经典的问题：你做过的最有挑战的项目讲一讲？最有成就感的事情呢？你有什么缺点？为什么想来我们这里？隐约能感受到文化相符度（ culture fit ）的考察。

问到项目我就谈我自己的项目Onboard和天码营。比如天码营前后台分离的架构， Node 服务器和 HTTP/Websocket 代理， Onboard 单页 App ， CSS 、 JS 的模块化（ JS loader ， AMD&CMD ， LESS/SASS ）实践……有一个 Git 的问题被问到很多次：git pull和git fetch有什么区别？这个问题你可以请教Ricky，是他告诉我的。

知乎、百度

我感觉知乎、百度等面试过程更注重编码能力和技术细节的考察，在这里统一记述。知乎 5 轮面试，很早就给正式 Offer 了。百度 3 轮面试， Special Offer 。

CSS 问题：

• box-sizing是什么东西？ CSS 盒模型有两种：border-box和content-box，计算宽度的方式不同。
• float和absolute布局有啥区别？两者都会脱离文档流，但前者仍会占据位置，后者会覆盖文档流中的其他元素。
• Node.js 是怎么实现并发的？可以去参考一下 libuv 、 cpio ……
• Cookie 和 Session 有什么区别？
• 大页面优化、回流和重绘（通常会和table一起问，它默认并非流式布局）

我简历里有 AngularJS ，所以有一些 AngularJS 的问题。

知乎也是重度 AngularJS 用户。

• AngularJS 的依赖注入是什么？双向绑定是什么？
• Service 和 Factory 有什么区别？这是框架细节了，这两个的本质都是 Provider 的 shortcut 。

知乎问我 AngularJS 有让你不爽的地方吗？看来 AngularJS 让知乎很不爽，此前我们做的Onboard已经实现了完整的 Angular 单页 App 。其实只要合理地控制复杂度、加上优雅的设计、以及代码风格控制，完全可以很爽。

华为、网易游戏

除了前端，我还面试了很多 C++工程师，包括华为、网易游戏、还有一些小的游戏公司。
小公司当然都给 Offer 了，然后我不好意思地拒绝他们（ PS ：确实刚开始面试不知自己几斤几两骗了好多小 Offer ）。

网易游戏是最赞的，面试半天时间，两天后直接签发正式 Offer 。技术终面的面试官直接签发 offer ， HR 只负责组织流程和维护秩序。

这些公司考察的都是 C++和后台相关的题目了，在网上都可以查到大把的答案：

1. STL 熟悉吗？ C11 呢？用 C11 写一个算法，找出所有 1,000,000 以内的质数。
2. 虚函数是怎么实现动态联编的？多继承时虚函数表是怎样的？
3. TCP 的三次握手和四次握手，为什么要四次？
4. IPC 有哪些方式？匿名管道为什么只能让父子进程共享？
5. 求解最邻近点对问题、单源最短路径问题（书上有，分治策略）
6. 还有一些小算法题记不清了，这些通常不会太难。

一点感悟

感觉面试不同于笔试，正确与否真的不重要。首先一点要保持放松，不要慌。不过当你已经被要求做过几十次自我介绍之后，想必你也不会再慌了（我都想吐了）。其次要保持主动，不要因为不会做就卡在那里，说说你想到了什么或者你做过什么类似的，这样能够引导面试官来问你擅长的东西。

比如我被问到如何实现视差滚动时，也懒得写 CSS 了，直接拿装 B 游戏的背景山脉来说事。然后就开始扯这个小游戏了……

另外前端工程师个人博客 /网站是很重要的。虽然并不是必须的要求，但你在整个面试过程中让面试官无聊的时候看看你的作品还是蛮好的。

实习重要么？重要！实习至少可以保底一家公司，如果你不需要保底的话当然可以不实习。身边很多同学已经印证了这一点。其实我没有实习过，是因为我有更重要的事要做。之前两个月面试准备整理的知识，也记录在我的博客里，

最后插入一点小广告，这是我做的一个希望帮助程序员知识分享的网站: http://tianmaying.com ，可以在这里直接和我交流。

不好意思，最后链接写错了，可以到这里与我交流

谢谢大家鼓励，有具体的技术问题可以在这里给我提问。

[jas0ndyq]

感谢楼主分享

[clearbug]

菜鸟学习了

[miniers]

棒棒哒经验！

[f0cus888]

学习了

[xierui]

大神，膜拜！

[dopcn]

什么是 special offer

[tianrunlin]

@dopcn 校招分为批发价和特招价， special offer 是特招价

[xiaojue]

楼主是应届生吧。。

[dopcn]

看了博客内容好多，怎么不去做 c++

[sox]

流弊

[wukongkong]

大神....

[Tankpt]

厉害

[imswing]

厉害，马克。

[xiaojue]

好吧，原来是北大的……

[malcolmyu]

今年这环境还能如此收割，给跪

[liujiangbei]

楼主挺厉害的，楼主工作多长时间了？

[tiange]

@liujiangbei 还没工作过

[unknownservice]

给跪了，我还是努力做好码畜吧……

[isevenfox]

楼主可以弱弱的问下 北大的计算机应用学些什么？？

还是大部分自学的？

[lowbird]

楼主楼主，， 66666

[tiange]

@isevenfox 自学：）

[ChefIsAwesome]

这些公司面试问算法吗？

[Rosay]

我现在也是做 web 但楼主文章里提到的好多东西我都不懂, 好惭愧.

[tiange]

@dopcn 考虑过做 c++

[itchina110]

www.w3ctech.com

[imdoge]

看了半天才发现原来楼主应届生，顿时五体投地（请问本科还是硕士～）

[leeyuzhe]

从未想过楼主是个应届生，简直碉堡了！

[luo123qiu]

简直大神。

[tiange]

@leeyuzhe 没有工作过，实习也没有参加过，就是喜欢自己搞东西：）

[chairuosen]

面试一般要求给 offer 一周以内给回复，怎么能在短时间面这么多

[otakustay]

我深深地感受到了自己只有校招水平，比如让我画个球在那转大概是画不出来的，难道拿 animation 搞 rotate 么，球是 2D 还是 3D 的……

[Niphor]

只想知道 什么是旋转的球 哪个方向旋转的，只要分分钟...

[YoyoMa]

呃，楼主竟然是毕业生，太腻害了~

[fyooo]

最终选择哪一家?

[tiange]

@chairuosen 确实是这样，但也不尽然。有些公司给的时间比较长，有的会先来电话沟通有一定的周期。也有的确定不去就直接拒了。

[tiange]

@Niphor
@otakustay
是 2D 的球，设 border-radius 就可以做成一个圆想必大家都知道。然后写一个 linear infinite 的 animation ，再设两个关键帧，其中一个 transform: rotate(360deg)

[tiange]

@ChefIsAwesome 前端面试不太问算法，被问到的最难的算法就是快排的思想……

[zhuziyi]

直接拉到最后点链接了。

[luoway]

渣渣前来膜拜下…
也没实习过。。。
话说楼主前端开发经验有多久了？

[xwssole]

北大学霸跪了

[minfzhon]

大神，请收下我的膝盖

[wshcdr]

腻害

[Rosay]

楼主现在再哪里高就啊

[levon]

只剩佩服，不知道人家的大脑怎么转的

[aivier]

难道你不是做后端的？...
看到“虚函数”，“质数”，“ TCP ”，“ cpio ”...完全不懂，写前端还要谈并发？...诶。。。我只能实现简单的多线程，我还是乖乖做我的前端吧....
后端只能临时凑合，都说我的 MySQL 和防注入惨不忍睹，算法直接免谈...

[levon]

牛人，有个域名给你留着 codecola.com ，想要的话，跟我留言 clickyang 的 163.com 邮箱

[MOxFIVE]

我前端学了两个月， 还没有入门 ~~ 楼主自学一年 左右就如此成绩，也请收下我的膝盖。

[shasixiumu]

佩服楼主 offer 收割...

[vanxining]

以手中的 offer 来看，楼主在北大的应届生中也算是拔尖的了……
两个 special offer ，请收下我的膝盖。

[shuson]

给跪了，同样的大学 4 年，差距太大

[shuson]

而且 lz 居然是从物理转 CS 的，再次证明，牛人在什么领域都牛。

[hqs123]

其实面试 web 前端会 php 就足够了，毕竟 php 是世上最好语言。

[JingXiao]

谢谢分享

[xcatliu]

膜拜一下楼主

[qinf]

楼主厉害，膜拜一下。

[JenJieJu]

楼主厉害啊

[adspe]

还好，前端的问题不怎么难。 JS 有问道 YDK 系列里面的吗

[HardBaker]

感谢分享 。我想了解一下菜鸟上路先要着重抓哪些？

[tiange]

@HardBaker 基础啊， js css html 基础还是要扎实的

[pein0119]

佩服，感谢分享

[ammzen]

看了楼主的博客才发现原来学霸确实存在的

[tiange]

@ammzen 谈不上学霸，比较喜动手和实践：）

[zomco]

感觉自己前端的门框都没摸着

[bobsam]

厉害…懂前端之余还会 c++

[lk920724]

学习了，谢谢。

[RickyIT]

@tiange tianmaying 和 onboard 都是你的项目，为什么，天码营的账号不能登陆 onboard 呢？

[tiange]

@RickyIT 两个不同的系统：）

[RickyIT]

现在烦的就是各种账号。。。

[tiange]

@RickyIT 用 onepassword 吧：）

[iloveayu]

如此接地气的大神，必须排队膜拜一下。

[LINEX]

赞一个 ：）

[shuson]

@tiange 昨天注册了 tianmaying 的帐号，顺便测试了 update profile 页面的 xss 。看来 angualrjs 的 security 做的不错

[answeryou]

校招的百度前端 Special 、腾讯前端 Special 是多少啊？

[tiange]

@shuson 哈哈，介绍里头写 alert 的就是你？

[zkaip]

膜拜一下楼主……感觉自己还在菜鸟池子中挣扎……

[tiange]

@answeryou 有些问题没办法得保密：）

[shuson]

@tiange 见笑了，在页面上玩了很久

[sudoz]

着实是佩服

[sudoz]

另，请教下你的博客主题是自己写的？

[tiange]

@sudoz 恩，都是原创

[a15819620038]

Nice~

[deving]

感觉一般般的面试,楼主是不是把关键的给隐藏起来了?

[veev]

求大神的博客或者新浪微博

[chaleaoch]

楼主好棒！

[tiange]

@veev 微博没什么东西，看这里吧：） http://tianmaying.com/user/yangjvn

[minfzhon]

楼主的天码营很不错，里面很经验贴很受用。

[tiange]

@deving 记住的，能公开的，全部都写出来了：）

[findiray]

楼主好厉害！

[lilydjwg]

楼主好棒！不过博客的 RSS 地址在哪里呢喵？