经过了阿里六轮面试，顺利拿到Offer啦！

喜欢ヅ旅行 2022-08-31 07:14 223阅读 0赞

两周前，学弟通过了阿里六轮面试，顺利拿到了 Offer！

负责高德地图的前端部署。薪资待遇很不错，30K\*15薪。在此之前，他在国营公司干了3 年，这次回到大厂，用他的话说，真的做足了准备！

![dedf30a2d05cb7e1c42d84b38825dc0b.png][]

阿里在互联网行业中的实力不用多讲。

大平台，优渥的福利待遇，广阔的成长空间等等优势都让它从不缺优秀的求职者！

一开始，学弟和大多数前端求职者一样，都觉得阿里的门槛太高了：

“二流本科，双非院校进不了大厂！”

“小公司出身，经验有限进不了大厂！”

“非科班毕业，技术水平差更进不去大厂！”

…

抱着努力一试的态度，他还是向几个大厂都投递了简历，也顺利的获得了几次面试机会。当然，阿里是他最后的选择。

双非院校，二本非科班出身，更是在国营企业沉寂了许久，学弟自觉能被录用最根本的原因，应该就是阿里面试官对他技术的认可。

以下是他面试前所作的准备，想进阿里的同学可以参考：

写在前头：面试答题必遵循的四个套路：

1.先说明该考点的明确定义，或者是特性；  
2.补充说明具体的应用场景；  
3.讲自己的看法，观以及经验总结；  
4.适当的举一反三，说同类特性或类似的框架，以及更好的解决方案。

### 一、技术面必要早做的几个准备 ###

一面：大范围刷题！必考题以 old school经典题目为主（this、闭包、原型继承、布局、初级算法、ES Next）针对性题目像框架，小程序等。

二面：根据 JD 准备针对性题目。如：SPA、前后端分离、工程化、安全、语言理解。项目的重点，难点，个人在项目过程里的贡献和价值。

三面：注重业务 sense。准备技术外的话题，如工作计划，个人规划，可以准备好腹稿，引导考官提问。

### 二、重要板块的常考考点 ###

**React 核心内容：用 NextJs 完成一个项**

具体问题如：

1.Next 是什么为什么需要 Next？  
2.如何快速创建 Next 项目架构？  
3.如何基于路由系统创建视图？  
4.如何在 Next 中添加样式？  
5.如何实现预渲染  
6.如何基于动态路由做到静态生成  
7.如何导出项目  
8.如何部署 Next 项目到服务器

**Vue-3.0 核心内容：**

1.Vue.js 3.0 源码组织方式  
2.不同的构建版本  
3.Composition API 设计动机  
4.性能提升  
5.Vite  
6.Composition API  
7.生命周期钩子函数…

**GraphQL 核心内容：**

1.GraphQL 入门，Scheme和类型  
2.ApolloServer 使用  
3.GraphQL 案例

我把一些大厂的常考内容整理成了一份《前端大厂面试宝典》，分了HTML、css、JavaScript、React、Vue、浏览器、服务端与网络、算法等等…大家有兴趣可以看看，觉得有用点赞支持。

## HTML ##

*  html 语义化
 *  canvas 相关
 *  svg和canvas的区别？
 *  html5有哪些新特性？
 *  如何处理HTML5新标签的浏览器兼容问题？
 *  说说 title 和 alt 属性
 *  HTML全局属性(global attribute)有哪些

![a6c4ea3f5a166abd6e82eb207c2ef725.png][]

## CSS ##

*  让一个元素水平垂直居中，到底有多少种方案？
 *  浮动布局的优点？有什么缺点？清除浮动有哪些方式？
 *  使用display:inline-block会产生什么问题？解决方法？
 *  布局题：div垂直居中，左右10px，高度始终为宽度一半
 *  盒模型
 *  CSS如何进行品字布局？
 *  CSS如何进行圣杯布局
 *  CSS如何实现双飞翼布局？
 *  什么是BFC？
 *  触发条件
 *  BFC渲染规则
 *  应用场景  
    …

![a069e0b490ebc98be782b1b9f2c301fa.png][]

## JavaScript ##

*  JS原始数据类型有哪些？引用数据类型有哪些？
 *  null是对象吗？为什么？
 *  ‘1’.toString()为什么可以调用？
 *  0.1+0.2为什么不等于0.3？
 *  什么是BigInt? 为什么需要BigInt?
 *  如何创建并使用BigInt？
 *  typeof 是否能正确判断类型？
 *  instanceof能否判断基本数据类型？
 *  能不能手动实现一下instanceof的功能？
 *  Object.is和===的区别？
 *  \[\] == !\[\]结果是什么？为什么？
 *  JS中类型转换有哪几种？
 *  == 和 ===有什么区别？
 *  对象转原始类型是根据什么流程运行的？
 *  如何让if(a == 1 && a == 2)条件成立？
 *  什么是闭包？
 *  闭包产生的原因?
 *  闭包有哪些表现形式?
 *  如何解决下面的循环输出问题？
 *  原型对象和构造函数有何关系？
 *  能不能描述一下原型链？
 *  JS如何实现继承？
 *  函数的arguments为什么不是数组？如何转化成数组？
 *  forEach中return有效果吗？如何中断forEach循环？
 *  JS判断数组中是否包含某个值
 *  JS中flat—数组扁平化
 *  数组中的高阶函数
 *  能不能实现数组map方法 ?
 *  能不能实现数组reduce方法 ?
 *  能不能写一个完整的深拷贝？
 *  数据是如何存储的？
 *  V8 引擎如何进行垃圾内存的回收？
 *  描述一下 V8 执行一段JS代码的过程？
 *  宏任务(MacroTask)引入
 *  nodejs 和 浏览器关于eventLoop的主要区别
 *  nodejs中的异步、非阻塞I/O是如何实现的？
 *  JS异步编程有哪些方案？为什么会出现这些方案？
 *  能不能简单实现一下 node 中回调函数的机制？
 *  Promise 凭借什么消灭了回调地狱？
 *  Promise 如何实现链式调用？
 *  现Promise的 all 和 race
 *  解释一下async/await的运行机制  
    …

![597265abba85af414164dd1da8809c53.png][]

## HTTP ##

*  HTTP 报文结构是怎样的？
 *  HTTP有哪些请求方法？
 *  GET 和 POST 有什么区别？
 *  如何理解 URI？
 *  如何理解 HTTP 状态码？
 *  简要概括一下 HTTP 的特点？HTTP 有哪些缺点？
 *  对 Accept 系列字段了解多少？
 *  对于定长和不定长的数据，HTTP 是怎么传输的？
 *  HTTP 如何处理大文件的传输？
 *  HTTP 中如何处理表单数据的提交？
 *  HTTP1.1 如何解决 HTTP 的队头阻塞问题？
 *  对 Cookie 了解多少？
 *  如何理解 HTTP 代理？
 *  如何理解 HTTP 缓存及缓存代理？
 *  为什么产生代理缓存？
 *  源服务器的缓存控制
 *  客户端的缓存控制
 *  什么是跨域？浏览器如何拦截响应？如何解决？  
    …

![3a28cc7b978db5d78ce5f1c5ec78122b.png][]

## TCP协议 ##

*  能不能说一说 TCP 和 UDP 的区别？
 *  说说 TCP 三次握手的过程？
 *  为什么是三次而不是两次、四次？
 *  三次握手过程中可以携带数据么？
 *  说说 TCP 四次挥手的过程
 *  为什么是四次挥手而不是三次？
 *  介绍一下 TCP 报文头部的字段
 *  说说 TCP 快速打开的原理(TFO)
 *  说说TCP报文中时间戳的作用？
 *  TCP 的超时重传时间是如何计算的？
 *  说一说 TCP 的流量控制
 *  说说 TCP 的拥塞控制？  
    …

![f8ee3ad45bbade1e206fb0878b8299dd.png][]

## 浏览器 ##

*  说一说浏览器缓存?
 *  说一说浏览器的本地存储？各自优劣如何？
 *  说一说从输入URL到页面呈现发生了什么？（网络）
 *  谈谈你对重绘和回流的理解
 *  能不能说一说XSS攻击？
 *  HTTPS为什么让数据传输更安全？
 *  能不能实现事件的防抖和节流？
 *  能不能实现图片懒加载？

![4335d677b95caa0ea0d29141cc0c3c1f.png][]

## Vue ##

*  什么是MVVM？
 *  mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
 *  组件之间的传值？
 *  Vue 双向绑定原理
 *  描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
 *  虚拟 DOM 实现原理
 *  Vue 中 key 值的作用？
 *  Vue 的生命周期
 *  Vue 组件间通信有哪些方式?
 *  vue 中怎么重置 data?
 *  组件中写 name 选项有什么作用？
 *  vue-router 有哪些钩子函数?
 *  route 和 router 的区别是什么？
 *  说一下 Vue 和 React 的认识，做一个简单的对比
 *  Vue 的 nextTick 的原理是什么？
 *  Vuex 有哪几种属性?  
    …  
    ![7ae8b7d1bb444279fc6aa23d42173794.png][]

## 数据结构与算法 ##

*  **链表**  
    简单的反转链表  
    区间反转  
    两个一组翻转链表  
    K个一组翻转链表  
    如何检测链表形成环？  
    如何找到环的起点  
    合并两个有序链表  
    合并 K 个有序链表  
    判断回文链表
 *  **栈和队列**  
    有效括号  
    多维数组 flatten  
    普通的层次遍历  
    二叉树的锯齿形层次遍历  
    二叉树的右视图  
    完全平方数  
    单词接龙  
    优先队列  
    关于堆的说明  
    实现一个最大堆  
    实现优先队列  
    前 K 个高频元素  
    合并 K 个排序链表  
    什么是双端队列？  
    滑动窗口最大值  
    栈实现队列  
    队列实现栈
 *  **二叉树**  
    前序遍历 / 中序遍历 / 后序遍历  
    最大深度 / 最小深度  
    对称二叉树  
    二叉树的最近公共祖先  
    二叉树的直径  
    二叉树的所有路径  
    二叉树的最大路径和  
    …

![49b2f8c4e449cae366b6f0cdbb8689b8.png][]

#### 由于篇幅限制，仅截图展示部分内容，完整版PDF资料免费分享，只需你点赞支持，[点击此处就可免费领取][Link 1] ####

### 学习建议 ###

最好一开始就给自己定一个目标，然后立计划，并且给出一个周期，然后根据实际情况不断的调整，并且周期性的总结一下学习情况，是否完成了预期的计划，方向有没有偏移等等。

情况允许的话最好也是找几个小伙伴抱团，良性竞争，毕竟每天看着别人在不断的进步还很有压力的，而且互相之间还可以进行交流讨论什么的，也能互相监督和提醒，甚至可以每周轮流一个人分享自己近段时间所学的东西等等。

最后祝大家前程似锦都能找到并入职自己心仪的公司，且工作顺利，早日财富自由。

[dedf30a2d05cb7e1c42d84b38825dc0b.png]: /images/20220829/8a2ebb76783c42f8b7f03ca3ec41224c.png
[a6c4ea3f5a166abd6e82eb207c2ef725.png]: /images/20220829/2b5f6c91081c4579bac2ab4651626a19.png
[a069e0b490ebc98be782b1b9f2c301fa.png]: /images/20220829/e519457d253f47edb5648d0ff3b43e73.png
[597265abba85af414164dd1da8809c53.png]: /images/20220829/e87b9514014a41f287947cbdc6cfa8c8.png
[3a28cc7b978db5d78ce5f1c5ec78122b.png]: /images/20220829/b448953dc2a7486da4dbdb4598102af5.png
[f8ee3ad45bbade1e206fb0878b8299dd.png]: /images/20220829/c06c35ff7c8a48cc9d4ec0d58940006c.png
[4335d677b95caa0ea0d29141cc0c3c1f.png]: /images/20220829/bb4cf781b19847b499d77e3d354dd07c.png
[7ae8b7d1bb444279fc6aa23d42173794.png]: /images/20220829/aa7bbc969ee34637ab97532dd248558c.png
[49b2f8c4e449cae366b6f0cdbb8689b8.png]: /images/20220829/268f733ed1994818aef4c6d04bd799e8.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=NgZqxZAa