阿里巴巴盒马前端上岸总结

春招总结

记得当时大二的时候，看到实验室的学长学姐忙于各类春招，有些收获了大厂offer，有些还在苦苦面试，其实那时候的内心还蛮忐忑的，不知道本身大三的时候会是什么样的一个水平，因此从19年的寒假放完，大二下学期开始就着手准备面试了：

知识总结

当时也是没有什么方向，在牛客网上刷题，效果也不是特别好。后来和实验室的一个去了阿里云的学长，作了一次长时间的交流，逐渐摸清了些学习方法。4月份的时候，开始制做本身的我的博客网站，并按照前端的技术栈，结合牛客网上别人的面经，开始系统地梳理知识体系，定时定量地写总结博客。记得把前端的基础加上数据结构的知识断断续续直到8月-9月才所有写完。（也挺感谢那个充实的暑假的哈哈）

一些实战

以后到了大三上学期，我开始陆续找一些平常实习，10月份的时候，运气还行，拿到了滴滴，美团，抖音的面试，只有滴滴到了二面，其余的全是一面挂😂。当时面试完下来，我都会问面试官我有什么不足，怎么去改进，就这样一边继续巩固基础，一边埋头优化本身的项目，在博客也更新工程化的知识总结，一直持续到2020年的2月份。

如今想一想，本身的春招这么顺利，也同当时大二大三积累的多，有必定的关系。

反思

其实，面试的时候，首先，基础必定要按照体系，反复地去复习，造成本身的体系树，这样面试官换角度来问基础的时候，你要保证能够灵活地解决。第二，就是项目，其实我很赞成一些人的见解，不建议你们作一些什么仿淘宝，仿饿了么这样的一些网站项目，由于没有本身的思考在里面，项目能够是多种多样的，但项目的亮点，我总结的就是：这个项目有没有本身我的的思考在里面，达到了什么样的技术深度，技术广度。这个项目有没有多人协做，协做中遇到了什么工程化难题，如何解决，用户的反馈如何，作没作事后期调研。

这些都是考察一个工程师的综合素质的，有80%以上的能力，我我的以为是必定能进阿里实习的。

阿里面试

阿里巴巴的盒马部门，是我面过的场次最多，单次平均面试时间最长的一家部门了，整个流程持续了差很少1个多月，技术面试差很少有5-6轮。对校招的实习生的选拔好严格，一样的，我也是花了一个月时间断断续续写完了这篇面经。

一面（2020 3.6）

前一天晚上投的简历，次日下午就接到了面试电话

1. 请先作个自我介绍

2. 场景题：提交表单，经常使用的方法有哪些？应用层，通讯层发生了哪些过程？

3. post和get的区别，列举一下

4. http常见的响应码，拒绝服务资源是哪一个（403）

5. 说一说这个系统是如何判断机制的（前端鉴权）

6. 你刚才说了三方OAuth，讲一讲内在原理吧

7. 说说https的内在原理，ssl握手过程

8. 为何要用非对称密钥，pms呢？公钥怎么了？

9. 说一说响应式布局吧？

10. 响应式背后的浏览器原理你知道吗？（不太知道）

11. 旋转动画css，怎么去作？（animation+rotate）

12. dom树和cssom树原理也说一下吧

13. 为何link要在前，script标签要在后面呢？原理

14. 场景题：保证浏览器不受脚本的恶意攻击，（xss攻击，解决方法）

15. 假如说你的富文本编辑器内部要显示脚本，该怎么办呢？（不太清楚，我就尽量说）

16. 场景题：promise.resolve.then和setTimeout（有关事件循环event loop）

17. 说说async和await的es5实现（我尽量地说了一点）

18. 场景题：这里有cat和animal子类和父类，如何进行es5继承，至少说出5种。

19. 说说你项目作的Vue spa首屏优化吧（按需引入，懒加载路由，gzip压缩，关闭一些插件...）

20. 说说webpack打包构建在实际项目中的优化

21. 算法场景题：数型系统，包含字符串关键词，如何对其做出效率很好的搜索？（balabala说了本身的一些见解，lz77算法，后来翻了翻算法书，应该结合B树来讲）

一面追加面（2020 3.7）

编程题：请使用js函数写出markdown转html的文本编辑器。（2个小时）

算法题：在一个字符串中，找到最大不连续子字符串的长度。

一面评级很好，面试官balabala...（给予我建议）

二面（2020 3.9）

1. 请作个自我介绍，学校里作的项目

2. 说说你element-ui的按需引入吧

3. 说说webpack打包优化具体干了什么？为何要这么作呢？（Dllplugin，happypack）

4. prerender-spa-plugin插件你用过？具体说一说吧

5. SEO优化你作了？具体讲一讲吧

6. 追问：你seo排名怎么样了？（没有进展😂）

7. 我记得NUXT.js也能够作渲染和seo吧？了解SSR吗

8. 小程序有碰到过复杂一点的业务场景吗？（说了数据列表懒加载处理setData优化问题）

9. 小程序的框架你有了解吗？要不说说几个？

10. 你了解过的前沿技术来讲一说？（Vue3.0，Flutter，Serverless，Typescript）

11. 说说Vue3.0和2.x的双向数据绑定（object.definePorperty和Proxy）

12. 说说你最感兴趣的前端方向（跨端解决方案Flutter、React Native...）

13. 一面面试官说你还能够，那我就再也不问你基础问题了，你还有什么要问个人吗？

您对个人评价：balabalabala

三面（leader面）

以前就有跟盒马的前端leader作过微信沟通，了解了一些阿里巴巴新零售的愿景。

1. 先作个自我介绍

2. 说说你的我的博客和你作的小程序吧

3. 你刚才只说了技术层面的，功能层面没有什么创新吗？

4. 你如今还有开展什么新项目吗？

5. 我无论技术层面，仍是来到功能层面，除了这一个功能就没有创新了吗？（顿时语塞。。）

6. 有这么一个功能场景，老师随机点名，上堂课没来的同窗被抽到的几率会大幅增长，怎么去作？

7. 还有一个功能场景，你的博客系统如何分享文章？

8. 还有一个功能场景，你可不能够作一个在线提交做业的平台，让老师不只能够收到做业，还能够在平台上对做业进行批改？说说具体技术实现。。。

9. 个人问题问完了，你如今还有面其余的部门吗？balabala

10. 对个人评价，balabala说了不少不少😭，其中用技术灵活地解决各类场景问题是很是要紧的素质！！！

说后面还会有P9级别的面试/(ㄒoㄒ)/~~

四面（技术终面）

正式校招系统开放，选择了盒马的邀请。四面在3月23号的下午打电话过来了，听口音像是个北方人。看到个人简历，抛出问题：

1. 请先作个自我介绍吧，并说说你最有成就感的几个项目

2. 详细地讲讲Vue的首屏优化，具体的技术点

3. 优化有过量化评级吗？说说具体为多少？怎么去作的？

4. 有一个问题，你如何去肯定哪种方式是对整个首屏渲染优化起到最关键做用的？

5. 咱们如今回过头来，你可不能够按照软件开发的流程模块再来详细地说说博客的总体优化？各个方面的性能优化？（设计，编码，打包部署，上线体验。。。说了一部分）

6. 预渲染prerender-spa-plugin能详细讲讲？

7. 你了解了原理，那么你引入这个prerender插件对于整个项目的架构产生了什么样的特别影响？（讲了路由冲突）

8. 对于上线后的用户体验，你打算怎么作改进？

9. 功能层面是这样，技术层面能够来讲说？

10. 数据列表的懒加载这个说的好，那有这么一个场景，你提交了新的文章，由用户在刷你的博客，你怎么让用户经过必定的事件=来查看你的新文章，不要经过页面总体刷新，仍是以动态引入的方式？

11. 咱们再次回到刚才项目的性能优化这个点上？在你解决首屏的时候，在网络通讯的每一个阶段，哪一个阶段是性能开销的最大的地方，优化后有何变化？如何解决？

12. SEO怎么作的，讲一讲技术细节

13. 你有对你的用户群体作过数据的量化统计吗？说说你有什么样的思路，如何去利用好这些数据？

14. 这边有个问题，若是单纯地经过前端来分析用户的行为，开销会很是大，你有什么好办法？说说思路

15. 若是过了很长时间，有人问你，一个高性能的博客页面该如何搭建，你会按照什么样的逻辑取来跟他分析这些零碎繁杂的性能优化？

16. 好了，博客项目只是你我的对于技术的探索，你还有没有学校里真正拥有用户的实际项目呢？说说看

17. 功能描述的很详细，这里有个问题，总所周知，二维码有必定的时效性，可传播性，如何防范那些没来同窗也扫到二维码了？说说方法

18. 没来的学生，大家就会采起这种单一的方案吗？还有没有别的？

19. 说说大家项目组的团队，如何分工的？

20. 在这个团队对于项目的功能构建中，你起到了什么做用呢？

21. 你刚才说到了先后端分离，讲讲你和后台同窗如何落实好先后端分离的？

22. 对于后台的数据接口，常常会发生一些分歧，大家团队是怎么化解这种分歧的，有没有一种方式增进团队之间的沟通？

23. 这小程序如今的用户量怎么样呢？日活又如何？

24. 一样的，再说说这个小程序性能优化作了哪些呢？

25. 你对于前端将来的开发？以及你之后的职业规划？

26. 你但愿阿里能给到你什么样的经历？在阿里但愿能学到什么？

27. 这边在杭州，以后方便过来对吧？

28. 个人问题问完了，你这边有什么问题？

29. 惯例您对于个人评价：ok，在应届生群体中，你已经具有了工程师的素养和必定开发经验，但性能优化这一块是一个永无止境的过程，应当不断追求卓越balabala。。。。。

面下来差很少一个小时，真的少见。。。

五面（P9 交叉面）

约在了3月25日的晚上，面试官比较严肃，问的问题也蛮有深度的，时间不长30分钟，但问的问题也比较广。。。

1. 请先作个自我介绍

2. 说说你最有成就感的项目

3. 你的博客网站，难道没有分析过用户的行为吗？对于用户量很大的状况下，难道没有作过性能分析吗？

4. 详细地讲一讲你作了哪些性能优化？

5. 就这么多吗？对于效果你有作过量化的评测吗？

6. 对于首屏中的FP，FCP，FMP，TTI你又分别去作量化的考虑吗？

7. 对了，你如何经过代码来分析首屏的FCP时间？

8. 除了这些，难道就没有进一步优化吗？

9. prerender预渲染是什么原理呀？

10. 这样的一种插件引入，为整个性能提高又带来了多少许化的参考呢？你有去研究过吗？

11. 说说你拥有的实际用户量的项目吧？

12. 这个小程序已经上线对吧？大家团队有没有对这个小程序作过用户行为的调研呢？

13. 我想要知道的是在程序里面有代码去自动去分析用户的行为吗？

14. 我看你懂Vue，React有学过一些吗？系统地说一说二者的区别

15. Vue如何解析template模板，diff算法二者的不一样是什么？？

16. 详细地说说前端的动画种类？

17. canvas有了解过吗？它适用于什么样的场景？

18. 你对于前端前沿技术的见解？

19. 你刚刚讲了flutter，Dart语言能不能说说看？

20. React Native作过项目吗？

21. 你但愿在将来，你在阿里能学习成长到什么？

22. 个人问题问完了，你这边有什么问题呢？

对个人评价：评价我先不给你，我说输送我对于你的建议，继续探索下去，保持好奇心，用最前沿的技术尝试去作项目，前端的知识很广，须要去不断深刻了解原理知识balabala。。。。（最后）我以为你仍是不错的，加油吧。。。。

后来，leader发了微信，交叉面顺利过了，剩下的就是HR了。

HR面

这个我就不写了哈哈哈。。。。

意向书（2020 4.18）