转眼人到中年：前端老程序员没法忘怀的一次百度电话面试

等待，山雨欲来

2010年9月22日，中秋，记得那天下着零星的小雨。大部分同窗都已回了家，深秋的校园显得格外空旷寂寥。平时车来人往的校道，也只剩三三两两的行人低着头走着。

匆匆忙忙吃完早餐，一我的背着书包来到了教学楼，找了僻静的角落坐下。看看手机，8:45左右，离电话面试还有大概15分钟。内心有些紧张，毕竟是大厂的面试，要求确定很严格，不知道待会会问什么问题。心里忽然有些懊恼，应该提早多作些功课的。

如期而至的电话

时间一分一秒地流逝，心跳愈来愈快。9点整，上海的电话如期打来。双方确认了身份后，连自我介绍都不用，直接就进入了技术面试环节。有点出乎意料，在我彼时的设想里，第一个环节应该是自我介绍才对。

没有太多的时间去诧异，电话那头，面试题一个接一个地抛了过来。我把耳机听筒牢牢地贴着耳朵，生怕听不清面试的题目，或者错过关键的信息。其时，脑子飞快地转着，想着如何回答面试官的题目，以及怎么更有条理地组织个人回答。

“JS是如何实现继承的？”

“知不知道什么是跨域？什么状况下会出现跨域？有哪些解决方案？”

“说说你对标签语义化的了解。”

。。。

脑子里一直嗡嗡响，也不知道过了多长时间，面试官忽然安静了下来。顿了大约有10秒，那边说：“技术的问题也问得差很少了，就先到这里。你这边有没有什么问题想问的？”

我如释重负，赶忙喘了口气，而后问了几个我以前已经准备好的问题，包括面试部门的工做，员工培训机制，学习建议等，面试官也一一解答。

也许就要结束了

面试终于要结束了，一直紧绷着的神经开始松弛下来，人反而紧张了起来。毕竟，后面还有生死未卜的两周在等待着我，而未知老是让人感到恐惧。

接下来，就是我最想听到的那句收尾的话了。

面试官：“那么，面试就先到这里，今天是周末，一个多小时的面试，辛苦你啦。面试结果会在两周以内反馈到你这边。”

周末，仍是中秋，仔细想来，也是为了迁就个人时间，面试官才不得不在这么特殊的时间到公司加班。并且面试过程当中，面试官挺nice的，并非预想中高高在上冷冰冰的态度。

面试官的“辛苦你啦”让我有点小内疚，赶忙回道：“挺很差意思的，由于我这边时间的缘由，辛苦您周末过来公司加班。中秋节快乐。”

具体怎么说的记不清了，只记得当时态度很真诚，并非由于客套。

面试官听到个人回答后，明显楞了一下，彷佛有些意外。一样祝我节日快乐后，电话那头安静了一会，只有偶尔轻轻的键盘敲击声。

当幸福来敲门

感受过了好长时间，其实也可能只有十来秒。听筒里再次传来面试官的声音，不知道是否是心理做用，感受面试官的语调跟以前有些不一样。

“这样，我提早把面试结果告诉你，你一面经过了。在你以前也面了好多人，到目前为止，你是回答得最好的。二面具体时间稍后通知。加油哦，好好准备下一轮面试。”

幸福来得太忽然，感受握着电话的手都在微微颤抖。

“很是感谢，我必定好好准备。”

直到如今，我还不知道为何面试官忽然决定提早告诉我面试结果。也许，陌生面试者的一句“中秋节快乐”，触动了在他乡拼搏的年轻游子的心。

一切无从求证，记忆也终将随时间淡去，在那个下着蒙蒙细雨的清晨。

技术面的问题

一个多小时的面试，问了不少问题，过后稍事整理记录了下来，主要是围绕JavaScript展开。

JS部分：

1. JS是如何实现继承的？
2. object的prototype是什么？（接上一个问题）
3. JS如何实现数据以及功能的封装。（即类是如何实现的）
4. 若是一个标签里面包含了10000个image，如何有效地对这10000个image实现事件绑定，好比说click事件。（考察事件冒泡机制）
5. 假设如今有对象A、B，A对象绑定了S事件，如何对B对象也绑定S事件？（其实不清楚）
6. 如何实现跨域请求？你知道的有多少种方法？各有什么优缺点？
7. 当使用隐藏框架实现跨域请求时，若是框架页跟当前页不属于同个父域，是否能够实现跨域？
8. 如何实现私有变量？说出一种方法便可。
9. 函数闭包使用得多吗？什么状况下须要使用函数闭包？
10. 当某个事件发生时，若是得到事件发生的对象。（ff和ie不一样）
11. 当绑定事件时，this指针指向的是？
12. 当为document绑定事件时，this指针指向的是？
13. 发送ajax请求有多少个步骤？如何断定发送成功？（readyState和onreadystatechange）
14. 表示请求成功返回的状态码是多少？你还知道哪些状态码？分别表示什么意思？

jQuery部分：

1. jQuery里如何绑定事件？有多少种方式？
2. jQuery绑定事件时，this指针指向的是？（dom对象仍是jQuery对象）
3. 对于页面中暂时不存在的对象，若是进行事件绑定？
4. 为何选用jQuery框架（言下之意就是还有哪些其余的框架，各有什么优缺点，即你对比以后选择的缘由）
5. 有没有考虑过jQuery UI？如何对jQuery UI的样式进行定制？
6. 有没有本身写做jQuery插件（即如何写jQuery插件）

html+CSS：

1. 用html+CSS实现这样的布局效果，左栏固定宽度，右栏宽度自适应并填满剩下空间。
2. 说说<strong>标签和<b>标签的区别，若是让你选择，你会选择使用哪一个？
3. 说说你对对html标签语义化的理解。

后记：关于二面

大约一周后，接到了二面的电话。面试的结果有点出乎意料，那种惊讶，夹杂着莫名其妙的情绪，至今还没法忘怀。

故事有点长，未完待续。