2024届前端秋招经验分享（最终拿下拼多多、美团、京东offer）

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

• 秋招

• • 基础

• 项目

• 简历

• 笔试

• 面试

• • 个人介绍

• 面试环节

• 建议

• 结语

2021届前端秋招经验分享（最终拿下拼多多、美团、京东offer）

====================================================================================================

战绩

---

秋招一共投递了10家公司，一共21场面试，拿了3个offer，具体情况如下：（面经同样展示在下方）

• 美团（offer）-- 美团面经

• 拼多多（offer）-- 拼多多面经

• 华为（主管面挂）-- 华为面经

• 腾讯（两次一面挂）-- 腾讯面经

• 京东（offer）-- 京东面经

• 百度（一面挂）-- 百度面经

• 顺丰（HR面挂）-- 顺丰面经

• 小米（一面挂）-- 小米面经

• 快手（一面挂）-- 快手面经

• 字节跳动（一面后无感谢信无后续）-- 字节面经

心得

---

在我看来，我的秋招战线并不仅仅是从秋招季开始，至少得从2020年2月接触前端开始。2月正值疫情，寒假只是找了个离家近没有任何含金量的运营实习，想找个日常实习来填补自己简历的空白。本想着985的敲门砖能给自己足够的底气面对匮乏的技术水平，才发现，程序员这个行业并不是学历为王的行业，三年数学专业的学习，没有给我带来除基础理论知识的技术增长。投递了一些并不知名的企业，却只能在面试过程中扣扣索索一些接到通知才临时找的面经，我终于意识到985的身份，终究沦为敲门砖，想要拿下offer，还需要付出更多的努力。

虽然大家都说前端是最容易入门的职位，但是前端的学习也同样任重道远，高精尖人才紧缺，我总结汇总了自己的学习路线，并且打算将今后的学习也持续记录在其中，有兴趣参考的同学可以去看看——2020年零基础前端学习路线（本人亲身经历，9个月拿到拼多多、美团、京东校招offer，5000字长文）

幸运的是，我在三月份找到了一份学长创业公司的前端实习，能够在丰富简历的同时，继续深耕前端这个领域。

暑期实习

---

暑期实习一共投递了23次公司，拿到面试资格的公司只有8家，最后拿下1个offer，面经整理如下：

• 深信服暑期实习面经

• 快手暑期实习面经

• 顺丰暑期实习面经(offer)

因为大三下的课程并不轻松，在兼顾课程的同时学习时间非常有限，再加上基础不扎实，面试依旧磕磕绊绊，投递了很多公司最终只收获了一家offer，很感谢顺丰的这个offer，让我觉得自己的努力还是有一定成效。

秋招

---

斟酌再三，我拒绝了顺丰的暑期实习，选择来到学长的创业公司，一方面是薪资很理想，另一方面是我觉得相较于拧螺丝钉，更为自由的工作氛围能让我取得更大的成长，由于大四没有课程，暑期也不需要抽时间兼顾学业，每周基本就是五天的工作，两天的托福/GRE学习，折腾地满满的。

因为抱着出国的心态去学习前端和投递秋招，所以并没有选择海投，只选择了含金量比较高的公司和钟意的前端岗位，接下来的篇幅主要介绍一下秋招的准备和经验：

基础

限于篇幅的因素，主要列举几个大项，详细知识点可以移步我的博客——2020最全前端面试系列

• HTML

• CSS

• JavaScript (ES6)

• VUE

• 计算机网络

• 浏览器原理

• 性能优化

• 算法

项目

由于校招的因素，面试官并不会过度苛求你的项目经验，更多注重的是基础知识和面试过程中展示的学习能力。当然假如你能够有一个很亮眼的项目，那么这绝对是你的优势所在。因此在面试前一定要充分复习自己的项目。

复习的方法大致遵循STAR法则

SITUATION: 描述你在当时所处的环境或者面临的挑战。

TASK: 描述你当时的任务或在所承担的职责。

ACTION: 描述你和你的团队如何克服挑战。重点关注你的内容。

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
ng)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-O9zvyjLt-1713273297831)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！