前言：26届校招实习招聘正如火如荼进行中，以下是我当年校招暑期实习面试过程记录，希望能帮助到各位学弟学妹们。

个人情况：双非硕，2022届，前端岗，有实验室项目，刷题较少。

面试结果：从3.16~4.9，三周面试6家公司总计18面，通过率100%，拿到6个offer（阿里、微信、字节、美团、快手、有赞），最终入职阿里。附面试历程图一张：

从2月底开始复习准备面试（刷题+基础+项目）。上来就面了快手，之后每一面结束都复盘、总结、扫盲、记笔记，思考面试官问的每一个问题都是以什么为出发点、想考察我哪方面的内容），思考怎样叙述才可以突出项目的亮点。不断面试不断复盘，螺旋式成长。

内推码

顺便打个广告：淘宝直播26届校招暑期实习，岗位：服务端、前端、客户端、测试、数据、算法；有意向的同学可以私信我，或者扫码内推。

目录

1. 各厂面试总结，大厂面试风格总结

2. 详细面经分享

• 阿里巴巴
• 微信
• 抖音
• 美团
• 快手
• 有赞

3. 如何准备面试

• 个人复习历程
• 重要知识点（必须掌握）

1. 各厂面试总结

Tip

就我个人经验，面试过程中有一些非常重要的TIP：

• 保持自信，保持阳光的一种状态
• 随时反问，有疑问随时提出
• 做不出来求助某个函数接口忘记了，直接提问可不可以查一下🔍思考很久没有思路，就问是不是可以给个小提示💡~

2. 详细面经分享

阿里淘系（两轮技术面+HR，电话面）

一面

项目

• 亮点、难点、最有意义的工作
• 收获
• 优化

基础

• 204，304状态码
• 浏览器拿到HTML文件之后发生的事情
• JS异步加载
• 跨域

热情

• 了解新技术的途径
• 未来想要发展的方向

反问

• 业务
• 团队规模

二面

项目

• 亮点
• 优化

HR（所有HR面都相似）

• 意向
• 稳定性：比如会问籍贯、留杭意向

微信（三轮技术面+HR，视频面）

一面

自我介绍项目

• 除项目本身，会考察对项目整体的一个把握，整条开发链路
• GitFlow
• 测试部署过程

基础代码题

• 把数组排成最大的数（Leetcode链接 ）
• 实现一个类（考察数组拍平）：给一个嵌套数组[[1,2],[1],[3],[5]]，实现next方法（取下一个值），hasNext方法（是否还有下一个值）

二面

自我介绍项目基础

• 前端模块化，AMD vs CMD
• 熟悉的ES6语法，随后展开 promiseasync/awaitconst、let vs var
• 你知道的网络攻击
• 从输入URL到渲染完毕

代码题

• findKth，寻找数组中第K大的值
• 给定n个人的出生年份和死亡年份，找出人数最多的一年

三面

项目代码题

• JS中数字运算会丢失精度（0.1 + 0.2 === 0.3是false），给两个浮点数，实现不丢失精度的浮点数相乘

HR

...

字节（三轮技术面，牛客视频面）

一面

项目基础代码题

• React Hooks实现倒计时（挺有意思的一道题）
• 括号匹配（Leetcode）
• 读取Cookie为对象

二面

项目代码题

• 实现左边固定宽右边自适应布局，各种布局方式（flex、grid、float、position）
• 实现PlayBoy类：（很好的题，代码如下，大家可以跑一下理解一下）
• 给定三个数的数组，判断能否构成三角形
• follow up: 给定一个数组，判断是否存在三条边能构成三角形
• follow up: 给定一个数组，值可以任意相加，判断是否可以得到三条边构成三角形（当时没想出来，后来问了同学）

三面

项目基础

• 追着React问~

代码题

• React实现Treeview
• 寻找最大公约数

美团到店（两轮技术面+HR，牛客视频面）

一面

一个知识点不断深挖疯狂追问，回答中没说清楚的会问到说清楚为止，面得最艰难的一面😅

代码题

• mul(2)(3)(4)() // 24

二面

项目代码题

• 有一道的，忘了~😛

快手（两轮技术面+HR，牛客视频面）

快手面得比较早，感觉个人面试不具代表性，就不多叙述了

有赞（两轮技术面，电话面）

有赞风格有点像网易，重视基础，两面都是基础问答

3. 如何准备面试

个人复习历程

个人是从基础、算法题、项目三个方面准备面试，三者缺一不可。① 开始复习前花了两整天的时间疯狂看面经，整理高频知识点，会发现某个岗位核心的知识点就是那些，高频题一定要准备得充分，比如”浏览器从输入URL到渲染“这个问题我几乎每面都被问到；② 开始刷题加复习，根据整理的知识点开始系统的分模块的复习：JS、CSS、HTTP、框架重点问题； ③ 个人相关： 自我介绍（一定要准备），项目介绍，学习前端的历程，为什么要做前端（准备）。

① 整理牛客面经，统计高频知识点

② 刷题+基础复习

1. 面试已经迫在眉睫的同学直接面向面试按模块复习就可以了复习模块附图：
2. 有意向做前端的学弟学妹，还没到自己的招聘季，建议系统的学习前端知识。我学习的历程如下：

• HTML、CSS、JavaScript、HTTP看书学习 红宝书：JavaScript高级程序设计第四版，前端必看书籍精通CSS 高级Web标准解决方案，这本书直接打开我CSS的任督二脉，好书图解HTTP：很旧的书了，但写的非常好，看了两遍。不知道有没有最新版本。
• 做项目 做项目一个是强化理论知识，第二个是给简历增加作品我个人属于实验室有丰富的项目，所以不用去找开源项目，大部分同学可能需要去找一下开源的项目跟着做也可以关注字节或者阿里的前端训练营，能参加就参加，也不失为一段好的经历~

③ 整理个人经历：自我介绍、项目亮点难点、项目收获

1. 自我介绍 我是XX...，我什么时候开始接触前端，我为什么要做前端
2. 如何整理一个项目 & 如何讲一个项目： 1） 项目目的是什么 要完成一件什么样的工作 涉及到什么样的工作 2） 我处于什么位置我的职责 3） 我做了什么 4） 我造成什么变化（如果有必须举例说明，所以要事先想好例子）

重要知识点（必须掌握）

> 下面写的是通过整理大量面经以及个人面试经历总结的高频知识点，后续会更新~

计算机网络

> 个人觉得网络相关知识是基础中最重要的一个part，我是看书学习的（图解HTTP，好书，强推）

1. 浏览器从输入url到渲染完成整个过程（几乎每面必问）
2. 五层协议、七层协议，TCP/IP
3. HTTP状态码

• 1XX，2XX，3XX，4XX，5XX分别代表什么，并分别举例一个状态码
• 204，304
• 什么是客户端错误，有遇到过吗；什么是服务端错误，开发过程中遇到过吗

1. HTTP各版本（尤其HTTP1.1 vs HTTP2.0）
2. HTTP请求头、响应头字段
3. 网络攻击
4. Cookie、Session、JWT
5. HTTPS如何实现加密
6. 跨域

JavaScript

1. 数据类型（几乎一面必问）
2. 事件循环（宏任务有哪些、微任务有哪些）：这篇，一定要看，讲得很好，代码举例讲解的方式
3. 继承-原型链：这篇
4. 异步
5. ES6新特性
6. 深浅拷贝
7. 闭包（原理，应用：防抖、节流...)
8. 垃圾回收机制
9. 前端模块化

CSS

1. 布局（要自己去尝试写一下）

• 左边固定宽度，右边自适应布局
• 两栏布局、三栏布局
• 垂直水平居中布局

1. 选择器及优先级
2. BFC

框架React & Vue

1. React vs Vue（简历上两个都写了，必问问题）：参考链接，这篇写得非常好
2. Vue双向绑定
3. 组件间传值方式

同学们有任何疑问都欢迎提问哦，希望可以和同学们一起进步一起上岸~