1、技术负责人:和平精英手册项目。负责项目的技术方案、前后端协同开发、需求沟通、项目管理。负责前端项目的技术架构,
技术选型:Vite+TypeScript+React+Zustand+Sass+bproxy。
2、营收 ReactNative 前端领域负责人:提炼营收活动类项目的最佳实践,沉淀业务手脚架,提升开发效率。开发 Chrome 插
件“营收活动配置检查器”,提高问题排查效率。
3、重难点项目:视频上传功能优化,重构视频上传功能、实现视频批量上传、分片上传、断点续传、封装视频上传 SDK、前端错
误日志收集分析定位失败原因。成果:提高了视频上传效率、用户体验、功能的可复用性
4、前端领域建设
4.1、业务组件体系(解决基础领域建设,组件难以复用的问题,实现功能级别的组件复用,通过类loadable-components的方案,加载业务过程中沉淀的业务组件实现快速的复用)
4.2、直播间卡顿问题优化(通过分析问题:视频开播之后大概率卡顿、定位问题:通过 Chrome 性能分析工具,定位到视频
开播之后有一系列业务代码开始加载和执行、解决问题:定制一个加载器,让业务代码能够按照线性队列的方式去加载执行,避
免并发抢占电脑资源)
4.3、成果
4.3.1、尝试使用vite替代原有的webpack方案,构建速度从原有的2:30到现在的1分钟之内。
4.3.2、业务组建体系,弥补斗鱼在前端业界代码可复用性的短板。
4.3.3、提高直播核心功能 - 视频播放体验,减少了低端PC电脑的视频播放卡顿问题。