林一航 · web前端开发

• 接手基于 jQuery 混乱脚本的旧版客服后台，主导使用 React + TypeScript + Ant Design 重构，重新规划路由与组件架构，将“机器人问答库”“人工介入”“会话监控”等 6 个核心模块拆分为独立可维护的微前端子应用，使构建后首屏加载时间从 4.8s 降至 1.2s。

• 针对运营人员频繁修改问答对却依赖发版的痛点，设计并实现可视化规则编排面板，支持拖拽式意图匹配与条件逻辑，结合 Ant Design ProForm 和 Zustand 管理本地草稿状态，将单条对话流平均配置步骤从 12 步压缩为 4 步。

• 为增强在线客服实时协作体验，集成 WebSocket 实现会话状态、访客输入预览与坐席指派事件的毫秒级同步，并通过心跳重连与消息队列保障弱网环境下消息零丢失，将坐席平均消息延迟从 800ms 降至 150ms 以内。

• 针对多轮对话配置缺少结构化展示与差异对比，主导开发基于 JSON Schema 的对话树版本管理面板，通过 Monaco Editor diff 模式与 Ant Design 树组件联动，让运营人员可直观查看、回滚和审批不同版本的对话流，版本发布失误率下降约 80%。

• 推进前端工程化落地：为后台项目接入 Husky + lint-staged + ESLint 规则集，自定义 3 条规则拦截高风险副作用操作，将 Code Review 中发现的相关缺陷归零；同时基于 Vite 优化构建配置，使生产构建耗时缩短约 42%。

• 基于 UniApp 使用 Vue 3 组合式 API 与 Vant 组件库，独立完成订单列表、详情、扫码出库等 6 个核心模块的双端开发，通过 Sass 定制主题变量，实现 H5 与小程序视觉与交互一致率达 95%。

• 引入 Pinia 对用户令牌、订单缓存等跨页面状态进行模块化管理，统一封装数据请求层减少冗余调用，将订单首页加载时间从 2.3s 优化至 1.1s。

• 针对小程序与 H5 环境差异，封装扫码、路由跳转与存储的统一适配工具，集中修复 8 处环境不一致导致的交互缺陷，上线后相关缺陷反馈降低约 40%。

• 主导移动端性能治理，配置 Vant 按需引入、图片懒加载及静态资源 Tree‑shaking，结合构建分析工具将首包体积缩减 18%。

• 为关键业务流程编写 30 余条 Vitest 单元测试用例，覆盖订单状态流转、异常兜底等主要路径，版本上线后未出现 P0 级功能故障。

• 发现 Element Plus 多选框在窄屏容器内与标签文本错位，定位为 CSS Modules 类名组合优先级不足，调整 checkbox-group 样式层叠逻辑并补全响应式变量，修复后该 Issue 获 23 个 :+1: 并被合并至主分支。

• 修复日期选择器面板在移动端 WebView 下弹出位置偏移，重写 popper-options 定位策略，抽离 4 组断点适配样式，解决 2 个已遗留 4 个月的适配缺陷，使组件在 375px~768px 视口内渲染一致。

• 为保障修复稳定并避免回归，引入 Vitest 对多选框联动逻辑与日期面板可见性编写 14 条单元测试，全部通过后随 PR 提交，被仓库管理员标记为 good first issue 解决方案。

• 与社区维护者完成 3 轮 Code Review，根据反馈将硬编码色值替换为 CSS 变量并抽离 6 处公共样式到 base.module.css，最终 2 个 PR 均被合入 v2.5.2 版本，累计贡献约 170 行代码。

• 主修课程：数据结构与算法、操作系统、计算机网络、数据库系统、软件工程

• 毕业设计：基于微服务的智能推荐系统设计与实现（校级优秀毕业论文）

• 荣誉奖项：浙江大学优秀学生奖学金、全国大学生数学建模竞赛浙江省一等奖

作为前端负责人，在智慧养老平台项目中实现适老化UI与语音交互功能。