吉比特（雷霆游戏）前端二面问题飞书总结

一、岗位与经历相关

1. 介绍在吉比特雷霆游戏岗位负责的具体工作内容（如营销活动、H5页面等）。  
2. 你的岗位要求中提到需要哪些技术能力（如前端、服务端基础、小游戏经验等）？  
3. 介绍你的教育背景（学校、专业）及前端学习经历（Vue/React掌握程度）。  
4. 讲讲你的两段实习分别做了什么？  
5. 你近期参与了哪些开源项目（如OMI框架）？具体贡献了什么？  
6. 你开发过哪些小工具或技术探索项目（如Markdown预览器、Three.js游戏）？  

二、技术问题（深入探讨）

1. 开源与工具开发

7. 你参与的开源编辑器（模仿BigMall）是为了解决什么问题？腾讯为什么要做这个编辑器？  
8. 这个编辑器的底层引擎是什么？开发模式是怎样的（如团队分工、流程）？  

2. 性能优化

9. 你在实习时如何优化动画S5编辑器的webpack打包性能？具体用了什么方案？  
10. 你提到的SMR热更新是如何实现的（核心机制）？  
11. 移动端适配你用了rem和CSS媒体查询，吴湖生建议用PX+Webpack插件转rem，你怎么看？  
12. 水产养殖系统里为什么把PNG图片换成Webp？还用了哪些优化手段（如CDN/SSR）？  
13. 前端单页面应用和SSR在首屏渲染上有什么区别？从SEO角度为什么推荐SSR？  
14. 大屏可视化项目中3D图表卡顿，你是怎么优化的（如何切换2D/3D）？  
15. 前端盒子模型有哪两种（标准/怪异）？它们的宽高计算有什么区别？  

3. 前端基础与原理

16. Vue 2的响应式原理是什么（如何实现依赖收集和更新）？有哪些缺点（如数组、对象操作）？  
17. Vue 3的响应式原理和Vue 2有什么区别（Proxy的作用）？  
18. Vue 2依赖收集时用的数据结构是什么（吴湖生问但未答出）？  
19. Vue 2中数组索引变化和新增/删除对象属性为什么监听不到？怎么解决（deep/watch）？  
20. Vue 2中是如何重写数组方法（如push）来实现新增项通知依赖的？具体怎么实现？  
21. webpack打包的完整流程是什么（从入口到输出）？生产环境优化方案有哪些（如Tree Shaking）？  
22. webpack中loader的作用是什么？它的执行顺序是怎样的（从上到下/从右到左）？  

4. 其他技术

23. HTTPS和HTTP有什么区别（加密/安全性）？HTTPS的实现原理是什么（握手过程）？  
24. 你认为前端性能优化的核心指标有哪些（如首屏加载、渲染时间）？具体优化方法是什么（如懒加载、CDN）？  

三、代码实践

25. 用递归实现一个深拷贝（现场编码，考察逻辑与实现细节）。  

四、面试流程相关

26. 你之前技术面的表现如何？接下来可能有HR面吗？  
27. 你知道吉比特（雷霆游戏）的办公地点在深圳吗？
28.什么时候知道结果？大概一周