负责金融科技平台核心交易链路(开户、下单、持仓)的前端架构设计与性能优化,边界覆盖日均10万+用户的高并发操作场景,支撑双11、季度理财节等大促活动的稳定性。
- 主导交易下单页性能瓶颈攻坚:针对原页面首屏加载慢(平均3.2s)、接口冗余调用问题,采用Webpack 5 Tree Shaking剔除无用代码,结合SplitChunks优化公共模块拆分,同步引入Service Worker缓存静态资源;配合React Query做数据预取与状态管理,将首屏加载压缩至1.8s内,页面交互响应速度提升40%,支撑双11期间15万+用户并发下单无超时。
- 核心参与持仓管理模块微前端重构:面对原有代码耦合度高(模块依赖75%)、迭代效率低痛点,基于qiankun拆分持仓、收益分析、资金明细三个子应用,用Vue 3组合式API+Pinia重构状态逻辑,解耦度提升至90%;后续功能迭代周期从7天缩短至3天,上线后用户操作错误率下降25%。
- 解决移动端低版本兼容难题:针对iOS 12及以下浏览器布局错乱、事件穿透问题,通过PostCSS Autoprefixer自动补全Flex/Grid前缀,结合FastClick消除300ms触摸延迟,同时自定义媒体查询适配320-768px屏幕;将兼容性投诉率从18%降至2%以内,下沉市场用户满意度提升19%。
- 搭建前端全链路监控体系:基于Sentry+自研日志上报工具,覆盖JS错误、页面性能(LCP/FID)、接口成功率核心指标,设置下单/登录路径的告警阈值(错误率>0.5%触发);将线上问题定位时间从2小时缩至15分钟内,季度拦截潜在生产事故12起,平台可用性从99.8%提升至99.95%。