个人介绍
一、核心技术栈（前端开发技术）框架与组件库核心框架：Next.js 14、React 18+UI 组件体系：Chakra UI 组件库应用与定制状态管理基础 Hook 使用：React useState、useEffect自定义能力：自定义 Hooks 开发（业务场景封装）响应式设计适配能力：响应式布局、移动端适配主题适配：深色主题设计与实现性能优化代码层面：动态导入、代码分割渲染层面：服务端渲染（SSR）优化错误处理技术层面：组件错误边界实现业务层面：网络错误处理、用户友好提示设计二、系统架构能力模块化与路由设计模块化开发：组件化开发、布局系统集成路由管理：前端路由规划、权限路由配置数据流管理接口集成：REST API 对接与封装数据同步：数据状态同步、实时数据处理（如 WebSocket）用户体验（UX）设计界面规范：直观的界面设计、一致的设计语言落地交互体验：流畅的交互逻辑实现系统集成跨端 / 跨系统：与后端服务无缝对接、跨系统数据交换三、问题解决能力错误诊断与分析故障定位：快速定位前端代码 / 交互错误问题分析
核心技能
精选作品集
忆小排
- 用户认证 ：
- 登录页面，使用用户名 "admin" 和密码 "admin123" 登录
- 未登录用户会被重定向到登录页面
- 实时监控 ：
- 区域温度监控
- 电气参数监控
- 环境参数监控
- 温度场热力图
- 时间序列数据图表
- 摄像头监控
- 异常终端列表
- 仪表盘 ：
- 系统状态概览
- 温度趋势图表
- 电池状态图表
- 系统效率图表
- 能耗趋势图表
- 告警分布图表
- 设备健康状态图表
- 技能标签管理（新增功能）
- 数据库集成 ：
- SQLite 数据库连接
- 自动创建必要的表结构
- 插入初始数据
- 实时数据获取和更新
- 技能标签功能 ：
- 查看现有技能标签
- 添加新技能标签（名称、颜色、熟练度）
- 删除技能标签
- 实时更新技能标签
工作经历
清华 · 软院
2023-11-01 - 1
一.储能电站母排过热视觉监控系统前端开发
基于Next.js 14 + React 18+ + Chakra UI构建工业级前端应用，主导前端架构设计与核心功能开发。针对储能电站实时监控需求，封装自定义 Hooks 实现母排温度数据的实时同步与状态管理；采用服务端渲染（SSR）+ 动态导入 + 代码分割技术，将首屏加载时间缩短 40%，满足工业终端的高性能要求。结合响应式设计与深色主题适配，实现 PC 端与工业平板的跨设备兼容；搭建组件错误边界与网络错误兜底方案，保障系统 7×24 小时稳定运行。同时，基
教育背景
清华 · 人工智能
2020-09-01