吉比特（雷霆游戏）前端二面问题总结
作者: 前端AC | 原文: https://juejin.cn/post/7542953832671592467
一、岗位与经历相关
- 介绍在吉比特雷霆游戏岗位负责的具体工作内容（如营销活动、H5页面等）。
- 岗位要求中提到需要哪些技术能力（如前端、服务端基础、小游戏经验等）？
- 介绍你的教育背景（学校、专业）及前端学习经历（Vue/React掌握程度）。
- 讲讲你在东田数码和中科院的两段实习分别做了什么？
- 你近期参与了哪些开源项目（如OMI框架）？具体贡献了什么？
- 你开发过哪些小工具或技术探索项目（如Markdown预览器、Three.js游戏）？
二、技术问题（深入探讨）
1. 开源与工具开发
- 你参与的开源编辑器（模仿BigMall）是为了解决什么问题？腾讯为什么要做这个编辑器？
- 这个编辑器的底层引擎是什么？开发模式是怎样的（如团队分工、流程）？
2. 性能优化
- 你在东田实习时如何优化动画S5编辑器的webpack打包性能？具体用了什么方案？
- 你提到的SMR热更新是如何实现的（核心机制）？
- 移动端适配你用了rem和CSS媒体查询，吴湖生建议用PX+Webpack插件转rem，你怎么看？
- 水产养殖系统里为什么把PNG图片换成Webp？还用了哪些优化手段（如CDN/SSR）？
- 前端单页面应用和SSR在首屏渲染上有什么区别？从SEO角度为什么推荐SSR？
- 大屏可视化项目中3D图表卡顿，你是怎么优化的（如何切换2D/3D）？
- 前端盒子模型有哪两种（标准/怪异）？它们的宽高计算有什么区别？
3. 前端基础与原理
- Vue 2的响应式原理是什么（如何实现依赖收集和更新）？有哪些缺点（如数组、对象操作）？
- Vue 3的响应式原理和Vue 2有什么区别（Proxy的作用）？
- Vue 2依赖收集时用的数据结构是什么（吴湖生问但未答出）？
- Vue 2中数组索引变化和新增/删除对象属性为什么监听不到？怎么解决（deep/watch）？
- Vue 2中是如何重写数组方法（如push）来实现新增项通知依赖的？具体怎么实现？
- webpack打包的完整流程是什么（从入口到输出）？生产环境优化方案有哪些（如Tree Shaking）？
- webpack中loader的作用是什么？它的执行顺序是怎样的（从上到下/从右到左）？
4. 其他技术
- HTTPS和HTTP有什么区别（加密/安全性）？HTTPS的实现原理是什么（握手过程）？
- 你认为前端性能优化的核心指标有哪些（如首屏加载、渲染时间）？具体优化方法是什么（如懒加载、CDN）？
三、代码实践
- 用递归实现一个深拷贝（现场编码，考察逻辑与实现细节）。
四、面试流程相关
- 你之前技术面的表现如何？接下来可能有HR面吗？
- 你知道吉比特（雷霆游戏）的办公地点在深圳吗？