【项目一:CTB 活动官网(ctb-web)】
负责前端核心开发与迭代治理,技术栈为 Vue3 + Vite + Pinia + Vue Router + Axios + Less。项目包含首页展示、报名、任务、证书、反馈等多个业务模块。我主导了路由与状态管理优化,统一了任务状态回写与页面完成态判断逻辑,减少了因状态分散导致的联动问题;同时对请求层做了统一封装(鉴权、异常处理、重复请求控制),提升关键链路稳定性。在高频活动周期中,重点保障报名与任务主流程的可用性与可回归性,能够在需求快速变化下保持交付质量。
【项目二:BPC 官网(bpc-web)】
负责活动类业务页面与工程化建设,技术栈为 Vue3 + TypeScript + Vite + Pinia,并结合 Vitest、Cypress 做质量保障。项目涉及多页面活动运营、报名及内容展示场景,我重点推进了组件复用与页面模块化拆分,减少复制页面带来的维护成本;在构建与规范层面完善了 ESLint/Prettier 与开发约束,提升协作一致性。针对移动端体验,处理了弹窗层级、滚动穿透、安全区等兼容问题,并持续优化首屏与交互性能。
【项目三:Generation-AI Web(ai-web)】
负责 AI 业务前端页面开发与交互落地,技术栈为 Vue3 + Vite + Pinia + Vue Router。项目侧重异步请求与结果展示体验,我参与了页面状态流与错误降级策略设计,确保在网络波动、接口异常等情况下仍有可理解的用户反馈;同时优化模块结构与公共能力沉淀,提高后续需求迭代效率。该项目中积累了复杂异步场景下的稳定性治理经验,能够在交互体验与工程质量之间取得平衡。
【项目四:CTB/BPC 小程序(ctb-mp、bpc-mp)】
负责 Taro + Vue3 小程序项目开发,覆盖多端构建配置、页面开发与业务联调。项目中重点处理主包/分包、页面组织、请求与状态管理一致性问题,支持活动报名、内容展示等核心场景;在多端适配过程中,针对机型差异与平台行为差异进行兼容治理,提升页面稳定性与上线可控性。通过复用 Web 端业务模型与公共逻辑,降低了跨端重复开发成本。
【综合说明】
以上项目覆盖官网与小程序双场景,形成了“业务链路设计 + 工程化治理 + 稳定性保障 + 多端兼容”的完整能力闭环。能够在时间紧、迭代快的项目环境中,优先保障主流程与核心体验,并持续推动代码质量与交付效率提升。