如何一个月拿下阿里淘系前端实习offer & 附面经

前言

笔主参加2020阿里的春招，通过1轮简历评估+3轮技术面+1轮HR面，凭借着运气加成，最终有惊无险拿到了实习的 offer。

在面试准备过程当中，也会看大佬们分享的面经。面试后，感受我也得回馈给你们。除了面经外，文末还有一些关于面试的心得体会，供你们参考。

面经

阿里淘系简历面（50mins）

• 自我介绍
• 介绍一下作的项目
• 在学校的成绩怎么样？
• 平时的学习途径都有哪些？
• 设计模式会哪些？介绍一下
• 算法会哪些？介绍一下
• JS的数据类型。（这里我简单扩展了一下，介绍了如何判断正确的类型，他们分别是怎么存储的，你们也能够在 GC 的角度去讲一下）
• 函数式编程
• Node.js会吗？
• Babel 和 Webpack 有了解过吗？分别讲一下

阿里淘系一面（30mins）

• 自我介绍
• 为何想作前端，不去作后端或者其余方向？
• 最近有在关注什么技术点吗？为何关注这些呢？
• 讲一下浏览器渲染的流程
• 讲一下重排、重绘、合成
• 如何提升合成的效率？
• React Fiber 了解吗？引入 React Fiber 的好处是什么？
• Virtual DOM
• 坚持作最久的一件事情是什么？
• 你以为本身有什么优点的地方吗？

阿里淘系二面（30mins）

• 自我介绍

• 介绍一下项目有哪些难点？

• 介绍一下印象最深入的问题？是如何解决的？

  二面主要是围绕项目开展的，这里根据我的的状况，就很少展开啦。

阿里淘系交叉面（55mins）

• 自我介绍
• 讲一下对项目的理解
• 你以为你的项目后续还会再优化吗？怎么优化？（必定要有一个衡量指标）
• 用户登陆的整个流程
• 给了几个场景，让我用正则表达式去匹配
• HTTP 请求方法
• HTTP 响应代码介绍一下。4xx 和 5xx有什么区别？4xx 的状态码详细介绍一下
• Webpack HMR 的原理详细介绍一下
• 项目中有没有用到哪些 Webpack 的优化手段？分别讲一下
• 如何减小首次加载时的白屏时间？
• PWA了解吗？讲一下
• 微信小程序二维码扫描的原理（以前没关注过，没答上来）
• 问了一下以前在学校参加的竞赛
• 有什么想问的问题？问了有关NodeJS的问题

阿里淘系HR面（30mins）

• 自我介绍

• 为何想去杭州实习？不留在广州深圳吗？

• 父母怎么看待你对职业的选择和实习地的选择？

• 在学校的成绩如何？

• 有没有遇到最困难的一件事？你是如何突破的？

• 将来职业规划

  HR面主要是问性格方面的问题和人生理想，你们放平心态，就当平时正常聊天就行了。

面试准备

面试开始以前，能够先去看下要应聘的岗位要求（JD）。而后对照着上面的内容，作对应的准备。

我是从基础方面、框架方面、数据结构与算法方面三个方面进行准备的：

基础方面

• HTML

  • HTML5 标签和新特性
  • HTML 语义化
  • DTD & Entity

• CSS

  • @import @media @charset 等 @ 规则
  • 选择器
  • 动画
  • 布局排版
  • 伪类和伪元素
  • 选择器

• JavaScript

  • JS的数据类型及转换规则
  • 做用域与做用域链
  • 原型与原型链
  • 执行上下文和调用栈
  • 闭包
  • this 机制
  • 继承
  • ES6~ES10
  • 模块化
  • 垃圾回收
  • JS执行过程

• 浏览器知识

  • 消息队列与事件循环
  • 宏任务与微任务
  • 导航流程 + 渲染流程
  • 页面性能
  • 浏览器安全

  这里推荐极客时间的《浏览器工做原理与实践》专栏，深刻浅出讲解浏览器各方面的知识和原理，真心以为不错。

• 计算机网络

  • HTTP + HTTPS
  • TCP链接 + UDP链接
  • 三次握手四次挥手及其细节，这篇文章讲得很是详细：面试官，不要再问我三次握手和四次挥手
  • HTTP1.x / HTTP2 / HTTP3 的内容以及优缺点

框架方面

• React

  • JSX是什么？

  • Virtual DOM

  • 生命周期

  • 组件的性能优化

  • 组件间的通讯方式

  • 路由的原理

  • React Hooks

  • Redux相关知识

  • HOC

• Webpack

  • 常见的 Loader 和 Plugin
  • Loader 和 Plugin 不一样点
  • 提升 Webpack 的构建速度
  • 利用 Webpack 优化前端性能
  • HMR 的原理
  • 实现按需加载

  系统学习 Webpack 能够参考掘金小册的《使用 webpack 定制前端开发环境》

数据结构与算法方面

• 数组、链表

• 栈、队列

• 树

• 递归

• 分治、回溯

• 动态规划

• 贪心

• 哈希表

• 排序

  这里推荐一下极客时间的《数据结构与算法之美》专栏，我是边看专栏边刷 LeetCode 上面的题目。说实话一开始挺难的理解的，感受算法和数据结构没有太多的窍门，多刷两遍题，才会有点感受。

面试技巧

• 若是你在面试前像我同样，以为紧张的话，面试前10分钟喝口水，深呼吸一下，调整下心情，或许在面试的时候就没那么紧张。
• 面试的第一个环节通常都是自我介绍，所以最好提早作好准备。好的自我介绍能够引导面试官向你擅长的方面去问问题（一开始没有经验，后来才意识到这点）。不管是技术岗仍是非技术岗，自我介绍的技巧都是通用的，你们能够比较下其余人是怎么作自我介绍的，再总结一个你本身的自我介绍。我我的的话，主要参考 B站 的这个视频：【找工做必看】面试超50次，90%拿下offer；从自我介绍，到刁钻问题，看破面试套路 | 个人4条求职秘籍。
• 前端基础必定要会呀，否则很容易就挂了。
• 面试的时候遇到不会的问题很正常。能够先本身思考一下，若是确实不会，能够向面试官坦白说不会。若是有一点思路，能够尝试讲一下本身的思路。
• 面试的时候遇到一些比较模糊的或者不太熟悉的问题也很正常。这时候，你能够和面试官进行沟通，寻求一下提示，面试官颇有可能会引导你回答问题。
• 回答问题的时候，必定要条理清晰、分点做答！这很重要。我第一次面试结束后，面试官给个人反馈是表达能力不太好，不能清晰地把问题讲明白。能够先停顿几秒，在脑子里组织一下语言，再回答。

写在最后

如何加入淘系前端架构团队

若是你对前端架构感兴趣，欢迎加入淘系前端架构团队，这个团队拥有很是浓烈的技术氛围，可以让你的技术快速成长，同时也有机会一块儿打造出优秀的技术产品，服务好上层业务团队。关于招人要求，主要有两个方面，第一是必备能力，第二是领域深度。

必备能力：

• 前端基础扎实，对技术感兴趣有热情，有技术敏感度，善于钻研
• 有良好的团队及合做意识

领域深度（知足其中一个便可，不要求多，但要求经验和深度）：

• 框架领域：React/Vue 原理、React Hooks、状态管理、微前端
• 工程领域：webpack 构建、AST（Babel）、SSR、项目研发流程
• 研发工具领域：桌面端应用、VS Code 插件
• 低代码领域：可视化搭建系统、代码生成、模型驱动
• 渲染容器领域：WebView、类 RN、小程序、Flutter
• 技术产品运营：开源经验、社区运营、技术活动组织

目前校招/社招都在持续进行中。若是你感兴趣，欢迎联系个人阿里师兄——大果师兄，简历直接投递到邮箱 sobear.me#gmail.com 便可，若有其余疑问也可添加微信好友 bear_guy，备注淘系前端招聘。不管你是成竹在胸仍是信心不足，只要对作的事情感兴趣就能够来尝试一下面试，若是可以经过那天然没必要多说，若是没有经过，面试过程也会让你有不少的成长同时帮助你更加全面的认识本身。

但愿你们都能拿到本身心仪的offer！加油！