二面大概1h20min,全程节奏极快,问题围绕前端性能、复杂交互、工程化与跨端架构
等深挖,需要同时懂底层原理、体验优化和团队协作,强度极大。
1.自我介绍:请结合你最有挑战的前端项目(说明你如何解决过与字节场景类似的高性能页面、复杂状态管理或跨端兼容问题,并简述你的技术决策逻辑)。
2.(上来开大) 如果让你设计抖音的Web端播放器,要求支持亿级用户、视频秒开、实时弹幕与手势交互,请描述从视频加载到交互响应的完整技术方案与核心挑战。
3.一个普通的抖音H5活动页突然成为全网热点,访问量激增导致页面白屏率飙升。请描述一套从性能监控到应急处理,再到后续架构优化的完整解决方案。
4.如何实现抖音直播间百万在线用户的实时弹幕、点赞动画与礼物特效?请对比WebSocket
、SSE
等方案,并说明渲染性能、消息堆积与客户端体验间的权衡。
5.你提到用Vue
/React实现复杂状态管理,如果业务要求状态持久化、跨页面同步,并在用户操作频繁时保证UI响应流畅,你会如何设计?对比一下基于Redux/MobX
的状态管理方案。
6.描述你在前端工程化中如何实施代码分割、资源预加载与容错降级。如果首屏依赖的某个JS模块加载失败,如何避免页面崩溃并保障用户体验?
7.请设计一个类似字节跳动“抖音Web端图片懒加载+预览”的系统,需要保证图片加载性能、手势缩放流畅,并在高并发场景下避免卡顿。
8.手撕:实现一个支持并发请求缓存、过期自动清理的异步资源加载器,并保证同一资源不被重复加载。