web前端面试会问哪些问题，真实经历5--3

一.第一次电面（半小时） 

(一)问题： 

1.基础问题：

说说js的继承实现

js的闭包

2.项目问题：

说说你做过的项目 （我就大概说了一下电影分类网站）

你在项目中的角色 （我说前后端，用node）

在项目中遇到的问题

假如让你重新做这个项目，你会怎么做？

这个项目有哪些你觉得会保留的，哪些你觉得需要改进的？

为什么用grunt

产品存放在哪里

有没有上线

node版本的区别

(二)我问的问题总结： 

这次和面试官的沟通中，我了解到Angular可能没那么重要了，react、ej6、vue现在比较热门。（不过后来听师兄师姐说，阿里影视为了兼容问题暂时 还在用 Angular1，而阿里UC开始转向 Angular2的使用，所以还是有必要学习的 ）另外，面试官介绍antdesign给我学习。

(三)个人总结： 

我基础知识方面没怎么答出来，后来面试官也侧面说基础很重要。关于项目的事情，由于我还没有做完，所以总得怎么说我还是说不怎么出来。从这时候开始我就开始重视基础知识，虽然之前接触过这些基础知识，但是由于时间比较久就忘记了，所以我觉得用思维导图总结分类，辅助我巩固知识。面试官很温柔，很热心，太感谢面试官了！

二.第二次电面（半小时） 

(一)问题： 
1.基础知识：

css选择器

css布局：盒子模型，position（要复习！！！！fixed是相对于frame框架来定位的）

jq的事件代理

jq的ready和window.onload的区别

性能：页面加载过程

怎么理解模块化

commentJs

js的模块和java的包有什么区别和联系（用到node的class）

jq的ajax使用

正则表达式的使用

处理跨域的方法

2.项目问题：

数据如何传输处理的？

url请求的过程

(二)总结 

这次问的基础知识挺多的，项目也有问，但是我基础知识好多都忘记了，项目逻辑也没有表达得很好，这使得面试官处于犹豫的状态。后来面试官很好人，让我说一些打动他使我通过的理由。我这时候怀着感激的心，然后就开始谈谈我日常中是如何在时间管理、英语学习、前端学习努力的，我也说了说我的真实的具体行动，表达我一些心态。估计是面试官很重要学习的态度，所以直接跟我说我通过了。这里我在感受到面试官给予的温暖的同时，也意识到你的行动你的态度真的很重要。（后来我听一位师兄说，他们公司之前录用一个很有能力的面试者的时候，由于感觉他的态度不是很好，就是不尊重正常的流程，所以没有被录取。我总结到，对于我们这种在找实习还没有一定能力的面试者来说，面试官更加看重的是我们的各方面的态度。）

三.第三次电面（半小时） 

(一)问题： （感觉是看着简历来问的，项目的具体过程问得挺少的，比较着重学校知识的灵活灵用）

1.node是如何体现iso七层面的操作的？有哪些模块使用？

2.node的事件问题（异步）

3.node的项目运用了哪些你学校学到的数据结构和计算机网络的知识（我就只是说说数据库的结构和网页的请求过程）

4.mongodb和sql数据库有什么区别？mongodb有什么不足？

5.说说浏览器兼容和性能优化

6.浏览器的缓存机制

7.http请求的状态码

(二)我问的问题： 

1.前端在用户体验方面应该怎么负责：所有的岗位都是需要联想到用户体验，包括产品和开发。前端主要是属于技术开发的位置，所以更加注重的是性能处理。

2.前端的竞争优势：基础很重要，还有再用一个框架工具的时候要懂得其中的原理。移动端很重要，算法如果知道一些的话也很有优势。（node如果要深入用的话就需要用到算法。）

3.github：关注阿里的github中的项目都可以学到知识。

4.前端的发展：近几年都比较热，在移动端开发等开发方面可以节省一定的成本，所以就比较受人青睐。

(三)总结： 

我可能对node 框架的理论学习不够，所以有些问题答得不是很有逻辑，我觉得逻辑不够强可能会引起面试官的反感（特别是面试官赶时间的话，这次的面试官是技术总监，所以比较忙些，对语言的回答也应该会比较严些）。这位面试官也让我意识到知识需要学以致用，学校的知识可以融合到实际的框架学习中。另外，我也问到了一些挺有用的建议，也越来越觉得自己需要有更多的东西需要学习了。

【终极总结 】 

机会是留给有准备的、坚持下去的人的。这三面都让我发现了自己的很多不足，同时也收获到了一些指引，我从内心深处真的很感恩蚂蚁金服的三位面试官，不管最后有没有通过，我都学到了很多。我学到的可以归结为以下方面： 1.基础知识的巩固。我开始用思维导图构建我比较完整的面经知识体系，我也坚持刷牛客网的面经，慢慢完善这个面经知识体系。（前提是真的理解了这些基础知识） 

2.项目要注重逻辑。我开始思考如何回到面试官问到项目的问题的时候，我改如何去答，理清楚项目的逻辑，而且正如第三位面试官所建议的，我还要理解框架的理论层面。 

3.技术的学习。移动端、算法、angular2、react、vue、ej6等。知道自己要 学习的有很多很多，也很开心，相信自己会一直很充实。