2017web前端实习生面试总结

因为考虑到过一阵可能还有要面的，所以没有写到自己的博客中（怕面试官看到...）

360齐舞团 web前端

一面

• 介绍一下自己，大三的？（面试官有点惊讶）
• 描述下学习前端的经历，说重点（我提到了react和vue）
• 说一下对vue和react的认识（我说了更喜欢vue）
• 说一下为什么更喜欢vue
• 知道http吧，说一下content-type都有啥，尽可能的多说 （http方面比较薄弱，说的比较少）
• 知道BFC吗，解释一下（块级格式化上下文...）
• 说一下304的原理吧（面试官想听到last-modify和ETag，以及他们之间的优缺点和原理）
• 会不会Node？我考你一道题，你现场写一下（面试官的vpn挂了，很幸运的躲过了一截）
• 这时候面试官说其实你已经过了，我给你几个建议你以后可以按照这个方面去学习一下（但是面试官还是让我先答一下，说这几个答不出来不影响最后的结果）
• 浏览器的渲染过程 （DOM -> CSSOM -> render -> layout -> print）
• 打开了chrome，详细给我描述经典面试题在输入URL后都干了啥
• 还有好多细节，不记得了...

一面过了

二面

• 介绍一下自己了解的前端技术 （提到了react和vue）
• 说一下自己对react和vue的理解和看法 （我说了喜欢vue）
• 拿vue做过啥 （说了最近写的东西，面试官也没接着问下去）
• 给两个元素分别position: absolute，判断是否重叠 （我说用offset，面试官不满意，说这种会有很多判断，面试官最后给了中用中心点定位的方法）
• 算法题
• 算法题
• .... （没错我就是被算法怼死的那个）
• 看我算法做的满头大汗，又出了到前端的案例，给你一个input和一个对象，如何做出双向绑定 （我说用事件监听，然后详细描述了我要怎么做，面试官说，你这样子只单向啊，对象那边呢，我说，可以用Object.defineProperty()定义自己的getter和setter）
• 好，你说事件监听，那你觉得input是监听change事件呢还是input事件呢
• 说一下你理解的change 事件和input事件（input那个脑袋一懵没想出来）
• 你有什么问题要问我的

二面卒...应该是被算法怼死了

京东 （部门名太长忘了） web前端

一面 （大概一个多小时）

个人感觉京东的一面比较简单，考的全是基础，深入也没有深入到太深的层次，但是涉及的范围比较广，主要还是根据自己写的简历问的，切记别过度吹牛会被怼死。

Q: 介绍下自己
A: ...
Q: 去过360集训啊，说一下在360学到了什么（简历提到的）
A: html, css, javascript, 工程化, 性能优化...
Q: 说一下你知道的前端性能优化
A: 优化关键渲染路径，css优先渲染关键文件、preload、js阻塞DOM渲染啥的...
Q: 说一下浏览器的渲染过程
A: DOM -> CSSOM -> render -> layout -> print
Q: 知道webpack吗
A: 打包工具
Q: 说一下webpack打包文件资源过大怎么优化
A: 我个人webpack只知道打包啥的，优化没怎么接触过（如实回答的）
Q: html、css、js哪个比较擅长？
A：都还行...（给自己挖了个坑）
Q：来谈谈css吧，说说css选择器
A：简单选择器，高级选择器巴拉巴拉...
（假设了几个css的场景，让我给出解决方法，关于选择器的，记得不太清楚了）
Q：用过预处理器吗，说说less，sass又啥相似点区别
A：我只用过stylus（但是我看过三大预处理器的对比，简单说了说）
（假设了几个场景，让我给出解决方法，我记的我是用mixin解决的，还有一个是预处理器函数定义啥的）
Q：来谈谈js吧，假设我们点击一个元素（然后做啥我忘了，但是是事件监听相关的），说一下你都有多少解决方法，可以用库和框架
A：事件监听，然后我说了可以用vue和react的解决方法。
Q：vue和react啊，你说说你对vue和react的理解
A：虚拟DOM（原理让我讲了一遍）、Diff算法（原理让我讲了一遍）、vuex和redux（原理让我讲了一遍）...
Q：说一下你知道的实现js继承的方法
A：原型式继承和类式继承...（手写代码）
Q：好，那我假设一个场景，给你一个对象a.x = ...; b.x = clone(a.x)，要求这两个的x属性可以是任意值，对象啊，数组啊啥，你写一个clone方法
A：我说这涉及一个js基本数据类型和引用类型的深浅拷贝问题，我们要先判断是基本数据类型还是引用类型，我们要先判断一下是啥类型
Q：那你先说说你怎么判断
A：我说Array.prototype.toString()
Q：你知道实际开发中这个方法有很多问题吗
A：懵了一下...
（然后我就断片了，我就记得是用递归啥的，然后让我说了递归的优化，我说到了尾递归和变量的缓存，中间还有几个问题，都是小细节）
Q：jsonp
A：....
Q：知道es6吗，说说你对es6的理解
A；语法糖，各种扩展，异步解决方法
Q：说说const
A：主要想听对象的问题，最后问到了对象在内存中存储这方面，我这个答得面试官说很满意。
Q：你有什么问题
A：我问了这个部门是干啥的，啥时候有结果啥的

一面过了

二面 （一个多小时）

全是问项目和拓展，答的很累，很多方面都是实际业务上遇到的问题，他不要求你回答标准答案而是想听你是怎么考虑的，以及自己的解决方法，临场发挥，答得很难受。

Q：看你在360集训过，说说你都干了啥吧
A：先笔试，然后作业
Q：作业是啥，你github有吗，说说怎么实现的（这时候面试官说我的github他全都看过了，一脸懵逼）
A：手势密码，我把我怎么实现的和月影老师讲的方法都说了一遍。
Q：考虑过连续滑动多次事件触发的问吗，我看你项目里没写，你现在说一下你会怎么做。
A：我说做个事件的截流，但是详细的没说清楚，面试官说你回去自己研究下，这个问题现实中很常见。
Q：看你作过react和vue，说一下他们的区别，自己喜欢哪个（这个问题每一次面试都被问了）
A：虚拟DOM（原理让我讲了一遍）、Diff算法（原理让我讲了一遍）、vuex和redux（原理让我讲了一遍）...
Q：（面试官开始装傻了）我不会vue，你给我讲讲vue吧
A：这里面试官开始观察你是不是只会用别人的东西而不自己了解其中的原理，vue他们主要想听vue2新增的虚拟dom和diff、vuex的原理、vue数据绑定的原理
Q：你平时写vue使用脚手架还是用别的啥
A：vue-cli
Q：那cli装的时候vuex和vue-router是不是默认安装的
A：vuex不是router是，但是router也是选装
Q：我看你写过一个库，我看你github上面写到实现了很多方法，你能给我说说吗
A：我说我能看一下我写的readme吗，他说可以，然后就让我挑几个自认为写的好的方法说说
Q：参考过JQuery的源码吗？全是自己写的？
A：我说没看过JQ的源码，这些都是按照自己的理解和一些网上的约定写的。
Q：我看你另一个项目用过Node和express还有ejs，那你说说ejs是脚手架默认安装的吗
A：我说jade是默认安装的ejs是自己选的
Q：那你为什么用ejs
A：（其实我想说我只会ejs，但是原来看过ejs和jade（现在的pub），所以介绍了一下两者的区别然后挑了我觉得ejs比较好的地方答的）
Q：那好，我让你自己写一个模版引擎你怎么写
A：用ES6的
Q：那怎么解决循环和判断
A：（我不是很清楚）加个状态自己写个判断？
Q：那这样子，我有一个模版引擎写好了，想让你自己去用，你想怎么去用？
A：懵了一下（面试官说没事，只是附加的问题没想到没关系）
Q：接下来有什么职业发展的打算啊，未来打算留在北京，然后给我介绍了下这个部门是干啥的，有啥项目，移动、PC、微信巴拉巴拉的，还建议我以后可以写写开源项目啥的
（最后我知道了他有个开源项目是做模版引擎的，怪不得问了我那么多关于模版引擎的细节，虽然我都是瞎答的）
Q：你有啥要问我的
（这时候知道了他们部门只要一个人，开始慌了，面试官看我慌了说我表现的挺好的。。。）

二面过了

三面（10分钟？？）

三面hr我不想多说啥。自己体会。真的无语。

等待offer中...