好歹当回面试官 ^_^

前言

    首先我承认我还是个初来乍到的小菜鸟，大学期间在学校里搞个网站制作的工作室那纯属是小打小闹，因为那时做的项目很简单，很多是直接一站式全一个人搞定，网站规模也比较小，基本上都是门户、管理系统什么的，而且根本不知道什么叫前后端分离。所以那1年的工作经验实际对我的影响很小，也仅仅让我对PS设计、PHP用得稍稍熟练些。
    我真正开始接触“大项目”还要从今年5月份说起，我的底子还算可以，在4月份面试完现在这家实习公司的前端职务就开始在学校里远程做兼职。也十分感谢我的师傅和现在的同事对我的关心和照顾，让我这5个多月来能专心研究前端技术，并同步跟进项目。从八爱网二期项目前端成员到webApp担任主要负责人，在公司非同凡响的工作压力下成长地很快。所以那次老板叫我给几个前端实习生面试我还是不慌的，虽然层面低一点，不过好歹也面出了不少东西 ^_^。下面是我那时给一个实习生准备的面试题：

先介绍一下那个哥们的简历

我面试的这个同学和我情况有些类似，虽然是个大四的实习生，但大学里做过些小项目。
他的简历是这么描述自己前端技能的：

1. 熟练使用 JavaScript 编程技巧，掌握核心技术如原型、DOM、Ajax、JSON 等；
2. 理解 Ajax 技术，熟悉前端常用框架如 jQuery、Ext JS、Prototype 等；
3. 对前端性能优化和浏览器兼容以及 web 前端技术的发展趋势具有一定的认识；
4. 熟悉 HTML5、CSS、Node.js 的相关技术，也可使用非脚本语言如 java 等；

恩，从这几点上看感觉也算个已经入门的前端工程师了，但是文字要经得起推敲那才是佳句，一个人有多少水平高手一问就知晓（当然这个“高手”并不指我哈^_^）。

电话面试

先来个自我介绍意思意思

1. 你先做个简单的自我介绍吧。
2. 至今为止你都做过哪些项目？ 分别介绍一下 你在项目里承担角色和职责。
3. 你平时怎么学习前端相关的技术的。

他的回答还算满意，至少项目经验还是有一点的，就是谈到如何学习前端技术的时候感觉自学能力还差了些。

考考css功底

1. 知道什么盒子模型吗？ 有哪几部分组成？ 标准盒子模型和 IE盒子模型有哪些区别？（IE 盒子模型的 content 部分包含了 border 和 pading。）
2. css有哪些 选择器？选择器的优先级有哪些？ css3 新增了哪些新选择器？
3. 知道什么是行内元素 什么是块级元素，分别举例3个 。 知道 inline-block元素的特性吗？如何 用 inline-block实现 多栏布局？ 那你平时怎么实现多栏布局？
4. css定位方式那哪些？分别介绍一下。
5. 如何用css实现一个 块级元素 水平居中并且 垂直居中？
6. 知道现在主流浏览器有哪些吗？他们的兼容性写法的前缀分别是什么？
7. 知道 css hack吗？ IE6、7、8的hack写法分别是什么？
8. 有什么方法可以让一个网页以最高的IE版本进行渲染？

额，因为他的简历里对css提到的少之甚少，我怀疑他这方面比较薄弱，一问果然问题百出，上面的几个问题没有一个是答得让我满意的。因为我们公司做的是电子商务平台，对css的要求还是比较高的，所以这样的状况我心里就有点失望了，当然如果仅仅是来实习学东西的我还是勉强可以接受。

检验一下JavaScript本领

1. JS 数据类型 基本数据类型和引用数据类型 分别有哪些？
2. JS 有几种继承方式，分别怎么实现？
3. JS如何 实现面向对象？
4. 什么是 闭包，闭包有哪些特性，又有哪些不好的问题？
5. JS如何封装代码， 有做过模块化编程吗？ AMD CMD 分别有什么区别？
6. Javascript的事件流模型都有什么？事件冒泡和事件捕获两者有什么区别？”DOM事件流”的三个阶段（事件捕捉，目标阶段，事件冒泡）？jQuery如何阻止事件冒泡？
7. jQuery 有几种选择器？ jQuery 如何提高执行效率？
8. JQuery 如何为一个未来元素绑定事件？
9. jQuery有一个ready方法，这个方法和传统的window.onload 有什么区别？
10. 你知道JQuery的链式写法的实现原理吗?
11. 你有编写jQuery插件的习惯吗？编写插件的好处是什么？ 你觉得编写插件的原则是什么。
12. 知道什么是作用域吗？ 什么是块级作用？什么是函数作用域？JavaScript 有哪些作用域？ 作用域链执行的顺序是什么？ jQuery哪个方法可以改变作用域链的顺序？
13. 知道什么是上下文吗？ jQuery哪个方法可以改变上下文？ call 和 apply的区别是什么？
14. http协议了解吗？ 响应头的状态码 302是什么意思？ 404是什么意思 405是什么意思 503呢？
15. 有用过原生的JavaScript实现ajax吗？ ajax的核心对象是什么？它有哪些常用的方法 ? 知道ajax 怎么实现跨域吗？ ajax的缺点是什么？
16. 你平时怎么管理你的项目？ 用过 SVN、git吗？ git相比SVN最大的优点是什么？ 有用过 grunt或者 gulp吗？gulp和grunt的区别是什么？
17. 有看过bootstrap的源码吗? bootstrap是如何实现 响应式布局的？响应式布局的原理是什么？
18. 有用过前端的模板引擎吗？ 使用模板引擎的好处是什么。
19. 知道一个网页的加载过程吗？
    （查找服务器端缓存、DNS解析，域名重定向、HTTP协议回话、客户端请求报头、服务器端响应报头、html文档开始下载、文档树建立、显示文件）
20. nodeJS的优点和缺点分别是什么？ nodeJS的配置文件是什么，它的基本格式知道吗？nodeJS模块管理工具是什么？ 有用过 npm 安装过 哪些模块？
21. 网站性能优化 你有哪些方案？

好吧， * _ * 是我问得太难了吗？这个哥们居然告诉我没在项目中用过jQuery，nodeJS更是别提了，根本还没接触到过。逗我呢！在这里我要告诫正在写简历个各位，没有的东西或者不太懂的东西就不要写上去，不要为了把简历搞得华丽就随意添加本身没有的东西，那个只会画蛇添足，面试永远别想着糊弄面试官，有多少货人家一问就知道了。


很遗憾……出于以上几点，这个同学我给他的结果是”回拒“。