背景
字节跳动AML前端实习岗位的面试经历。经历了三轮技术面试，从前端基础知识到计算机基础原理，考察范围非常广泛。最终在三面因为计算机基础知识薄弱而失败，是一次很有教育意义的面试经历。
一面（1小时）
开场介绍
1. 自我介绍
2. 聊实习经历
JavaScript基础
3. 防抖原理，手写防抖
4. Map和WeakMap的区别
5. Array、Set、WeakSet的区别
Vue相关
6. Vue的双向绑定原理
7. Vue响应式原理
8. 响应式编程的优缺点
React相关
9. React Fiber架构
10. React Hook底层如何实现
网络基础
11. HTTP状态码
12. HTTP缓存机制
算法题
13. 反转链表
二面（40分钟）
JavaScript基础
1. for...in和for...of的区别，for...of能遍历对象吗？
2. new操作符的执行过程
3. Promise有哪些静态方法？
4. 手写Promise.all
CSS相关
5. CSS水平垂直居中的方法
Vue相关
6. watch和computed的区别及使用场景
7. Vue生命周期，父子组件挂载顺序
8. Vue2和Vue3有哪些区别？
React相关
9. Hooks的好处
10. 讲讲useEffect
服务端渲染
11. SSR的优缺点
12. CSR的优点，一开始就是类SSR的模式，为什么又改成了CSR？
工程化工具
13. Vite为什么快？
14. pnpm的优点
性能优化
15. 前端性能优化策略
三面
算法题
1. K个一组反转链表
计算机基础
2. 进程和线程的区别
3. 虚拟内存
4. TCP三次握手
JavaScript深入
5. 闭包
6. this关键字怎么实现的？
7. 其他问题（忘记了）
面试结果与反思
麻了，三面的问题一个没答上来，计算机基础太薄弱了
失败原因分析
计算机基础知识薄弱
- 操作系统概念不清楚（进程线程、虚拟内存）
- 网络协议理解不深入（TCP握手过程）
- JavaScript底层实现机制不了解
准备不够充分
- 过于专注前端框架和工具
- 忽视了计算机基础知识的重要性
- 对算法题的练习不够
面试特点总结
字节跳动AML面试特色：
- 基础知识要求高：不仅考察前端技能，更注重计算机基础
- 算法能力重视：每轮都有算法题，难度递增
- 深度挖掘：不满足于表面回答，会深入询问实现原理
- 工程化思维：关注实际项目中的技术选型和优化
面试难度递增：
- 一面：前端基础 + 简单算法
- 二面：框架深入 + 工程化实践
- 三面：计算机基础 + 复杂算法
经验教训
技术准备建议
前端基础
- JavaScript核心概念要扎实
- 框架原理要深入理解，不能只停留在使用层面
- 工程化工具的原理和优势要清楚
计算机基础
- 操作系统：进程线程、内存管理、文件系统
- 计算机网络：TCP/IP协议栈、HTTP协议
- 数据结构与算法：链表、树、图的操作
算法能力
- LeetCode中等难度题目要熟练
- 链表操作是重点考察内容
- 要能够清晰地表达解题思路
面试心态
正确认识失败
- 面试失败是正常的，关键是从中学习
- 暴露知识盲区是好事，可以针对性补强
- 大厂面试标准高，需要全面的技术储备
持续学习
- 前端开发不能只关注框架和工具
- 计算机基础是技术深度的体现
- 算法能力是解决复杂问题的基础
后续改进计划
- 补强计算机基础：系统学习操作系统、计算机网络
- 算法刷题：每天坚持刷LeetCode，重点练习链表、树相关题目
- 深入理解原理：不仅要会用，更要理解底层实现
- 项目实践：在实际项目中应用学到的知识
虽然这次面试失败了，但收获很大。明确了自己的不足，也为后续的学习指明了方向。