个人信息
| - 李承雨，男，2027 届 - 求职意向：web 前端工程师 - 福建师范大学，软件工程专业 (2023.9 ~ 2027.6) - CET-4/CET-6 证书 |
技术栈
-
前端框架与架构：具备 React/TypeScript 丰富的开发经验， 深入理解前后端分离模式；并对前端架构设计具备一定的实践能力。
-
基础与语言： 熟悉前端三大核心技术（HTML、CSS、JavaScript/TypeScript）
-
跨端、后端与全栈开发： 熟练掌握 Electron，具备跨平台桌面应用开发经验，具备利用 Java/Python 构建简单 CRUD 后端服务的能力，理解全栈协作流程
-
工程化与 DevOps： 熟练使用 Git、Shell 等开发工具；拥有 Docker 容器化、以及项目 CI/CD 流程的实践经验。
项目经历
AgentCTF-platform - Agent 智能靶场教学平台
React、TS、Vite、Tailwind CSS、Zustand、Tanstack Query、Tanstack Router、RadixUI、ShadCnUI 项目简述：一个网安 Agent 智能靶场教学平台。平台利用 AI Agent 自主规划并执行攻防，用户通过 Agent 的决策路径学习真实环境的攻防技术。本人负责前端架构、UI/UX 设计与实现、接口联调。
项目亮点：
-
前后端契约式开发：[问题 ] 作为唯一前端需与 6 个后端服务协作，接口频繁变更导致联调困难。[方案 ] 主导推行 OpenAPI 契约先行，使用 orval 自动生成 TS 类型与 API 客户端。[效果 ] 消除手写类型成本，实现强类型安全，将联调返工时间缩短约 40%。
-
双模式 SSE 实时通信：[问题 ] AI 推演需 POST 复杂配置，而标准 SSE 仅支持 GET。[方案 ] 设计双模式机制：原生
EventSource(GET) +fetch + ReadableStream(POST)。[效果 ] 突破了 SSE 方法限制，保留低延迟优势，保障了 AI 攻防推演核心数据流的稳定。 -
基于 JWT 的统一认证与无感知刷新：[问题 ] 短 Token 安全性与长时操作易中断的体验冲突。[方案 ] 设计无感知刷新方案：通过 Axios 拦截器捕获 401，加锁确保单实例刷新 Token，并自动重试失败请求。[效果 ] 实现了“长效登录”体验，避免并发刷新风暴，并使业务与认证逻辑完全解耦。
Conflux - AI+暴雨防涝的智能化平台
React、TS、Vite、Tailwind CSS、Tanstack Store、MapBox GL、RadixUI、ShadCnUI 项目简述：一个暴雨防涝实时监视与预测系统。通过接收传感器数据，预测未来洪涝情况，并利用 AI Agent 自主决策，实现自动化预警。本人负责前端整体架构与开发实现。
项目亮点：
-
地图传感器可视化与状态联动： [问题 ] 海量 Marker 渲染卡顿及多组件（地图、时间轴、侧边栏）状态割裂。[方案 ] 基于 MapBox GL 封装 Marker 并用
useRef管理，使用 Zustand 集中管理状态，通过useEffect监听实现动态更新。[效果 ] 实现了数百个标记流畅渲染，及时间轴、地图、侧边栏的无缝状态联动。 -
上下文感知的 AI 聊天机器人： [问题 ] AI 聊天无法理解当前地图上下文（如选中传感器）。[方案 ] 基于 AI SDK 与
use-chat构建，请求时自动附带地图上下文信息（ID、坐标等），并集成 MCP 工具链支持聊天反控地图。[效果 ] 使 AI 能提供精准回答（如“分析选中传感器”），并支持自然语言操作地图，提升智能交互体验。