一：web前端面试什么？

针对Web前端工程师这个岗位，我见过不少学员在面试之前的准备工作。做题，做题，再做题，这是不少学员面试前的准备，满心期待着依靠这些面试题能够通过面试，而也有不少学员不这样，该怎么学习就怎么学。充其量就是准备准备技术之外的一些面试技巧，也没见做几道面试题。

其结果呢，整天做面试题的不少学员，面试一次又一次，一两个月还没有找到工作，反而是那些没怎么准备面试题的学员，有的仅面试两三次，有的面试四五次，多的也就面试七八次就找到一个理想的工作。

在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

为什么会出现这样的现象呢？面试前努力准备的面试不成功，而那些不怎么准备面题的学员却轻轻松松的找到了工作。去年，我们开了一期Web前端工程师的实验班，在学员毕业时，针对学面试情况做了一个详细的跟踪调研，终于发现了问题的症结。

二：Web前端面试题分类

通过对学员面试情况的详细跟踪记录和分析，我们发一个面试的规律，几乎所有的公司在面试Web前端人员时，准备的技术面试题，都基本上是由三个方面的试题组成，这三个方面的试题分别是：基础试题、JavaScript原生试题和新技术试题。下面说说为什么一份面试题会由这几个方面的内容组成。

1、基础试题

基础试题，对于Web前端来说，那就是HTML3、Css3、JavaScript，有的公司还要问一些移动前端的技能。对于这部分的技能，试题内容不外乎 P adding、 Margin的区别，谈谈网页的性能优化，css3的新特性，使用JavaScript如何添加、删除节点，或者给一段HTML代码、Css代码进行面试。看到了吧，这些都是前端工作需要掌握的最基础的技能，如果这些技能没有掌握扎实，背再多试题，也没有用。因为面试时，稍微换个题，稍微改个问法，或者改一部分代码，掌握的不牢固可能就答不上来，结果。当然是失败了。

所以，基础试题是Web前端岗位面试必不可少的内容，这是考察一个求职者是否能够完成本职工作的一个核心指标。

2、JavaScript 原生试题

JavaScript原生试题，这一部分的考核技能，通常是 JavaScript中的闭包，面向对象、原型链、作用域，this关键词的用法等等。在JS框这么流行的今天，就是不会这些技能，也同样能够胜任Web前端这个岗位。为什么面试总是要问到这些技能呢？这些技能都很难吗？

其实这些技能也不难，只要耐心研究下去，都能够很容易的学会。可是就有不少学员学到这些技能时，听老师讲这些技能在工作中用的不是特别多，就认为不用，也就不学了。

其实面试时，考察这些技能，面试官并不是为考技术，而是为了检验一个人是不是真的对 JavaScript这种语言有兴趣，是不是有求知欲和好奇心，是不是有基本的学习能力和理解能力，这些都是一个开发人员该有的基本素质。

大家都知道，现在那么多的JS框架，任何一个学校，一个培训机构都不可能全部讲一遍，没有那个时间，也没有那个必要。可是你找工作时，面对那么多的公司，谁知道哪个公司使用什么JS框架呢。当然，求职者在面试时考虑到这个问题，那么面试官也会考虑到这个问题，所以他可能会问你一些框架的技能，如果你掌握了更好。如果没有掌握，但是你对 JavaScript中这些内容掌握的很扎实，他同样认可你的能力。

这时，你可能有疑问了，为什么这样呢？学习Web前端的都知道，所有js框架都是以 JavaScript原生为基础。只要你把 JavaScript原生技能掌握的扎扎实实的，任何框架在你面前那都不是难事，学习任何一个JS框架，只要花个几天的工夫，就能够从内到外的理解透彻，用时也会得心应手。就象一个掌握C语言的人，再学习Java等其他语言，那都是手到擒来的事，根本难不倒人家。

所以，只要掌握了 JavaScript 原生技能，任他哪个框架，或者正在胚胎中发育的都难不倒你的。所以，明白了吧，为什么面试官要考你 JavaScript 原生技能了吧。在职场上，能力经验到了一定阶段，都不是为了面技术，更多的是为了了解求职者对开发工作的态度，学习理解的深度和沟通的感觉。面试 JavaScript 原生技能，就是这个目的。

3、新技术试题

在目前来说，前端比较新的技术，例如ES6，主流浏览器对ES6还只是部分支持，所有没有几家公司应用这个技术。可是面试时，为什么几乎所有的公司，都要问ES6方面的技术。

其实面试官在问求职者的时候，他自己也不见得多精通，可是他就是要面试这类内容。其实，他面试你这类题，并不是希望你多精通，掌握的多好。主要是看你对前沿技术的关注度和对新技术的求知欲。

对于Web前端来说，是一个更新特别快的行业，几乎每年都有不少的心技术面试，作为一个Web前端开发人员，如果对新技术不敏感，对新技术没有学习的欲望，那么可能很快会被行业淘汰。那么，企业招这样的求职者有什么用？

实验班的一个学员面试成功后，总结了自己的面试经验，就很明确的说明了掌握新技术对面试的重要性，现摘录如下：

技术面试一定要凸显出自己有很强的求知欲，对新技术是非常感兴趣且愿意去不断学习，公司一般都不会拒绝爱学习的人。所以这就需要我们提前去了解一些新技术，ES6必问，不用面面俱到，基本的了解一下 let const promise 箭头函数就差不多了。

三、Web前端技术学习分析

了解了企业招人的目的之后，对于Web前端技术中的各个模块内容，该如何学习，已经心中有数了吧。Web前端中HTML、Ccss3、 JavaScript、移动前端这几部分是基础内容，也是前端开发工程师必须掌握的技能。那么针对这一部分技能，就要学习的扎扎实实，达到精通的程度。特别是面向对象、闭包、变量和对象的存储式等，都要理解的透彻，并且能够条理清晰的表达出来。

JS框架要学习透彻一两个，其他的框架也要了解。新技术要时时关注，不要求达到会用的程度，但是也要了解，面试时能够应付自如即可。

下面两个图是从几万条前端岗位招聘信息中提炼出来的企业对各技能的要求，从图中可到，基础技能占比是最大的，其中 JavaScript占到71％，可见 JavaScript在前端中的地位。各个常用框架的要求也都在18％以上，其他新技术都在企业要求中占有一定的比例。

明白了企业对各种技能的要求，以及Web前端技能学习的侧重点之后，再回头看看青鸟近期出的Web前端产品，就会发现一个变化。那就是基础技能无论是广度、深度都有所增加，学习用时也大大的增加了，目的就是让学员能够学会，全部掌握。为就业打下一个良好的基础。框架也增加了很多，企业中常用的Vue、Angualar、React、Node等框架都加入到课程体系中。但是详细讲解的只有一至两个框架，讲解的目的也是使学生能够看懂原生代码，达到触类旁通的程度。新技术也已经纳入了课程体系中，既让学员及时的了解新技术，又培养学员对新技术的敏感度，同时也为学员成功面试埋下一个伏笔，让学员能够在这一块顺顺利利搞定面试官。

到这里，明白了为什么平时技能掌握扎实的学员，面试前没有过多准备面试题，竟然轻轻松松通过的原因了吧。所以学员在学习时，不能只掌握企业常用技能，而是基础技能要牢固掌握，框架作为提升技能也要踏踏实实的学习，新技术也不能忽略，都要兼顾。