字节前端实习-商业化广告-四面凉经

人生第一次面大厂，和节子挺有羁绊的，浅浅记录一下吧
-----------------------------------------------------
Timeline：
一面        2025-05-07    15-16    当天17: 00 通过
二面        2025-05-08    14-15    当天15: 40 通过
三面        2025-05-12    15-16    当天20: 38 面挂
[HR姐姐说一面二面面评不错，商业化CRM可以捞捞，换部门加一轮面试即可]
四面        2025-05-13    17-18    当天21: 31 面挂

------------------------------------------------------
一面面经-5.7：

1. 自我介绍

2. 项目性质：你提到的两个项目是练手还是实际投入使用的呀？

3. 问项目难点

（1）说论坛的游客模式 => 问登陆&登陆态是怎么实现的

登陆这块是怎么做的？

登陆态是怎么维护的？

用户刷新后仍然是登陆状态，怎么判断的？

（判断token是否存在）

token存在哪里（localstorage里面）

token有时效吗？（三天半）

你怎么判断它过期的（jwt）

你怎么使用jwt解析的

localstorage里面有时效吗？

（2）消息实时推送SSE

（3）安全性优化（加入csrf）

追问：你可以详细介绍一下CSRF吗？

你对别的攻击方式了解吗（回答了XSS、提到有分为存储型XSS和反射型）

追问存储型和反射型区别

4. 自己提到项目收获和项目的开发流程

5. 问怎么了解到的项目整体规范开发

6. git开发工作流熟悉吗？

回答说对于分支流转比较熟悉

追问 git merge 和 git rebase的区别

rebase使用有什么风险如何规避

风险：影响公共分支

追问：怎么样影响的公共分支

面试官解释：风险产生的本质原因是git rebase 时候要强推（并且必须强推）

7. 对axios封装以及取消重复请求是怎么实现的？

追问post请求的避免重复请求是怎么实现的，可以怎么优化

8. 节流防抖使用场景

9. 图片懒加载

追问offsettop是元素距离谁的

追问只判断offset整体位置可以吗

面试官补充offsettop定位的元素不一定是滚动元素

10. Vue2和Vue3的区别

11. 问react项目经验

12. react hook的原理介绍一下

追问hook使用有什么限制吗

13. useEffect和useLayout Effect区别

14. 一道算法题: 比较版本号

【一面面试官是个很温柔的姐姐，提问循循善诱，引导型，面试整体体验很舒适（不敢想要是面过了，姐姐是mentor该有多幸福

）】

------------------------------------------------------

二面面经-5.8：

1. 自我介绍（改进了下自我介绍，明显感觉面试官很赞许【听自我介绍的面试官不多见，感动子】）

2. 学校专业课学了哪些课程(自我介绍提到成绩专业第一，回答数据结构、操作系统、计网、电子技术基础等)

3. 什么情况下促使你去学习前端的

4. 问数据结构问题：讲一下数组和链表的区别（说数组像整齐排列的房子、链表像一串手串云云）

5. 讲一下树的遍历和图的遍历（答主有点学院派，问数据结构问到点上了，爽）

6从浏览器发起一个请求，到请求返回中的过程中，整个请求到响应的路径很多情况下都有缓存。尽可能把缓存说清楚，有哪些缓存

（说了强制缓存和协商缓存）
追问除了浏览器层面的强制缓存和协商缓存还有哪些缓存，提示如DNS、服务器缓存

（讲了DNS缓存，自己补充讲URL输入到页面呈现的过程）
追问其他的缓存

7. 你们做系统的静态资源是托管在哪里的，是部署在服务器吗
（补充讲项目开发流程，这里抢问题了，应该看面试官眼色让他把缓存介绍一下）

8. 做项目的初衷是什么

9. post请求什么时候会出现打印控制台，post请求出现两次的情况
简单请求和复杂请求的区别
options 请求遇到过吗

10. axios底层？，支持node吗

11. 讲一下AJAX

12. 算法题：扁平数组转成树形结构
问时间复杂度和空间复杂度

13. 面试官小哥：
我再来问你一些不相干的问题（以为可以开始扯闲话环节了，结果继续问问题

）

Vue中编写UI会使用 template 和 render，这两者有什么区别吗、有什么关系吗
追问：不进行打包、编译可以直接使用template语法吗，render函数最终返回的是什么
template最终会被编译成render，这个编译发生在什么时间?

14. Vue-loader有什么作用(跟上一题有关系)

15. 在webpack项目中自己随便写了一个a.abc文件，可以在js或ts文件中随便引入吗

16. Vue中的nextTick，底层怎么实现的？

17. 介绍一下浏览器中的微任务
（自己扩展说微任务和宏任务的区别、使用场景）

反问环节：
1. 反问面试官求职时的心理状态、做了哪些准备

2. 反问面试官有什么技术方面的书推荐

3. AI风潮下，程序员的核心能力会发生转变吗？从业务能力向 AI使用能力偏移

【隔了一周多，编辑面经还在感慨，二面面试官小哥真的很nice，面试节奏特别对。要反馈有反馈、要引导有引导，表示不懂的时候还会重新解释问题，整场面试说说笑笑地进行下来了，轻松愉悦（以至于复盘的时候才发现有的问题还是有点小难的！）

最后反问环节聊天也聊得很开心啊啊啊，要是二面小哥是组长就好了...可惜没有缘分。祝大家面大厂都遇到这样的面试官（接好运！）】

------------------------------------------------------

三面面经-5.12：

1. 自我介绍

2. js闭包内存泄漏原因, 降低内存泄漏风险的方法

3. 自动设置垃圾回收

4. weakmap

5. node.js：common.js和ES module

追问Common.js的缓存机制

6. script的async和defer的区别

async会阻塞后续dom吗

7. cookie存token和header存token有什么差别

8. ES6装饰器

9. decorator装饰器，普通函数不支持装饰器的原因, 高阶函数

10. 回流重绘怎么尽量降低影响（方法）

11. TS枚举和定义普通对象区别

12. 普通枚举和常量枚举

13. type 和 interface的区别

14. ts类型断言两种方式的区别

15. HTTP2.0中的服务器推送有哪些应用场景

16. git相关的命令

17. git pull 和 git fetch区别

18. 本地分支做变更, 怎么办（回答stash暂存）

19. 算法题1
const [a,b] = {a:1, b:1} 能正常运行吗?为什么
封装一个通用型的方法, 左右结构不动, 成功解构

20. 算法题2
大数相加

21. 追问: 你有一个网站包含了各种各样的静态资源, 你会怎么设置缓存策略

-三面面试官应该是leader，经过我长长的自我介绍后，大手一挥说那我们开始吧！
整场面试下来问题密度挺高的，苯人感觉自己答得也很不错，没有卡壳的地方。leader大人也会给一些反馈，面试整体比较顺畅~依旧是体验感不错的面试，但最后还是挂了。。。
HR姐姐说面评反馈主要是算法题1思路有问题，应该是用迭代器+沟通不够简明有效

得到结果后整个人都down了，非常难受哇非常......感觉像做了一场梦，二面通过的时候觉得自己很lucky，好像离字节很近了，但是结果三面出结果又离得远远的了

仔细复盘了一下觉得确实还可以语言更精炼一些回答问题，整体面试还很有收获的。虽然没过，但是感恩~

------------------------------------------------------

四面面经-5.13：

前半小时闲聊规划、学习前端原因、项目（有点不太记得了）

后面四道手写题

1. TS 泛型用法

2. 写出数组的10个方法（写了十几个，面试官问了几个方法的用法）
手写实现一个reduce

3. this指向

4. 给二叉树，输出二叉树每一层的最大节点

- 算法题撕得不好，面得有点低气压。但是此 leader 挺活泼的哈哈哈，也会主动给出一些提示（重生之部门leader亲自教你写算法）。面试结束后就知道g了，瘫椅子上半小时没说话，才收拾收拾去吃饭了