张伟

负责公司核心SaaS平台的前端架构升级与团队技术建设，主导微前端架构落地，推动AI辅助研发工具链在团队内的规范化应用。

企业级数据中台前端架构重构

• 主导公司数据中台产品的前端架构升级，将单体应用拆分为微前端架构，支持多团队独立部署与灰度发布。项目涉及复杂数据表格、可视化图表及实时协作编辑等核心模块。
• 基于qiankun的微前端架构，主应用采用React 18 + TypeScript，子应用兼容Vue 3与React 17+；状态管理采用Zustand + 微应用间事件总线；图表渲染基于ECharts与自研Canvas引擎；构建工具升级为Vite以提升开发体验。
• 作为前端技术负责人，制定微前端拆分策略与通信规范，设计并实施公共依赖共享方案，搭建团队级组件库与脚手架工具；主导性能优化专项，将首屏加载时间从4.2s降至1.5s以内。
• 技术栈: React 18 TypeScript qiankun Vite Zustand ECharts WebSocket
• 挑战: 微前端架构落地: 设计基于qiankun的微前端方案，实现5个子应用独立开发部署，构建时间缩短60%，线上故障隔离率提升至95%
• 挑战: AI协作式研发实践: 引入GitHub Copilot与Cursor建立团队AI辅助工作流：在复杂数据表格组件开发中，利用Copilot基于现有代码上下文生成单元测试用例覆盖率达80%；使用Cursor的代码仓库理解能力，对遗留Chart组件进行重构方案设计与实现，人工审核后合并；建立AI生成代码的本地验证清单（类型检查、单元测试、视觉回归）与回滚预案，确保变更可追溯
• 挑战: 性能优化专项: 实施代码分割、懒加载、虚拟滚动及Service Worker缓存策略，Lighthouse性能评分从62提升至94，用户留存率提升12%
• 挑战: 工程化体系建设: 搭建基于Changesets的组件库发布流水线，实现语义化版本管理与自动化changelog生成，组件复用率提升40%

智能客服对话系统（AI原生功能）

• 在现有SaaS平台中集成AI智能客服模块，实现流式对话交互、工具状态实时反馈、引用溯源及人工审核工作流。项目需处理高并发场景下的SSE流式响应与复杂状态管理。
• 前端采用React 18 + Zustand管理对话状态流；SSE（Server-Sent Events）实现流式响应渲染；自定义React Hooks封装消息队列与中断重试逻辑；工具调用状态通过专用组件分层展示；引用内容采用结构化渲染与跳转锚定。
• 负责AI对话模块的前端技术方案设计与核心开发，实现流式响应的平滑渲染、工具调用状态的可视化反馈、以及人工审核流的交互设计；与后端协作定义SSE消息协议与错误处理机制。
• 技术栈: React 18 SSE Zustand TypeScript React Hooks Canvas
• 挑战: 流式交互与状态管理: 设计消息队列Hook处理SSE流式数据，实现打字机效果、中断重试与连接恢复，用户等待感知时长降低70%
• 挑战: 工具状态可视化: 开发工具调用状态组件，分层展示参数确认、执行中、结果返回等阶段，支持展开查看原始请求与响应，提升AI可解释性
• 挑战: 人工审核工作流: 实现AI回复的人工复核与一键修正流程，审核操作留痕可追溯，关键业务场景人工介入率达100%满足合规要求
• 挑战: AI协作研发实践: 使用Claude Code辅助完成SSE消息解析器的边界Case处理：通过任务拆解将流式数据解析拆分为帧分割、JSON校验、异常处理三个子任务，Claude基于项目现有错误处理模式生成初版实现，经本地单元测试与压力测试验证后人工调整合并；同时利用Cursor生成工具状态组件的Storybook文档与交互测试用例

参与公司电商中台系统的前端开发，负责商家后台、运营管理系统及H5营销页面的开发与维护，积累React生态实战经验。

商家运营后台管理系统

• 参与公司B2B电商平台的商家后台系统开发，涵盖商品管理、订单处理、数据分析等核心模块，支持日均百万级数据量的表格操作与报表导出。
• React 16.8 + Redux + Ant Design；Webpack 4构建；ECharts数据可视化；ExcelJS实现前端报表导出。
• 负责商品管理与订单模块的前端开发，实现复杂筛选表单、可编辑表格及数据导出功能；参与前端性能优化与代码审查。
• 技术栈: React 16.8 Redux Ant Design Webpack ECharts ExcelJS
• 挑战: 复杂表格性能优化: 针对大数据量表格卡顿问题，引入虚拟滚动与数据懒加载，表格渲染行数从10,000行优化至可视区域动态加载，滚动帧率提升至60fps
• 挑战: 表单配置化封装: 基于Ant Design Form封装业务表单配置化方案，表单开发效率提升50%，统一校验规则与错误提示
• 挑战: AI协作初探: 在团队内试点GitHub Copilot辅助日常开发：在表单校验规则编写中，Copilot基于项目既有模式生成正则与校验逻辑，人工复核后采用；建立AI生成代码的审查清单，确保类型安全与边界覆盖