转载

来携程第一次当面试官的一点儿感想（面试前端）

写在前面

昨天无意中被老大拉去当了一回面试官，因为被面试的也是一个女孩，也是跟我一样是湖南妹子（虽然比我大了几岁），同样看得出来性格挺利落的，在此记忆一下她在面试的过程中犯下的一些细节问题（也避免以后我也犯同样的错误）

前端似乎入门挺容易

似乎对于任何一个，只要跟IT扯上边的技术人员，包括测试、维护之内的都可以很容易的转前端，但是好歹应该对前端的一些基础知识了解原理吧，而不是为了面试去网上看博文，自己连动手实践都没有，被问到相关的问题，就拿看过的博文上说说（而且还是在不完全理解的情况下）

在平时工作上遇到的一些问题，能完成功能就OK，就万事大吉了，可完全没有想过是否在更好的办法去解决问题

难道应该朝秦暮楚？

俗话说三人行必有我师，也许人性当中最基本的就是上进吧。能看得出来这个女孩很上进，很希望从够学习别人（团队其它成员）的前端技术，我觉得这一点让我挺欣赏的，但是另外一个细节问题让我瞬间失望。

在面试的过程中看手表，被问之，直言告诉我们她接下来还要去携程用车部门面试（也许是她觉得刚刚面试的表现不好，或者说她觉得她完全达不到我们的要求，但好歹应至始至终，接下来的面试再重要，你也不应该。。。，在我看来，如果当场面试表现不好，难道接下来的面试就能顺利通过）

说说细节吧！

其实我也是被临时拉去当了一回面试官，提前也没有去准备面试的题目，只是想随意聊些技术话题，问问她到底知道哪些。

在聊天的过程当中，了解到原先是做维护工作的，后来转前端工作了一两年（想想一个87年的妹子，没有男朋友，技术也一般，我不知道她这些年，都忙活了些什么，或许我也应该仔细想想，虽然我比她好些，可是又好到哪里了呢，难道真的要到三十而立之年才......），虽然在前端这个行列工作了一两年，但被问之一些很基础的问题，她都含糊其词。

比如说：

position有哪几种方式，它们之间的区别以及应用场景，跟float有什么区别
现在页面上一个ul下有8个li，我想对这8个li都绑定一个同样功能的事件处理函数，该怎么写（连事件代理都没有听过， 没有听明白面试官的问题至少也应该问清楚一下 ）
你所了解的JavaScript继承方式有哪些？（连原型链都不知道，后来我就问了一个更简单的问题，那你知道w3c规范的事件绑定是用addEventListener，那IE下事件绑定的函数名称是什么，也不知道）
你知道jQuery和zepto为什么都喜欢用$符号吗？（我本来只是想了解一下，因为大多数语言的命名规则都是数字、字母、下划线，但是JavaScript跟别的语言不一样的地方是可以使用$符号命名，因为各个类库为了使自己的文件小一些，当然$符号是首选，她在不知道我为什么问这个问题的时候，也不问清楚，还胡乱答一通）
你知道zepto的live、on、bind这几种事件绑定有什么区别吗？（连live都没有用过，我瞬间无语了。区别更是...）
知道为什么jQuery里面既可以用$.fn，又可以直接把$当作一个方法使用吗？（完全没有看各个优秀类库源码的习惯，甚至根本就没有看过）
这道题目会弹出alert吗？那如果没有弹出会报错吗？如果报错是在第2行还是第3行？那怎样让a既可以等于1又可以使用a.b的方法弹出alert(1)呢

var a=1; a.b=function(){alert(1);} a.b();

我估计即使现在她没有回答出来，回去了也不会去百度，也不会去问别人，下次遇到同样类型的题目自然也是答不上来的，我这样猜想的原因是，在面试的过程中，被问到一个问题的时候她直言告诉我们，她之前有被面试过一样的问题，她不知道(而且现在她也是不知道)

事实上我们的用意很简单就想知道，她是否对真的对JavaScript基本类型，引用类型了解过，如果真的了解过的话，那应该知道给基本类型属性赋值是没有错了（事实上原理是会把基本类型封装成一个对应的基本包装类型，否则怎么可能给一个基本类型赋值属性呢，只不过是说在调用完了这一句话a.b=function(){alert(1);}之后，基本包装类型也就销毁，所以最2行是不会报错的，当然第三行就会报错了，因为这个属性根本就不存在）

当然我也不知道让a既可以等于1又可以使用a.b的方法弹出alert(1)的答案，后来问了一下老大，老大给的答案我贴在下面（当我这样去深入体会了一下，瞬间明白了jQuery最基本的Init方法的原理了，以前看过好几遍都是知其然而不知其所以然，看来还真得实践出真知）

来携程第一次当面试官的一点儿感想（面试前端）