【面试技巧】创业公司对前端工程师的要求

前言

这段时间面试了几个来应聘公司前端工程师职位的童鞋，水平可以说是参差不齐，但一个普遍的现状就是 “我刚从培训班出来的”、“我没有项目经验”、“我基础语法掌握地不是很好”、“这个从来没有接触到过哎”。也可能是我现在的公司 能吸引到的 也就这层水平的童鞋吧。唉，真不想浪费没有必要的面试时间，所以早上我根据近期项目里涉及到的前端知识和技能，以及我对前端工程师的一些要求，“精心”编成了25道题，难度当然是由浅入深了，如果对方能言之有理地 答出60% 就基本达到我的要求可以考虑录用了，不行的直接回绝。

对的，现实就是这么残忍 *_* 。

题目

1.  你正式从事前端工作多久了？为什么选择前端工程师这个职业？

2.  平时怎么学习前端技术的，你觉得一个正确的学习方式应该是怎样的？

3.  Css的盒子模型由哪几部分组成？标准盒子模型和IE盒子模型在结构上有什么区别？

4.  Css有哪些选择器？Css3新增了哪些选择器？请按照选择器的优先级从高到低排列。

5.  Css中元素的display属性你知道多少？请简要说明其特性。

6.  现在有一个需求，页面内容区域的宽度为1190px，水平居中，内部有3栏（div1、div2、div3），宽度分别是300px、690px、200px，高度自动。请用css实现这个页面的布局。

7. 目前主流浏览器有哪些？请分别写出它们的兼容性写法的前缀。

8.  IE6、IE7、IE8的hack写法分别是什么？怎么让一个页面以最高的本地IE版本进行渲染？

9.  JavaScript的基本数据类型和引用数据类型分别有哪些？

10.  JavaScript是一门弱类型的解释性语言，它没有“类”的概念，但我们可以用函数模拟面向对象。请用函数实现一个“类”，并实例化。

11. JavaScript靠什么来实现继承？如果用面向对象的实现封装一个对象？请写个demo。

12. Javascript里事件冒泡和事件捕获两者有什么区别？如果阻止事件冒泡？

13.  jQuery 有几种选择器？ 请按照选择器的执行速度从高到低排列。

14.  JQuery通过什么机制为一个动态生成的元素绑定事件？请用on方法实现。

15.  jQuery有一个ready方法，这个方法和传统的window.onload 有什么区别？

16. 有编写jQuery过插件吗？编写插件的好处是什么？你觉得编写插件的原则是什么？

17. http响应头的状态码302、404、405、 503分别代表什么意思？成功的状态是什么？

18. 什么是跨域请求？Ajax通过什么方式来实现跨域？它的原理是什么？简要说明一种。

19. 你平时怎么管理你的项目？grunt和gulp有什么区别？Svn和git又有什么区别？

20.  Bootstrap的栅格布局实现“响应式”的原理是什么？

21.  简要谈谈Cookie和WebStorage的区别。

22. 有使用过前端模板引擎吗？前端模板引擎的优点和缺点分别有哪些？

23. 就前端而言，你对网站性能和SEO优化方法有哪些见解？

24. 你觉得前端发展的趋势和你以后前进的方向是什么？  

25.  你对加班怎么看？你希望的工作氛围是怎样的？

后话

题目处之我手，答案却在人心。如果想来面试我们公司或者同类型创业公司的前端工程师职位，看到这篇文章的你实在太幸运了，赶紧做一下吧。有疑问的可以给我留言，我会尽快回复 ^_^