接着上一篇《裁员潮下的大厂面试-字节跳动》，今天再给大家带来一篇阿里妈妈的社招面经。

往年的金三银四，成了互联网的毕业潮。

boss上的简历都是已读不回。逛知乎，逛掘金，甚至逛淘宝都能遇到同一时间毕业的，出来纵情的，此时往往不分行业，不问出处，迅速的扯开话匣，相互倾（吐）诉（槽）。

就这样，我遇到了阿里妈妈的卡卡，卡卡是18年校招到的阿里，与别人不同的是 ，卡卡潜伏在各大互联网群里就是为了听别人的“悲惨”故事，在他看来，被裁是一种幸福，n+1 着实很香。

确实，纵情之后，n+1让我快活了好一阵子，兜已经见底，房贷也要开始还了 ，于是进了阿里妈妈的内推岗位。

把面试题跟大家分享一下 ：

一面

1. 先自我介绍一下。
2. 有这样一个场景：在做后台管理系统的时候，一般路由是动态生成的，前端的文件与路由是一一对应的，假如不小心删了一个文件，这个时候就会跳404页面，会有不好的用户体验，怎么做才能比较好的防止跳去404页面？
3. 有一个页面，一个绝对够长的背景图，我们知道不给盒子设定高度的情况下默认是100%的高度，盒子高度会被内容所撑开。那么怎么做到第一屏完全显示背景图，第二屏也能继续显示呢？
4. 谷歌浏览器里面字体的最低像素是多少？“12px” 。在项目开发中设置font-size: 8px;也会变成 12px ，我现在有一个需求需要 8px 的字体，怎么才能突破 12px 的限制？
5. 讲一下你对ES6 的了解，以及 ESn的认识
6. 数组操作的时候你一般会用到哪些方法
7. 怎么进行站点内的图片性能优化？
8. 讲一下你对原型以及原型链的理解
9. 开发的过程中你用到过哪些设计模式？
10. 你们的用户登陆一般是怎么处理的 ？权鉴前端怎么做？
11. 怎么中断ajax请求，你有遇到过这样的业务场景么？
12. 谈一下vue的双向绑定原理
13. 移动端的重复点击你是怎么处理的
14. 怎么触发BFC，BFC有什么应用场景？
15. 项目中有一个需求，让你来主R，架构已经搭建好了，UI图也已经给出，你第一步会做什么？
16. 实现 Promise.all
17. 数字1-100的累加，不用for循环 ，有哪些方式实现？
18. 实现一下bind

二面

1. 用vue实现一个级联组件，说说你的思路。让你开发一个组件库，你会注意哪些？
2. 实现一下 vue的数据双向绑定
3. POST请求的 Content-Type 有哪几种？？这个跟 GET 有什么区别
4. css flex: 1; 是哪几个属性的组合写法
5. vue provide/inject 的数据不会及时回流到父组件的问题
6. vue的计算属性和watch 有什么区别，使用场景。
7. [1, 2, 3].map((item, index) => parseInt(item, index))的结果
8. cookie、localStorage和sessionStorage 三者之间有什么区别
9. 有 www.xxx.com (a网站) 和 www.api.xxx.com (b网站) 两个网站，在b网站里登录授权拿到了 cookie ，怎么在a网站里拿到这个 cookie ？
10. 说一下 forEach, map, for...in, for...of 的区别
11. 你带的实习生把配置文件推送到了远程仓库，怎样删除远程仓库的该配置文件，本地还要用到这个文件。

三面

1. 先自我介绍， 再介绍下项目。
2. 介绍下你现在做的PWA的优缺点，和普通的网页有什么区别？具体怎么实现离线功能？如果现在有个请求，作用为删除一个list里面的一项内容，在没有网络连接时候这个请求被缓存，我关闭PWA再打开，之前的那个list会怎么样？怎么样优化离线功能？
3. 在ES6中有一个Map数据类型，我们可以用get, set来对它进行操作。怎么用ES5的语句构建一个可以实现类似ES6中Map数据类型功能的方法，封装一下。提示：可以用数组，链表，对象，class或者其他，分析下每种方法的优缺点，要求时间复杂度小于O(n)。
4. 你之前做过伪代码转代码的项目，说说这个项目是怎么做的？里面用的关键技术是什么？AST语法解析的原理是什么？
5. 你都学过或者使用过哪些语言，你知道什么是面向对象语言吗，你更喜欢那种语言，为什么？
6. 还有什么问题吗？

面试官点评

这位小伙伴在裁员潮下能顺利通过阿里的面试，还是挺厉害的。

我们可以看到一、二面主要是对基础知识的考察，也穿插了一些场景题，对实际解决问题的能力进行了考察。三轮面试都有手写题，主要是原生API的实现，以及部分框架的原理实现。第三轮面试则是从项目展开，问的细节很多。

整体而言，面试难度适中，对面试者的实际能力进行了很好的考察。

最后