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

一、岗位与经历相关

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.什么时候知道结果?大概一周
全部评论
同二面,感觉差不多,不过答的很烂
1 回复 分享
发布于 08-27 18:17 广东
还挺综合的,啥八股都问了一遍
点赞 回复 分享
发布于 08-28 19:41 北京
休息休息准备开学了bgt每次都是一个小时起步
点赞 回复 分享
发布于 08-27 17:33 广东

相关推荐

11-27 22:23
已编辑
百度_前端(实习员工)
【11.21 百度一面】:1:自我介绍2:小程序项目介绍(面试官比较感兴趣这个)3:实习项目简单问了一下4:可视化5:大文件上传整体的思路、断点续传具体怎么实现?6:讲一下transform怎么使用的(提到小程序里面的一个应用)7:react常见hook8:父组件A里面有一个子组件B,子组件B使用useMemo()缓存值,如果A重新渲染,会导致B中useMemo重新计算嘛?        (回答:分情况,要是缓存的值中有父组件传递的props就还是要)9:无限滚动加载和图片懒加载10:拦截器主要做了些什么工作?11:数组常用方法?12:你做了可视化大屏展示,现在有多个大屏,怎么适配各种尺寸呢?(答了媒体查询,为每一个尺寸范围适配不同的比例大小)追问:如果提前不知道大屏的宽度呢答:可以使用flex响应式布局,比如flex 1 自动填充剩下的内容区域13:说一下事件冒泡是什么,怎么阻止冒泡(用e.stopPropagation())14:手搓 轮播图(太久没有写react了,面试官一直耐心指导,最后还是没搓出来,说了一下实现原理)15:反问业务、技术栈、实习生培养方案一面的面试官真的超级好,就我面试以来(七牛云、金蝶、懂车帝)是最好的一个了。一点一点指导,面试用的“如流”这个软件,中间断联了两次(一次网络断开,一次电脑没电直接关机,人傻了直接),结果面试官一点都没生气,还是很耐心的讲面完,10分钟不到,发消息,约二面...【11.24 百度二面】1:自我介绍2:Promise哪些常用方法3:大文件上传4:手写Promise.all (有一点点小缺憾)5:懒加载怎么实现的 (IntersationObserver)6:react的懒加载怎么实现(同上 + React.lazy结合Suspense)7:react常用hook8:useCallback和useMemo说一下9:手撕一个react自定义hook:getPrevieusValue(value) 传入一个值(state),获取他上一次的状态值(用的是map+数组存)面试官:其实可以用ref,因为你现在这个实现的话,依照的是状态,万一不小心改变了状态可能导致页面重新渲染8:3s后页面上显示啥?为啥?const app = () => {const [count, setCount] = useState(0)const [countTime, setCountTime] = useState(0)useEffect(() => {let timer = setTimeout(() => {setCountTime(count)}, 3000)setCount(5);() => clearTimeout(timer)}, [])return (<div>count:{{ count }}countTime:{{ countTime }}</div>)}(答了:分别是5和0,因为react状态是一个快照,他每计算次依照的是当前这一刻的状态(还好之前看过官方文档))9:上一个问题,那我想让都显示5怎么办?(提到用函数式更新、flushAsync、Ref持久化绑定)面试官:也可以在useEffect依赖里面加 count10:redux使用过嘛? 了解过基于redux开发的第三方工具嘛?(不了解)11:为啥使用redux不用useContext呢?12:说一下小程序的分包机制和分包预加载13:手写:数组转成树结构(没写出来[我算法太弱了[苦涩]],说了思路,用递归)const a = [{id: 1, parent: null, name: 'Big'},{id: 2, parent: 3, name: 'hello'},{id: 3, parent: 1, name: 'aloha'},{id: 4, parent: 1, name : 'yes'}];const b = {id: 1,name: 'big',children: [{id: 3,name: 'aloha',children: [{id: 2,name: 'hello',children: null,},],},{id: 4,name: 'yes',children: null,},],};面试官说你思路没问题,然后就给我讲了一遍非递归的实现思路如流这个软件,不知道是不是不适配我的电脑还是啥,面试的时候一直掉线(掉了四五次),开始我还以为我的网有问题,不过好在面试官没有生气,而且手撕题还给我耐心纠错和指导,也是很好的一个面试官【11.27】hr电话正上体育课,刚测完1000m,累成憨憨了,摊在地上结果忽然收到hr的电话,oc,下午1点多快到2点的时候,收到正式offer邮件......【插话】本来二面结束(周一),感觉没戏了,周二到周四整个人都是一个将die的状态,浑身不舒服,也没胃口,觉也睡不好,期间还面了懂车帝、深圳锐明技术,懂车帝面成粑粑了、锐明面的很好,但是这俩截至目前都没有下文面试,运气真的很重要,要是遇到一个恶心人的面试官,神来了也得挂。唯一 一点幸运的是,我做过小程序,刚好和他们组技术栈和业务匹配,同时干小程序的人本身也不多,所以被面试官看上了吧,要是投的其他业务组,一面都得挂
发面经攒人品
点赞 评论 收藏
分享
评论
3
17
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务