经过了阿里六轮面试,顺利拿到Offer啦!
两周前,学弟通过了阿里六轮面试,顺利拿到了 Offer!
负责高德地图的前端部署。薪资待遇很不错,30K*15薪。在此之前,他在国营公司干了3 年,这次回到大厂,用他的话说,真的做足了准备!
阿里在互联网行业中的实力不用多讲。
大平台,优渥的福利待遇,广阔的成长空间等等优势都让它从不缺优秀的求职者!
一开始,学弟和大多数前端求职者一样,都觉得阿里的门槛太高了:
“二流本科,双非院校进不了大厂!”
“小公司出身,经验有限进不了大厂!”
“非科班毕业,技术水平差更进不去大厂!”
......
抱着努力一试的态度,他还是向几个大厂都投递了简历,也顺利的获得了几次面试机会。当然,阿里是他最后的选择。
双非院校,二本非科班出身,更是在国营企业沉寂了许久,学弟自觉能被录用最根本的原因,应该就是阿里面试官对他技术的认可。
以下是他面试前所作的准备,想进阿里的同学可以参考:
写在前头:面试答题必遵循的四个套路:
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)有哪些
CSS
- 让一个元素水平垂直居中,到底有多少种方案?
- 浮动布局的优点?有什么缺点?清除浮动有哪些方式?
- 使用display:inline-block会产生什么问题?解决方法?
- 布局题:div垂直居中,左右10px,高度始终为宽度一半
- 盒模型
- CSS如何进行品字布局?
- CSS如何进行圣杯布局
- CSS如何实现双飞翼布局?
- 什么是BFC?
- 触发条件
- BFC渲染规则
- 应用场景
…
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的运行机制
…
HTTP
- HTTP 报文结构是怎样的?
- HTTP有哪些请求方法?
- GET 和 POST 有什么区别?
- 如何理解 URI?
- 如何理解 HTTP 状态码?
- 简要概括一下 HTTP 的特点?HTTP 有哪些缺点?
- 对 Accept 系列字段了解多少?
- 对于定长和不定长的数据,HTTP 是怎么传输的?
- HTTP 如何处理大文件的传输?
- HTTP 中如何处理表单数据的提交?
- HTTP1.1 如何解决 HTTP 的队头阻塞问题?
- 对 Cookie 了解多少?
- 如何理解 HTTP 代理?
- 如何理解 HTTP 缓存及缓存代理?
- 为什么产生代理缓存?
- 源服务器的缓存控制
- 客户端的缓存控制
- 什么是跨域?浏览器如何拦截响应?如何解决?
…
TCP协议
- 能不能说一说 TCP 和 UDP 的区别?
- 说说 TCP 三次握手的过程?
- 为什么是三次而不是两次、四次?
- 三次握手过程中可以携带数据么?
- 说说 TCP 四次挥手的过程
- 为什么是四次挥手而不是三次?
- 介绍一下 TCP 报文头部的字段
- 说说 TCP 快速打开的原理(TFO)
- 说说TCP报文中时间戳的作用?
- TCP 的超时重传时间是如何计算的?
- 说一说 TCP 的流量控制
- 说说 TCP 的拥塞控制?
…
浏览器
- 说一说浏览器缓存?
- 说一说浏览器的本地存储?各自优劣如何?
- 说一说从输入URL到页面呈现发生了什么?(网络)
- 谈谈你对重绘和回流的理解
- 能不能说一说XSS攻击?
- HTTPS为什么让数据传输更安全?
- 能不能实现事件的防抖和节流?
- 能不能实现图片懒加载?
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 有哪几种属性?
…
数据结构与算法
-
链表
简单的反转链表
区间反转
两个一组翻转链表
K个一组翻转链表
如何检测链表形成环?
如何找到环的起点
合并两个有序链表
合并 K 个有序链表
判断回文链表 -
栈和队列
有效括号
多维数组 flatten
普通的层次遍历
二叉树的锯齿形层次遍历
二叉树的右视图
完全平方数
单词接龙
优先队列
关于堆的说明
实现一个最大堆
实现优先队列
前 K 个高频元素
合并 K 个排序链表
什么是双端队列?
滑动窗口最大值
栈实现队列
队列实现栈 -
二叉树
前序遍历 / 中序遍历 / 后序遍历
最大深度 / 最小深度
对称二叉树
二叉树的最近公共祖先
二叉树的直径
二叉树的所有路径
二叉树的最大路径和
…
由于篇幅限制,仅截图展示部分内容,完整版PDF资料免费分享,只需你点赞支持,点击此处就可免费领取
学习建议
最好一开始就给自己定一个目标,然后立计划,并且给出一个周期,然后根据实际情况不断的调整,并且周期性的总结一下学习情况,是否完成了预期的计划,方向有没有偏移等等。
情况允许的话最好也是找几个小伙伴抱团,良性竞争,毕竟每天看着别人在不断的进步还很有压力的,而且互相之间还可以进行交流讨论什么的,也能互相监督和提醒,甚至可以每周轮流一个人分享自己近段时间所学的东西等等。
最后祝大家前程似锦都能找到并入职自己心仪的公司,且工作顺利,早日财富自由。