阿里实习转正1个月了，记录下从实习到校招的面试历程|掘金技术征文

lz 双非本科，前端开发技术渣。一字一字码出来的实习和校招经历，但愿你们都能拿到本身心仪的offer ~ ~

找实习

战线从寒假2月就开始了，一直持续到4月中。寒假期间2月底拿到美团实习散招offer，3月去北京美团实习，实习期间陆续拿到 网易游戏、腾讯音乐、支付宝 的暑假实习offer，最后万分纠结后，选择了 支付宝 。

美团(offer)

一面(2017.2.16 10:00)

1. 浏览器事件模型
2. jQuery的delegate事件代理，写出 polyfill
3. iframe加载完后，将高度变为指定的px
4. 实现垂直水平居中
5. 统计单词出现次数(key => value)
6. 二叉树翻转180度
7. 闭包的内部实现
8. 实现bind方法，写出 polyfill(考察apply、原型链)

二面

1. DOM是什么？有哪些操做
2. 获取class="a"的全部div元素
3. ==和===区别

   == 容许类型转换，=== 不容许类型转换复制代码

4. typeof null === Object , 以及undefined和null区别
5. 判断数组的方法，哪一个更好？

   Array.isArray(arr) 是 Object.prototype.toString.call(arg) === '[object Array]';的语法糖。instanceof 跨frame时不能共享原型链。复制代码

6. 删除已有的html节点(考察removeChild)

   var child=document.getElementById("p1");
    child.parentNode.removeChild(child);复制代码

7. 字符串反转

   const reverseString = str => str.split("").reverse().join("")复制代码

8. 跨域和AJAX(大概6-7种)

   CORS、JSONP、Fetch、postMessage、Node、Webpack proxyTable、...复制代码

9. :before和::before的区别(伪类、伪元素)
10. 伪类nth-child和nth-of-type区别
11. var和function定义方法的区别(调用与声明的顺序)

三面

1. 二维图形造成三维效果
2. requestAnimationFrame和setTimeout
3. 裁剪图片，实现，矩阵变换
4. 你画我猜项目的画线实现
5. WebSocket是什么原理，用了什么设计模式？
6. Socket实现
7. TCP/IP网络分层
8. IP 伪造

腾讯课堂IMWeb(挂总监面，看问题就知道为何了)

一面(2017.2.16 19:00)

1. JS事件模型
2. AJAX同源策略及跨域方法
3. HTTP状态码
4. XSS和CSRF
5. Express特色
6. nodejs内存泄露
7. Vuejs的生命周期?
8. gulp和webpack的区别？(模块与流，CommonChunks抽出公共模块)

二面（桌面共享写代码）

用原生JS实现一个相似百度搜索框的自动完成控件，好比候选结果集arr=['aaa','abc','acc','dda',...]，用户输入'a'，下拉列表会出现以字母 a 开头的项'aaa', 'abc', 'acc'

要求：
1. 鼠标或键盘能够选中候选结果到输入框
2. 能作好兼容性有加分
3. 作题时间45分钟
4. 用原生 js 实现复制代码

这个题若是要作好还挺复杂的，兼容下IE、面向对象的设计、输入延时、请求返回的顺序、字符串保存DOM，避免重复 DOM 插入形成的性能问题。
写的还能够，面试官还比较满意。

三面 (大概1个小时)

1. 问了项目，对项目的技术点，细节，作的好的，作的不太好的
2. 统计给定数组中，各数出现的次数，返回 json 对象
3. gulp和webpack的区别？
4. 5点15分时，时针和分针的夹角

四面 (总监面，3个问题)

1. 最近作的项目(问最近，开始有些懵，)
2. 浏览器缓存
3. 60%喜欢足球，70%喜欢篮球，80%喜欢排球，问既喜欢足球，又喜欢篮球，还喜欢排球的有多少？

总监全程很高冷，基本不说话，我还觉得电话信号很差。回答过程当中没有任何反馈，感受我一直在自言自语。

网易游戏(Offer)

一面(3月1号 14:30)

1. jquery链式调用实现原理？(return this)
2. vue 双向绑定
3. AJAX 原理及跨域
4. 组件化思想
5. 问了项目，gulp 、webpack、grunt平常使用

杭州现场面(3月3号 共三面，上午两面、下午一面)

1. 手写字符串去重
2. 问能不能正常运行，若不能正常运行，须要在a.b函数内作什么改变？

   var a = 1;
    a.b = function(){
      alert(1);
    }
    a.b();复制代码

   不能正常运行，a.__proto__.b 或者 Number.prototype.b ，但不建议真实环境下这样使用。
3. WebGL 原理
4. 缓存优化
5. XSS 和 CSRF
6. threejs的性能测试
7. 聊了聊项目、城市偏好这样的话题。

蚂蚁金服-体验技术部(Offer)

大牛、网红云集，玉伯、苏千、民工叔、死马、承玉、偏右、阮一峰老师等，Ant Design 、eggjs、dva、g2等开源项目。

一面电话-青桅师兄 (2017.3.5 19:00，当时面完网易还在杭州)

1. Vue.js的双向绑定怎样实现的？
2. Promise对象，嵌套try catch，内层嵌套错误捕获
3. 数组去重(写了大概3种方法)
4. nodejs的初衷是什么，有哪些不同的特性
5. node建立子进程，进程间的通讯
6. 负载均衡
7. 判断数组
8. Class类的继承
9. 还学过哪些编程语言？
10. vue使用了虚拟 DOM? vuex、flex数据管理
11. vue1.x 和 vue2 的区别

二面视频面-承玉大神 (2017.3.7 11:00)

1. JS数据类型有哪些
2. ES6中的Promise，怎样实现依次异步回调
3. ES6有哪些新的东西？
4. CSS3的新特性
5. 实现居中对齐(大概3种方法)
6. ES6模块机制
7. node异步非阻塞 I/O 底层实现原理
8. JS类的继承
9. TCP/IP网络分层
10. Apache和Nginx的优缺点
11. react diff算法(三层diff)
12. XSS 与 CSRF 安全问题，提到了 SSRF 安全

三面HR视频面 (2017.3.7 14:00)

省略，每一个人问题和答案都不同。但听出阿里大概喜欢这样类型的：从初/高中开始搞编程的、创业经历、实习经历、比赛经历、挂科很少的、热爱技术的

3月10号周五开始在美团实习

美团实习期间

腾讯QQ音乐(Offer，很愧对主管)

一面 (2017.3.10 19:57)

1. js基本数据类型，传值和传引用的
2. GPU加速原理，哪些用了 GPU 加速(以空间换时间)
3. 事件模型，怎样理解事件代理的好处
4. 内存泄露 为何闭包会形成内存泄露
5. WebAR的实现，WebGL
6. 前端安全有哪些?
7. 这些项目中，PV 量最大的是哪一个
8. Web 性能优化
9. Ajax跨域
10. 服务器渲染的好处
11. 短时间目标和长远目标
12. 对前端将来的理解
13. 用过哪些调试工具
14. Zepto怎样解决移动端的点击穿透事件
15. Vue生命周期及状态管理

二面 (2017.3.18 11:10)

1. 给文档中还没添加的 DOM 元素加事件？若是给1000个相同 DOM 加事件，有什么问题
2. 事件模型
3. 常使用的调试移动端页面
4. AJAX跨域，其中JSONP有哪些安全问题，怎样处理(白名单过滤)
5. 常见的移动端事件
6. 作的这些项目，作了哪些优化？
7. 浏览器缓存
8. 什么是一个好的产品？
9. 如何评价一个产品的UI设计与交互

三面 (2017.3.21 19:30)

1. ES6中的特性
2. Ajax过程，怎样实现按需加载
3. DNS 解析过程，DNS 劫持
4. XSS和CSRF
5. 实现居中对齐
6. threejs原理
7. 问了问项目

四面-面试委员会 (2017.3.27 15:00)

面试委员会：从去年2016年校招开始设立的一个委员会，若是学校不在腾讯目标院校的学生，在部门面完以后，HR面以前，会增长一个面试，可控性不强，这个能不能过，运气成分比较大。

1. 项目中遇到了哪些坑？怎样解决的？
2. 常常提交什么漏洞?
3. react应用到哪一个程度，了解diff算法吗？
4. redux源码看过吗？
5. koa怎样实现中间件原理？
6. 以为腾讯云和阿里云有什么区别，优点和劣势？
7. ...

五面HR (2017.3.27 16:00)

省略...

腾讯实习内推面试28号结束，面完hr前，状态是hr面试中，面完以后，次日28号，状态变成 已报备 (不是 已报批 )，须要在后续线路面试中了解更多状况。

六面-北京线路，主管当面聊 (2017.4.17 18:00)

1. 开放题：一个按钮没法响应的错误上报方案(前端方案、后端方案、阿里的是spm埋点方案)
2. 前端自动化测试，用户热力图的实现原理
3. https中公钥和私钥
4. 美团实习期间遇到哪些问题，怎样解决？
5. 问了问城市偏好，聊了会天，主管说之因此面来面去，内推面完又让来线下面，是由于只有1hc，因此慎重地很。（最后5月才拒的，确实内心过不去）

下午7点面完，出酒店，坐上公交后，手机打开一看，状态由 已报备 变成了 已经完成全部面试流程 ，开心同时又纠结起来，虽然此时阿里hr面完已经1个多月了，内心知道应该能拿到阿里的实习offer，可是没有正式的邮件又不敢轻易下结论。最后陆续收到offer邮件，

实习offer邮件

校招

阿里实习是从 6月底 到 8月底，转正面试是从8月3号开始，一面苏千大大，二面hr，在8月25号周五以前，不知道到底能不能留，心慌，因此面几家，保险。

腾讯AlloyTeam

一面 (8月4号下午3:46 - 5:07)

1. HTTP缓存、HTTP 1.0的HTTP 1.1的区别、HTTP2 ServerPush、HTTP状态码
2. 打包工具，hash的目的
3. HTML5的新特性
4. React开发起来比Vue有哪些特色？
5. CSS3媒体查询
6. 移动端开发中遇到的问题？
7. 闭包、内存泄露
8. 从大漠老师的热点，来看怎样选择Vue、Angular、React?
9. XSS和CSRF

二面 (8月8号晚上7:39 - 8:45)

1. 作过哪些项目，FrozenUI怎样重构成React版
2. https中公钥和私钥
3. 缓存策略
4. 使用过哪些协议，Schema协议的原理
5. HTTP2
6. 使用过哪些MVV*框架，Vue和React之间的区别
7. 移动端开发中遇到的问题？
8. 怎样理解前端工程化？
9. 前端跨域

一面的面试官加了我微信，透露hc很紧张，实习转正都不太够用，因此就结束了面试。

网易云音乐 (8月28号 周一 线下)

8月25号周五，向主管请下周一的假，去面试，主管回了一句：其实不必面了，留问题不大。听到这句，开心得像个孩子。😄，因此面网易的时候，也没有准备，也不太想面了。

1. 手写 deepClone
2. 一个原型链继承的题
3. call和apply应用题
4. 手写实现 call
5. ...

网易音乐面试贴纸

面完网易云音乐，晚上7点坐地铁从滨江区回西湖区，地铁上接到QQ音乐 的一面电话，没错，是QQ音乐，主管把我简历一直锁着，系统解锁后又手动锁上。由于当时在地铁上，约了9点面试，结果9点没打电话过来，后面也没有了。其实校招再面QQ音乐是比较纠结的，万一再向实习那样，接了不去，我估计终身腾讯黑名单。因此说愧对QQ音乐主管

网易游戏

一面电话经过，二面通知 9月6号 周三线下面试，结果当时阿里实习结束，买的是 9月5号 的机票，因此也就没面了。

微信WXG事业群 (9月7号)

一面共享写代码，考算法，像是一个多重背包的动态规划问题。

微信小程序团队一共有 n 名成员，决定出去秋游，在海边遇到出租摩托艇的杰克马，马先生手上有 m 辆待出租的摩托艇，价格分别是 b1 、b2 ... bm;
因为习惯了微信支付，团队中每一个人身上的现金都有限，分别是 a1 a2 ... an，对了，一块儿出门的老板还带有 S 元的团队经费，这个经费是每一个人均可以使用的

那么考虑如下两个场景

场景1
团队成员都颇有爱，都愿意借钱给其余同事。

function max( Array n, Array m, S) {
    return number
}


场景2
团队成员都十分小气，是不肯意借钱给别人的。

// 问题一 请判断团队成员是否都能租到摩托艇
function isAll(Array n, Array m, S){
  return true | false
}

// 问题二 请问给出一个策略，使得团队成员租到最多的摩托艇，而且该策略在相同数量的摩托艇状况下花费最少

function max( Array n, Array m, S) {

    return {
        number,
        cost
    }

}复制代码

就一个阿里offer，谢谢阿里没让我失业。😂

阿里转正offer

征文连接