GMS游戏数据分析平台（2022.1-2022.8 ） 前端开发
简介：为公司多个游戏打造的⼀体化数据运营分析解决⽅案，满足游戏多品类、全场景、全生命周期的运营分
析需求，包含运维监控、概览、游戏日志、数据查询与分析、流失统计等模块
技术栈：React、Typescript、Umi、Ant Design Pro、Ant Charts
本人职责：
① 封装通用数据看板组件，提升相同业务页面开发效率
② 实现游戏日志、运维监控等模块以及Excel表格导出
③ 针对提升页面速度，对路由使用懒加载技术处理
④ 使用可视化工具，完成数据可视化需求
项目难点：
① 针对多个模块页面渲染内容长又多，使用滚动加载更多
② 解决角色权限树的数据结构与antd tree组件不同
③ 无后端协助下，对echarts图表源数据实现时间段筛选功能

游戏数据报表导出工具（2022.5-2022.6） 负责人
简介：在GMS项目当中，存在着许多万条表格数据导出 Excel 文件的业务需求场景
本人职责：
① 抽离为通用组件，在无后端协助下，结合excel.js等导出表格
② 利用js多线程优化大数据量表格导出性能
项目难点：
① 数据导出过程中页面卡顿，利用 webWorker 和 blob文件流，拆分线程任务
② 在worker中生成excel实例要动态加载脚本，通过importScripts接口动态导入 js 文件
② worker子线程无法使用dom对象把文件导出，通过子线程处理完数据后，传递给主线程执行文件保存
取得成果：在数据导出过程中，解决计算量极大的场景而导致页面卡顿；在处理导出excel数据的同时，浏览器
能够处理用户的点击、输入等操作，使得用户体验直线上升

DOM滚动加载方案（2022.3-2022.4） 负责人
简介：针对GMS项目中，解决页面dom渲染多且长造成卡顿的场景，例如多个echarts图表和数据看板等
本人职责：封装通用触底加载hook、loadMore组件
项目难点：
① hook内部通过参数接收的dom引用值为null
② 判断是否触达容器底部
取得成果：进入页面更加流畅，用户体验得到提升，不再频繁卡顿

上车剧本杀-小程序（2021.10-2022.1） 前端开发
简介：社交娱乐剧本杀小程序，包含拼车、剧本库、消息、个人中心等模块
技术栈：Vue、Typescript、Taro、NutUI
负责模块：
① 拼车模块：封装卡片组件进行列表渲染；实现上拉刷新分页加载数据、页内搜索防抖优化、路由跳转详情页
② 剧本详情模块：把该页面抽象为通用模板组件，也提供给其他模块相同部分使用
③ 订单模块：使用Tabs组件，处理订单的创建、编辑、取消和查询等功能，并提供订单信息给其他模块
④ 支付模块：校验订单有效性，结合微信支付及后端支付接口，创建和处理支付结果，并提供结果给其他模块
项目痛点：
① 应用启动慢有白屏问题，针对提高页面初始化渲染速度，通过taro prerender配置重要页预渲染
② 编译速度慢，热更新延迟， 通过taro compiler optimization插件使编译时长减少为原来的1/3
③ 包体积过大无法上传，通过taro webpackChain配置代码压缩；排查大量重复代码，抽离为通用组件和方
法；把本地图片转为在线；包体由2.8M减少到1.4M
④ 订单状态变更，需同步更新到多个模块，通过编写简易的全局stores保管状态，编写并暴露useGobalState
钩子，监听数据变化自动执行
取得成果：玩家拼车功能可用，支付和订单创建等可用，按时交付上线使用；解决页面白屏延迟问题，提升编
译速度和团队开发效率，无需顾虑包体积进行开发