个人信息
| - 李承雨，男，2027 届 - 求职意向：web 前端工程师 - 福建师范大学，软件工程专业 (2023.9 ~ 2027.6) - CET-4/CET-6 证书 |
技术栈
-
前端框架：熟练掌握 React 及其生态（Zustand, TanStack Router/Query），深入理解前后端分离与组件化架构设计。
-
基础语言：扎实的 HTML/CSS/JavaScript 基础，熟练使用 TypeScript 进行强类型开发。
-
工程化与部署：熟练使用 Vite、Git、Shell 等工具；具备 Docker 容器化、GitLab CI/CD 自动化部署及前端性能优化实践经验。
-
跨端与全栈：具备跨端应用（Electron）及基础后端（Java/Python）CRUD 开发能力，理解完整的全栈协作流程。
实习经历
杭州深维智元科技有限公司 前端开发 2025/12 ～ 2026/03
工作概述：参与角色扮演/故事推演叙事平台，元点引擎前端项目的从 0 到 1 前端重构，负责核心业务模块开发与工程化建设。
工作亮点：
-
动态主题系统：针对多主题切换导致的 FOUC 闪烁 及重新编译痛点，设计“预加载 + 状态同步”双层架构**。通过原生 DOM 注入 CSS 变量结合 React Context 运行时计算，实现系统主题跟随。实现运行时无感主题切换，支持不停机热加载新增主题，减少约 90% 的主题维护成本。
-
首页性能优化：针对发现页高频搜索触发 API、分页加载卡顿及布局留白痛点，设计三层优化架构。通过自定义防抖 Hook 拦截无效搜索，配合**“哨兵”检测与 _TanStack Query_ 自动管理分页加载，并引入响应式瀑布流优化布局。最终降低 80%+ 冗余请求**，首屏提速 40%，实现万量级数据下的无感知滚动体验。
-
路由鉴权体系：针对页面刷新掉线与复杂权限控制痛点，基于 TanStack Router 钩子与 Zustand Store 实现声明式中心化鉴权。结合 Token 持久化与状态自动恢复机制，保障鉴权拦截与登录后的平滑跳转。完整实现**“刷新无感知登录”，使业务与认证逻辑完全解耦**，路由守卫性能开销控制在 5ms 以内。
-
工程化建设：针对手动部署繁琐与代码规范缺失痛点，基于 GitLab CI/CD 与 Docker 搭建自动化部署流水线。集成 ESLint 与 Prettier 严控代码规范，并引入 PWA 离线能力。彻底打通从提交到上线的全链路自动化，构建了标准化的前端研发工作流，保障了核心业务的高稳定交付
项目经历
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，并自动重试失败请求。实现了**“长效登录”体验**，避免并发刷新风暴，并使业务与认证逻辑完全解耦。