关于2017年web前端面试总结

[Hibop]

一、写在前面

你的简历是自己工作的答卷，项目经历是你给面试官出的考纲。          ——关于面试，引用叶老湿的一句话。

所以，面试一定是与我的简历、工作经历相关的，一些面试题并不一定适用于任何人，但是你可以从中了解他们考察的点，以及侧重点。基础知识可以查漏补缺。

二、发散性问题思考：

关于前端面试问题思考后的回答

三、面试实践：

记一次鹅厂面试：

一般包括，电话面试、笔试/一面， 二面/HR面，大厂的套路是就一个问题延伸至你不会为止，很锻炼自己心理素质和承受力，同时也是对自己知识深度的大检阅。

• 技术面试：技术；

• 负责人面试：项目把控能力、项目深度、项目架构能力、业务等；

• HR面试： 性格、沟通、潜力；

• 自我介绍

• 说一说自己全程参与，比较得意的项目： 这个问题扩展性比较大，在问的过程中，看自己的项目角色定位，有没有参与架构、模块设计等等； 以及技术栈的广度，项目是大型、中型、还是微型

• 因为简历中涉及说自己做过web播放器相关，问了一下项目的细节，项目的技术栈、流媒体数据传递技术，以及有没有再引入第三方库等；

• http与https的区别；

• babel的工作原理，是怎样将es6语法转换成es5的，promise怎么处理，是否直接用，其实是想引出浏览器垫片pollify的了解程度；

• 浏览器的是怎样渲染的， 浏览器从输入url到页面呈现发生的事情；

• web安全相关，XSS， CRSF。深入的问，有没有试过怎样攻击网站；

• 移动端适配问题，rem理解;

• GPU加速理解，V8引擎为什么快？

• 框架的理解：react怎么渲染的？

• nodeJS在项目中使用；

• react虚拟DOM，以及Diff算法原理

• lodash等框架的链式调用，延迟计算等

TODO 未完待续。。。

• 跨域JSONP的callback怎样保证唯一性？ 当时没有听太清楚面试官的意思，以为是加一些hash、timestamp、md5等保证其唯一性；最后在查了想了很久发现这个问题应该考察我们的编程习惯的： 我们必须谨慎使用全局变量，使用之前需先进行命名空间检查

  // 假设要将跨域： url=http://baidu.com/json/code8/?callback=DeliciousCall.show
  if(typeof(Delicious) == 'undefined') Delicious ={}

  在最后找面试官确认，仍然不对，给了我一个方向 说在jQuery中。。。

• webpack打包相关， 工作原理，有没有自己撸loader和plugin的经历？

• 安全相关的，除了校验，编码方面怎样保证一段代码在前端页面展现而不执行?

两条实际项目遇到的问题

• 怎么修改已经上线无法复现的bug？

• 寻么调试编译后的代码？

[Hibop]

2018春招前端面试: 闯关记

https://juejin.im/post/5a998991f265da237f1dbdf9

[Hibop]

前端开发基础知识整理--web综合篇

https://juejin.im/entry/5a9bbdd46fb9a028b77a4823

[Hibop]

分享收集的一大波前端面试题和答案

https://juejin.im/entry/5a9d0f05f265da239b40eb7c

[Hibop]

前端面试指南

https://zhuanlan.zhihu.com/p/25859524