2024三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享

总体而言，面试官基本没问什么基础，考察对前端的思考和个人的一些思考，跟我讲这方面的能力还是不错的。

后来流程选择了阿里云，接下来我们看阿里云的部分。

阿里云五轮

---

阿里云一面

3.10晚 阿里云一面：

• HTTPS 的握手过程讲一讲。(讲了很久很细，面试官知道我理解，喊停了)

• • HTTPS 和 HTTP 的缓存有什么区别？(懵了)

• DOM API 掌握怎么样？(不是很熟)

• • Element 和 Node 的区别(假装想了一会，不知道)

• XSS 攻击 Cookie相关的字段(HttpOnly, 解释了一下作用)

• CSRF 攻击，解释一下 Cookie 的 SameSite 字段 (说了下，觉得可以，过)

• • chrome 最新的 xxx 特性是如何防范 CSRF 攻击 (这个真没听说过)

• fetch 和 xhr 有什么区别？(fetch 不熟)

• • 好，解释一下 xhr 的 cors 过程(简单请求，非简单请求两种情况，说了下)

• React 闭包陷阱有什么好的解决办法吗？(说实话，简历上写了，实际上理解不深，只说了一种)

• • useReducer 可以解决你知道吗？(当时真的不清楚，主要忘了闭包陷阱的表单场景，尴尬)

• 看了你的小册子，能不能讲讲React.memo 和 JS 的 memorize 函数的区别(memorize函数当时不知道，以为是什么高深的算法，后来才发现就是cache函数，换了个名字而已。反正当时说不会)

• • 特意考了一题对React.memo的理解(擦，还是考React.memo, 三个场景，中间一个场景答错了，非常减分。这道题出的还是很有水平)

• WeakMap 和 Map 的性能有什么差别?(前者对 GC 更加友好，保持弱引用)

• • 换个说法吧，如果这个立即执行函数中有递归函数，两者性能有区别吗？(没 GET 到面试官的点啊，过了吧这题)

• 如果是在立即执行函数中，两者的性能有区别吗？(楞了一会，说强弱引用还是会有GC的区别，没影响)

• 能不能说说 AMD 和 ESModule 有什么区别？(AMD 不熟，说ESModule，介绍了import、export以及导出引用的特点)

• • 那么你能不能告诉我 ESModule 对于 Tree-Shaking 有什么优势呢？(会做一些编译阶段的优化吧)

• async await 经过编译后和 generator 有啥联系？(问了两遍，还是不知道问的啥，直接说了async await 原理，他说你讲了太深，问的不是这个，过吧过吧)

• 有什么想要问我吗？

反问的问题:

1. React 闭包陷阱如何用 useReducer 解决？(面试官又说了一遍)

2. 能不能说一说您正在做的业务中，遇到什么挑战，有什么解决思路？(说了很多，看的出来，阿里的大神都是特别有想法、有创意，最后也给我指引了一些未来的方向， 比如前端未来的容器化，对于中台页面的构建进行服务级别的调用，而不是去一个个组件去写，了解一下后端的安全容器概念，另外推荐我去看一看蚂蚁金服的微前端框架的实现。深深的佩服，开了眼界，收获很大!)

另外，一面并没有发挥我的优势，问的问题跟我不太match，甚至有些问题都没有听懂，虽然看的出来面试官比较欣赏我，但个人觉得情况很不乐观。挂了也就挂了吧，我觉得挂了也正常。

后续: 3 月 11 号下午内推我的大佬来信，了解到昨天面我的是团队中公认技术最牛的专家，面试官给的评价是，虽然有一些问题，但是整体表现不错，在应届生里面已经可以了。好好等下轮。

阿里云二面

3.19 晚 阿里云二面(37min)

(ps：等的太久了，都没紧张的感觉了)

二面主管问我先面试还是先笔试，因为有两个流程。我说先面试吧。

• 首先自我介绍

• 为什么要做你这个开源项目？后台数据哪来的？

• 有 nodejs 相关的开发经验吗？(果断说没有，避免给后面挖坑)

• HTTP 的 GET 和 POST 请求有什么区别？(我说了 4 个区别)

• 说一说 CSRF 和 XSS 攻击？(说了一堆，他说你讲的太细了，是不是最近看过之类的文章，我说没有)

• HTTP 缓存能不能说一下？(强缓存，协商缓存，中间扯到代理了，讲了一堆，他说可以了)

• 你知道 JS 的语言标准是如何制定的吗？(确实不熟，说下去自己查查)

• • 你用过哪些 ES 最新的语法，越新越好

• 你对 babel 了解吗？能不能说说几个 stage 代表什么意思？

• Vue 的响应式对数组是如何处理的？(重写数组方法，手动派发更新)

• • Object 为什么可以自动派发更新？

• 假如我在一个for循环中改变当前组件依赖的数据，改变一万次，会有什么效果？(讲到批量更新和 nextTick 原理，他表示可以)

• 假如让你设计一个适配 PC、手机和平板的项目，你有哪些布局方案？(首先是vh、vw，然后用淘宝出品的 lib-flexible 库进行 rem 适配，还有一种 flex + px 的适配方式)

• CSS 当中以 @ 开头的属性有哪些？(我说了@media, @keyframes，后来提醒我还有@import，我补充这个是串行加载 CSS)

• 了解过前端当前的发展趋势吗，比如一些新的技术方向。(说了对PWA的看法，为什么会凉，flutter、electron、微前端，serverless)

• 了解过云计算吗？能不能讲一讲云计算的发展方向和前景？(没了解过)

• 有什么兴趣爱好？

• 对自己的职业规划是怎样的？(说了一大堆，他笑了笑，说今天就到这里吧，明天笔试)

第二天主管告诉我不需要笔试了，笔试取消，直通三面。

阿里云三面

3.20 阿里云三面(57min)

聊了狠多，但是聊的很轻松，没有编程题，而且和个人经历强相关，就不整理题目了。

阿里云四面

3.24 阿里云四面(40min)

让人自闭的一场交叉面。

• 自我介绍

• 为什么选择前端？(说了很多，他叫我用一句话总结)

• 你的职业规划是怎样的？

• 项目中遇到了哪些挑战？

• 说说你对前端架构的认识，如何设计出一个架构方案(说实话，我顶不住，没研究过)

• 在一个大型项目中，如何定位发生内存泄露的代码？(没有实践过)

• Last-Modified 和 Etag 有什么区别？

• • Cache-Control 和 Last-Modified 的区别

• 后端语言对 nodejs 更熟还是 Java 更熟？(Java)

• • 说说 String, StringBuilder 和 StringBuffer 的区别

• 跨域有哪些方案？

• React 受控组件和非受控组件的区别

阿里云五面

3.26 阿里云终面(50min)

• 自我介绍

• 你自己在社区做过什么具有推动性的事情？

• 你能不能说说自己比较擅长的数据结构有哪些?

• 在学校参加过竞赛吗？

• 你希望公司的环境是怎么样的？

• 为什么不投腾讯？(阿里面的已经很累了，秋招再投吧)

• 阿里云和抖音你更想去哪里？

• 你还有什么问题？

字节跳动三轮技术+一轮HR

---

三元同学2020字节跳动抖音架构组前端实习生面经(已到offer)

个人经验分享

---

面经就分享到这里了，可能是因为在社区比较活跃，在面试之前很容易地拿到了内推资格，并且在一轮轮的面试凭借这部分经历得到了面试官的赏识，所以一路下来感觉难度并不大，还算是非常顺利的，至少目前所有的面试中没有一轮挂掉。

在我微信公众号【前端三元同学】的后台中也能够看到有些同学的留言，不少人要我分享一下学习前端的一些方法和经验，以前我是非常抗拒的，因为我觉得自己并没有这个资格，但现在经历了这一轮轮面试的检验，我觉得现在是时候回顾和分享一波了。主要分两个方面来讲吧，一个是前端技术的学习，另一个是面试当中需要注意的一些case。

学习经历及经验

个人经历

回想我大一的时候，读的是机电工程，后来在大一下的时候转到了学校的计算机专业，从此开始了科班生的生涯。接触前端也大概是在大一下学期，在一个叫万门大学的地方偶然发现了一套 JS 的视频，看着感觉不错，想深入这个领域，但后来发现越往后面学越需要一些计算机科班的专业基础，于是我当时果断转到了计算机。因此这一步选择算得上偶然，也是一个必然。

大二上学校的课程压力比较大，不温不火地学了一个学期，中途有过做全栈的想法，报了个 Python Web 培训班，但是学的不好，后来直接放弃了，决定还是回过头来好好把前端搞扎实吧，重新学了一遍 JS，然后看了看 JQuery，研究了里面选择器实现的源码，然后去学 Vue，当然也跟着网上的教程做了一些项目，比如慕课网上黄轶老师的饿了么项目和炸鸡音乐Web App，还有 Dell Lee 的 Vue去哪儿网实战，一步步做完感觉对自己实战能力的提升还是很大的，起码能自己独立倒腾一个项目出来了。

大二下学期我开始接下了人生当中第一个外包项目，也参加了计算机设计大赛，赚来了三千多的第一桶金，也拿到了中南赛区二等奖的证书。这一切在外人看来其实是相当不错的经历了，但对我而言，我一直能够感受到一种强烈的危机，由于项目一直在赶时间，很多时候秉着能出来效果就行的心态来做，很多细节并没有我想象中做的那么完美，而且框架里面偶尔会出一些问题，但是我并没有时间去理解其中的原理。我觉得这并不是我要追求的东西。这种心态，说的好听点叫追求极致，难听点，就是强迫症。

在这种心态的驱使下，完成了外包和比赛后，我马上了投入了更深一步的学习。《JavaScript高级程序设计》好好再翻一遍，ES6 重新好好学一遍，看了一遍珠峰周啸天的 JavaScript 视频，在 CSDN 上做了相关的笔记(我觉得不算博客)，以及在慕课网上学习了webpack的课程，React的入门视频，一路狂奔，学了很多。

也正是大二下学期期末的时候，我开始了在掘金发表第一篇文章，标志着写博客的经历正式开始。让我惊喜的是，发表出来的第一篇博客就被掘金社区的公众号转载了，我喜出望外，感觉特别惊喜，于是准备继续写下去，不断规划和输出新的内容。

很快，大二下结束后，暑假就到来了。在这个时间有些小伙伴已经出去找实习了，但我深知自己离 offer 还有一些差距，于是又感受到了一丝危机。我曾经问过自己:  如果我要去找实习，会遇到哪些问题？

• 首先，项目自己觉得深度不够，拿不出手。

• 其次，计算机基础并不扎实，数据结构和算法掌握的并不好，计算机网络也没基础。

• 最后，前端技术的一些原理知之甚少，更别说框架源码了。

因此，在大三前的暑假开始，我开始给我的未来实习布道。首当其冲的就是自己去做一个让自己满意的项目，这个项目必须足够的精致，同时不是为了应付任何人。这个项目采用 React 来做的，当时是统一用的 class 组件，后来想试用一下 hooks 特性，发现真香，直接用 hooks 重构了。这个项目也就是我那本掘金小册项目的前身。当我把代码放到 Github 上的时候，没几天的时间就收获了上百了个 star，让我感到特别意外，而不久之后就有同学在 issue 区留言，觉得是一个不错的练习项目，能不能弄个教程出来。接下来我尝试着这个项目更大的价值，事实上我也做到了，写成了小册放到社区，反响还不错。

关于计算机基础，我在大三上学期花了不少的精力学习数据结构和算法，首先学完了慕课网 bobo  老师的数据结构从入门到进阶、算法与数据结构综合提升以及玩转算法面试这三门课程，夯实了所有的基础之后，开始铺天盖地地刷 leetcode，一学期刷了 100 多道算法题。对于计算机网络，当时确实没有时间学了，就把这部分的计划放在了寒假。

最后是前端技术的深入学习，分为 3 个方向精进，JS 基础、浏览器和框架。

一方面是JS的学习，对我而言，JS 明明学了很多遍了，但是实际上忘的也很快的，我打算重读一遍红宝书，然后重新建立完整的 JS 知识体系。紧接着我开始了《JS灵魂之问》系列博客的创作，尝试着去系统地整理 JS 的知识点，又必须要达到一定的深度，当时对我来说其实是一个相当大的挑战。在这个整理的过程当中，我也逼着自己去参考了大量的资料和博客，说实话学到了不少，更让我意外的是，这个系列让我从此在掘金大火，帮助了许许多多在 JS 进阶路上的前端。

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

-1710582779724)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-ble8vzIY-1710582779724)]

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】