Hibop.github.io
Hibop.github.io copied to clipboard
Hibop
关于2017年web前端面试总结
一、写在前面
你的简历是自己工作的答卷，项目经历是你给面试官出的考纲。 ——关于面试，引用叶老湿的一句话。
所以，面试一定是与我的简历、工作经历相关的，一些面试题并不一定适用于任何人，但是你可以从中了解他们考察的点，以及侧重点。基础知识可以查漏补缺。
二、发散性问题思考：
三、面试实践：
记一次鹅厂面试：
一般包括，电话面试、笔试/一面， 二面/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？
-
寻么调试编译后的代码？
