回馈牛客 秋招前端面经总结

本人渣硕一枚（真心的），本科期间热衷学生工作未能学的一丝技术，研究生是专硕，前半年上课期间看了一些java，从入门到放弃（现在就全忘完了），今年2月份开始正式接触前端（慕课网），6月份正式开始准备秋招（接触牛客网），8月份开始各种投内推（各种挂），9月份涅槃重生加上运气因素，先后收获了一些offer，在牛客上无偿获取了太多知识，趁着假期也回馈一波，因为采取的是海投政策，面经虽都有记录但实在不能详细的写出所有具体的题目，凭印象和笔记与大家分享一些印象深刻、常见的面试题以及一些一路走来的心得体会吧，愿能给大家带来帮助和好运。

接下来进入正式面经：

一、滴滴打车（一面挂）

一面：

1、css、html、js你觉得你自己哪个更强一些？

2、原生js用的多一些还是jq用的多一些？

3、一个ul里有若干个li，如何实现li倒序？多种方法？优劣势比较？li很多的时候哪种方法比较好？

4、三栏自适应布局？还有吗？还有吗？还有吗？（问到你说不出别的方法）

5、实现一个日历，使用原生js

6、在日历的基础上实现一个酒店入住的功能，左右两个日历，左边选择入住日期，右边选择离店日期，入住时间内的日期有背景色，其余时间灰色，离店日期要大于入住日期，js如何是实现判断的？

7、两道关于this指向的问题

8、你是如何学习前端的？

9、你会如何选择前端优化？针对你的回答进行拓展

10、聊一聊ES6

结束，秋招的第一家公司，一面就挂，之前就有心理准备但还是有点失落，遂开始海投。

二、北京用友（sp）

特点：不怎么聊基础，总体偏简单，技术面和hr面一起，2面1

1、聊一聊项目

2、了解node吗？node在表现上和浏览器有什么不一样的地方

3、讲解现场笔试题中的数组去重和在数组原型上添加remove方法，优化

4、聊一聊react，生命周期，优势？了解其他流行的框架吗？

5、讲一讲你的学生工作经历，怎么当上***的？最自豪骄傲的一件事情？

6、你是怎么学前端的，遇到了什么问题

其余的就是一些谈天说地，一面就结束了，三天过后就给了offer，比较效率，公司是传统的erp企业，技术发展上可能较互联网公司较为不足

三、深圳金蝶云（sp）

特点：公司技术栈使用的react，所以聊react聊得比较多

一面：

1、自我介绍一下

2、简历上写着了解ES6，给我讲讲你常用的ES6的新特性

3、经常看哪些博客？是怎么去看的？

4、ES6中如何处理异步，手写一个promise，有哪些状态？

5、写一下三栏布局，你刚刚使用了flex，你如何去学的？有哪些容器属性？如何实现垂直居中？

6、我看到你有个人网站，但是我进去后你的网站好像性能有点问题，你会怎么优化？你觉得你的网站最大的性能问题是什么？

7、问题6中提到了webpack，说一说webpack的特点，你最常用的它的特性和功能是什么？压缩合并js后如何去排查错误？

8、给你看一下我们公司的一个产品，就是用react写的，你说说你的看法

结束，因为聊得还比较愉快，好像原先是2个技术面，直接跳过了，转天过来主管面

主管面：

1、说一说你的项目

2、说一下当下流行的前端框架直接的优劣势和侧重点？大型项目会选择什么？

3、你的毕业设计题目是什么？准备怎么去做？

4、HTML5的新特性说一下都了解什么？

5、对我们公司的看法？了解我们公司的产品吗？

6、能不能过来实习？

结束，总体来说和面试官看对眼很重要，公司也是传统的erp企业，可能更注重业务一些。

四、海康威视（offer）

一面技术面加一面hr面

一面：

1、自我介绍

2、css基础如何？这里有个包装袋，你看看如何实现上面的布局（考点：如何实现四栏均分布局），说到你想不出别的方法为止。

3、说一下vue的生命周期，vue的特点，data和props的区别？

4、相较于vue，react的特点？生命周期？

5、如何学习前端的？为什么选择前端？

6、看你沟通能力挺强的，为什么不选择其他岗位（黑人问号脸，但也假惺惺的回答了）

7、ES6都用过哪些？

8、你用过node开发微信公众号，如何实现token验证的？微信公众号的配置细节

9、你会怎么去处理回调？

五、华为（未通知）

一面技术面加一面综合面试

一面：

1、说一下你的项目

2、还做过别的项目吗？（华为超级看重项目，没项目的同学建议就不要去了）

3、写个快排？

4、写个二分查找？

5、js中的事件委托？

6、闭包？

7、原型链了解吗？

8、如何实现继承？

9、说一说ajax？原理？特点？

结束，给我的感觉它并不是一个专门搞前端的，期间他接了个电话我趁机看了他一眼电脑，我的乖乖，“百度搜索：前端面试题”….怪不得我的所有回答他都没有继续深入，原来只是照着网上的题库问我，然后看我回答的语气和状态嘛？体验不是特别好，不过华为这样的公司好像也的确没那么注重前端。

综合面试：

1、项目的网站能看吗？给我看看，整个布局怎么实现的？

2、项目的公众号能看吗？给我看看，怎么实现的？后期有优化吗？

3、怎么看待前端？

4、怎么一步步在学生会中走上***的？

5、怎么学习前端的？学了多久了？

6、项目中怎么考虑兼容性的？

7、想去哪里工作？现在都有什么公司的offer了？

8、学校什么时候发三方？

结束，感觉表现还凑活，但是真正想搞前端的同学就多考虑吧，感觉不受重视的

六、美团（offer）

好感度爆炸的一个公司！两面技术面+一面主管面+一面hr面，技术面面试官是我遇到的第一个不光考你知识点，还会在面试中直接教会你不会的知识点，这也是让我会选择他（目前最满意的）的最大的原因，包括hr小姐姐也超级热情，第一天有事让她为我调一下时间，她很负责的为我调了，第二天去等复试还主动和我打招呼，简直不能再喜欢这个公司的校招人员了。

一面：

1、自我介绍，项目介绍

2、打开我的网站，挑了我的一个react的项目（慕课网上的实战），问我具体的实现，写一下随机布局图片位置的函数？

3、打开控制台，让我来说一说我的网站都有哪些小问题，我会如何选择优化，平时常用的调试工具？timeline用过吗？

4、const和let的一些小考点

5、this指向的小题目

6、输入url之后到页面呈现的过程？

7、DNS的原理，底层的协议，迭代查询、递归查询

8、dom操作的api

9、css布局都接触过哪些

10、js操作数组的方法，哪些会改变原有的数组

11、状态码

结束，问的很多，很细，看得出来面试官本身基础也非常扎实，也非常会引导人，好评

二面：

1、业务场景模拟：一个显示股票的页面，有一个表格，表格里有很多行，如何动态的改变的某行某列的数据，用到了哪些api，如何去和后台进行数据的交互？如何给每个按钮都绑定一个点击事件？优化？理由？

2、从多个角度去考虑如何防止用户频繁的点击触发向后台获取数据？（这里涉及到的知识点很多，讲了也很久，缓存、状态码、函数节流、函数去抖等等）

3、浏览器渲染css的规则是什么？

4、如何去操作一个dom节点，更高效的方法？

5、const和let的考点，对象属性的考点，原型链的考点

6、css为什么放在前面，js为什么放在后面？css能不能放在后面，如果放在后面会发生什么情况

结束，给我的感觉是美团这个公司真的很注重基础，而且面试官们也都是基础非常扎实的，所以要面美团的同学，我的建议是一定要把基础打扎实，想混是混不过去。

三面：

1、自我介绍，项目简介

2、最喜欢什么样的团队

3、讲讲你的学生工作经历，当***有什么感想，对你今后有哪些帮助

4、向我介绍美团公司的主要业务，他们团队的内部的一些事情等等

结束，总之美团就是我秋招期间好感度第一的公司，期待最后会在那儿工作和学习

七、去哪儿（sp）

效率极高，抱着试一试的心态当天下午一点多参加了面试，后来才知道运气比较好一面就遇上了总监，通过后直接hr面

一面：

1、自我介绍，成绩不错，怎么做到在学生工作的同时保持1%的成绩

2、有abcde五个地点，每个地点相互之间都有一个距离，求a到e的最短距离，考虑不同的数据结构给出不同的做法，优化，降低复杂度

3、对HTML5新特性的理解，讲出几个你常用的新特性

4、聊一聊你是怎么学的React，怎么学的vue

5、vue的双向数据绑定的原理，看过源码吗？

6、react怎么做会在更新时陷入死循环

7、讲一讲react中的diff算法，怎么做到O(n)的复杂度的？提出了哪些假设？

8、了解过react中的状态管理flux或者redux吗？

9、函数提升的相关考点，聊了一下上下文context的理解

10、说一说微信公众号中token的作用，如何实现验证的

11、了解跨域吗？一般都会使用什么方法进行跨域？

12、说一下SHA1算法

13、讲一下ajax，如何去控制多个请求的处理顺序？多角度考虑

14、在线笔试题现场分析重写

结束，面的时间很久，面试官给人的感觉很踏实，面面俱到，后来hr告诉我总监拥有一票否决权的，要不就直接挂掉你，要不就直接给sp，从后来直接给的offer来看，薪资的确给的蛮高的，感谢总监

八、好未来（口头offer）

面经的顺序就是我自己面试的顺序，因此其实已经拿了几个offer了，没打算去好未来，但是他们的hr是真的是我见过最热情的hr，从喊我的名字（不带姓），到多次的邀请我过去，实在是不好拒绝这么负责任的hr，起了个大早，赶去面试，两面技术面+一面hr

一面：

1、给你一个数组，手写实现一个求和最大的连续子串，优化？

2、求最长公共子序列？优化

3、原型、原型链，ES6是怎么实现继承的

4、愿不愿意转java

结束，表现着实很差，因为楼主属于临时抱佛脚系列的，算法这些基础上只能做到通过在线笔试，现场写和思考优化真的不在行，把更多的精力放在了纯前端方向上，因此面完感觉自己要挂了，不过不知为何又给了二面机会。

二面：

1、手写一个二分查找？递归，非递归？

2、了解动态规划吗？求最长公共子序列？

3、计算机基础方面知识点，三次握手、四次挥手？

结束，又是手写代码加各种算法，表现还是一般，我反问面试官，为什么不考我前端的知识点？他说一面面试官告诉她我前端掌握的非常好，所以我只考你不会的….我一脸懵逼，感觉应该没戏了，结果打车回学校的路上，HR短信告诉我过了。。。过了。。。了。。。好吧，谢谢您看得起我，我是觉得我真没答上来什么

九、58集团（ssp）

好感度同样爆炸的一个公司，二面的主管心胸和格局极大，在承认我优秀、当着我的面给我ssp评分的同时居然建议我去TMD公司（以及小米）发展，不建议去BAT当螺丝钉（这个有待斟酌，当然以我的能力也很难进去，这我自己心里还是有点*数的），如果没能进去，希望我能考虑他们公司，我真的是发自内心的佩服和感激他和我聊了那一席话，在这儿我就不赘述了，只谈面经。

一面+二面：

1、自我介绍、项目简介

2、了解前端安全方面的问题吗？XSS攻击、CSRF？

3、基本的自适应布局有哪些？手写几个三栏自适应

4、响应式布局的时候遇到过兼容性问题吗？怎么解决的？

5、移动端开发和PC端开发有哪些不同的地方和需要注意的地方？

6、绑定多个点击事件的优化（事件委托）

7、浏览器不同内核之间的区别？如何渲染dom树？css树呢？css选择的原理？以及原因？

8、如何去实现跨域的？

9、jpg和png的区别？

10、数据库的原子性？

11、学生工作的最大感触

12、学的最好的一门课，怎么学的

13、如何学习前端？都看哪些博客？怎么解决问题？会看哪些公众号？知不知道最近的一个大事件？（react）

14、200 304 301 302 404 500 502状态码

15、url输入到页面呈现的过程都经历了什么？

16、细说浏览器的缓存机制是如何实现的？

结束，二面主管问的问题实在是太多了，没能全部记起来，但是他之后与我的谈话着实让我受益匪浅，十分感激，好感度max，敬佩。

十、腾讯（二面挂）

这个公司我不想多说了，大家可以参照我之前发的一个吐槽帖（垃圾**，毁我青春），当然怪只怪自己能力尚浅，未能有实力应付所有类型的面试官，当时吐槽也是因为实在想不明白为什么要让一个专门搞java完全不会js 的面试官来刻意为难一个应届毕业前端er，导致我现在对鹅厂好感度呈几何下降，大家也不需要在评论里互怼，就当笑话看看就好啦。

其余公司的面经像大华、远景能源之类的基本也都大同小异，我也不做赘述了，如果需要可以在评论里提出来，我私聊将一些题发给你们。

总之从开始学前端到准备秋招再到现在，我最大的感触就是：

1、脚踏实地，好好打基础，多上上牛客，刷刷题，多投一些公司，累计面试经验，消除面试紧张感，经验都是累积出来，谁都不可能一口吃成胖子，像我自己学前端的时间可能真的比大数人都要少，我也没有什么天赋，都是连着好几个月晚上十一点才回寝室，一分耕耘，一分收获。

2、一定要自信，和面试官交流的时候不要支支吾吾，会就大胆的说，不太清楚地就大胆的猜，实在不会的就表现出积极的态度，积极去思考，不要一下子就放弃，都说面试最成功的就是让面试官觉得和你这个人待一起等一个小时的飞机都不会觉得无聊，那你的面试就是成功的

3、一定要学会给自己的简历挖坑、填坑，学会准备一些问题，然后在面试的过程当中去引导面试官去问你准备好的问题，这个需要自己反复研究，细心钻研，我也不好提大众化的方法，毕竟每个人的学习经历、学生工作经历、项目经历都不同，我在这儿也只是给大家提供一个思路