自由量级一面凉经

项目

1. 为什么想搞前端？
2. 为什么想做这样一个项目呢？
3. 项目部署了吗？建议部署一下方便看
4. 项目里的撤销重做是怎么做的？
5. --设置一个状态栈才存储前后的状态
6. 栈里面是增量存储的吗？怎么实现增量存储的呢？
7. 假如数据结构比较复杂，层层嵌套的话，怎样实现增量存储
1. 没回答上来，面试官解答应该是存diff
8. 为什么选择用react来做
9. 项目导出功能是怎么做的

其他问题

1. 闭包陷阱是什么
2. 组件间通信有什么常用的方法吗？
3. 假如不用zustand这种库，不使用api，怎么实现跨组件的通信呢？简单想个思路
4. 学过设计模式吗？知不知道设计者模式
1. 好像是关于上个问题的
5. 绑定监听器，另一边又触发的这个监听器，这套机制了解吗
6. useRef和useState有什么区别，useState重渲染
7. 用过useMemo吗？
8. 有深入了解一些react内部的东西吗？
9. 了解webpack和vite的区别吗？
10. 那你了解Tree Shaking吗？
11. 实现一个水平垂直居中有哪些方法
12. 详细讲一下相对绝对定位实现居中的操作？
13. 怎么最方便的调top和left调到居中? 有一个通用的方法
1. top left 设置50%，还差一步没答上来，应该是transform: translate
14. 知道css的盒模型吗？有哪两种盒模型
15. 选择器的优先级怎么计算的？
16. 如果两个类名+伪类，类+类的选择器，怎么计算优先级呢？
17. 讲讲promise
18. 怎么理解的闭包
19. 了解浏览器的事件循环吗？
20. 浏览器为什么要设计这套事件循环机制呢？
1. 设计两个队列，让异步任务执行的效率更高
21. JavaScript是单线程的吗？如果实现多线程怎么做
1. Web Worker
22. 讲讲进程和线程的区别
23. UDP 和 TCP的区别
24. 说下OCI模型有哪七层
25. 在浏览器中访问url是跑在哪一层？如果在命令行ping一个地址，这个是跑在哪一层呢？
26. TCP是跑在哪一层？知道ICMP吗？
27. 知道红黑树吗？
28. 讲讲二叉搜索树
29. 算法：排序+数组扁平化
30. 反问：更喜欢哪种回答方式 + 学习方法
1. 喜欢一点一点思考出来的回答，不喜欢太过流畅

面试官好像时间不太急，全方位拷打，从项目到react到css再到js再到操作系统计网算法

表演了一个多小时马戏，不过面试官非常好，会引导给学习建议，我都能听到好几次旁边的人憋不住笑了，他还在认真的给我提建议

收获颇丰，认识的很多问题，感谢面试官，感谢我的马戏表演