前端实习生一路面试经历

从三月份开始在网上海投简历到前几天拿到金蝶offer，昨天终于入职，过程非常心酸，归根到底是技术的问题吧

阿里电面一面

第一个遇到的面试时阿里的电话面试，面试官非常好(实际上遇到的所有面试官都是非常好的)跟我聊了大概一个小时吧，第一次技术面试非常紧张准备的也很不充分。

• HTML的盒子模型
• AJAX的readyState几种状态
• 如何对AJAX返回的数据进行格式化和标准化(大概意思如此，这个问题耗时很长，但是通话质量很差一直听不清)
• 清除浮动的几种方法
• 说说用到了哪些事件
• 事件捕获和事件冒泡的区别
• 讲一下跨域
• ES6的新特性
• Webpack用过哪些插件
• Webpack解析ES6常用的插件
• 对vuex的理解
• vuex什么场景下比较合适
• 在项目中负责的工作
• 移动端上click事件在某些浏览器有没有遇到延迟的问题
• （上个问题提到了卡顿，接着提到了白屏，于是面试官就问了~~）从哪些方面去排查白屏的问题
• 性能优化的手段，解决方案，长时间的白屏优化的方法(这里聊了很久，面试官不断解释举例，灰常感谢~~)
• 在项目中如何对代码质量进行管理

中间有些问题因为准备不充足答不出来，但是面试官还是很耐心地解释提醒然后继续面试下去，第一次面试就这样在意料之中挂了

腾讯电面

一面

• 做过哪些项目
• MongoDB和传统数据库的区别
• 有一个目录树的结构，有四层，用MongoDB如何建模
• 说一下Vue的MVVM的机制
• MVVM和MVC的区别
• 双向绑定怎么做到的，有没有自己写过
• == 和 === 的区别，还有举了几个例子问true Or false
• 闭包本质是什么，什么场景下会用到闭包
• 闭包函数没有引用到的外层函数的变量会不会被销毁
• 说一下函数中的this变量，哪些函数可以修改this，bind(this).call(this)结果
• AJAX如何跨域
• 关于setTimeout和Promise的resolve两者的执行顺序,为什么
• display取值有哪几种
• 默认是inline的标签有哪些
• inline-block和inline有什么区别
• 盒模型有哪几种，如何切换
• 说一下BFC
• HTTP缓存机制
• 了解HTTP2、PWA吗？小程序有开发过吗？
• 浏览器缓存数据的方法

外加两道上机题目

• 页面内有一个正方形元素，实现对其拖拽和放下
• 大数相加

有了之前阿里的面试经验，除了一开始关于MongoDB的问题，其他问题感觉回答的还可以，于是顺利进入了二面~，二面面试非常突然，在准备去坐地铁的时候突然打来，于是在路边面试...，题目记得的也不全

二面

• 在HTML的img标签请求一张图片，过程是怎样的，如果中途数据部分丢失是怎样的，如何判断(大致意思如此)
• Vue如何实现双向绑定
• 七点十五分，小的那个角多少度
• 有一个能同时烤两片肉的烤炉，还有三面需要两面都烤熟的肉，怎样最快地把他们烤熟
• 有两辆火车匀速相向而行，最终会相撞，在开始的时候中间有一只小鸟，它不断地在两辆火车之间飞来飞去，遇到火车就掉头飞向另一辆，直至两辆货车相撞，小鸟速度大于火车速度，那么小鸟从开始到火车相撞地时候，它飞了多长的距离

只记得了这几道题目，不过二面的问题不多，可能因为周围环境嘈杂所以也没有面试多久就结束了，应该还有几道HTTP的问题，最后面试官让我多补补HTTP的基础，这一块的确基础薄弱，感觉应该凉了。

过了一个星期，突然接到了三面的面试，但是因为比较忙，约了几次才开始面试

三面

• 如何自定义一个vue指令(尴尬...指令没怎么用过更不用说自定义了，于是有了下一个问题)
• 如何自定义一个vue组件(这个还好能说出来)
• 说一下dns
• 说一下XSS和CSRF区别，举一个CSRF的例子
• 如何设置cookie，以及如何设置cookie过期(具体代码)
• node开启多服务(好像问题是这样的)
• CSS中animation和transition区别，如何写一个animation(具体代码)
• 有一个6L和5L的瓶子，如何装出3L的水

还有几个问题想不起来，也是回答不出的，与HTTP相关。

PS：暂时更新到这~~，还有两个公司的面试