熟练掌握HTML+CSS+JavaScript,有PC、H5、小程序的开发经验
熟练使用Vue全家桶
熟练使用Git进行协同开发
熟练使用ai开发
了解React全家桶,有React开发经验
了解nodejs,有后端开发经验
了解webpack、nginx、抓包工具charles等,能进行webpack配置和优化
项目名称: 某即时零售平台(用户端H5 + 商家端小程序 + 管理后台)
我的角色: 核心前端开发(独立负责多端开发与交付)
技术栈: Vue3 + TypeScript + Uni-app(多端编译) + Webpack5 + Node.js(Koa) + Charles + AI辅助编程
项目难点与我的解决方案:
【多端一致性】 项目需同时覆盖 H5、微信小程序及 PC 管理后台。我利用 Uni-app 结合 Vue3 组合式API,封装了统一的请求拦截器与全局状态管理,实现了业务逻辑 80% 的复用率。针对小程序包体积超限问题,我通过 Webpack 配置 splitChunks 剥离公共依赖,并开启 babel-plugin-import 按需加载,将主包体积从 2.3MB 压缩至 1.5MB,成功过审。
【复杂场景调试】 线上用户反馈在弱网下支付状态卡顿。我利用 Charles 进行 Throttle Settings 和 Map Local(本地替换JS) 进行实时调试,定位到是心跳重连机制失效。我重构了 WebSocket 封装层,加入指数退避重连策略,将订单断线重连成功率从 92% 提升至 99.2%。
【BFF 层实战】 为解决前端接口聚合混乱问题,我利用 Node.js 搭建轻量级 BFF 层,负责对多个底层微服务接口进行聚合与字段裁剪,减少前端请求链路耗时约 35%,同时在后端接口未就绪时,使用 Node 层返回 Mock 数据,让前端开发不再等待后台排期