




个人介绍
熟练掌握 HTML(5), CSS(3),JS 的 ES5 & ES6 新特性。
熟练掌握React,熟练掌握函数组件的使用,React hooks 及自定义 hooks;熟悉类组件,掌握 React 的生命周期,高阶组件的使用。熟悉 React 全家桶,包括:React Redux,React Router。
熟练掌握 JS 异步编程解决方案:promise 及 async/await Fn。
熟练掌握 ant-design,antv,echarts等各种UI组件库配合开发项目。
能够对接需求、设计实现方案、协调后端开发,并独立完成前端部分。
工作经历
2023-10-01 -2024-06-01郑州大学前端开发
参与引江济淮工程(河南段)水质监测预警平台项目前端开发 1.参与需求沟通,制定技术方案。 2.参与项目的前端业务开发,主要负责项目的基础数据模块,包含监测断面管理,水质监测历史信息管理,用户管理,调 度方案管理和权限管理。 3.使用antv g2在对水质监测相关信息进行数据可视化同时允许用户对部分数据进行交互。 4.在echarts中地图组件的基础上进行二次开发,实现在首页地图上显示河流位置、水质信息、监测器分布以及监测器信 息。 5.使用WebSocket实现长连接实现首页地图信息和调度方案的实时变化 6.调度方案审阅和发布的流程实现
教育经历
2023-09-01 - 郑州大学计算机技术硕士
2019-09-01 - 2023-07-01郑州大学计算机科学与技术本科
1970-01-01 -
技能

水质预警系统对于引江济淮输水工程的管理和运行具有重要的意义。通过开发系统能够实时监测线路的运行状态、PH值等关键参数,及时发现异常情况,预警潜在的事故风险,从而预防事故发生,减少损失。此外,预警系统还能提供线路运行数据的收集和分析,为工程管理者提供决策依据,优化调度方案,提高输水效率。通过及时预警和有效管理,输水工程可以更安全、稳定地运行,为区域的水资源调度提供可靠保障。 项目前端部分使用React框架负责处理前端用户界面的展示和交互,使用antv g2在对水质监测相关信息进行数据可视化同时允许用户对部分数据进行交互,在echarts中地图组件的基础上进行二次开发,实现在首页地图上显示河流位置、水质信息、监测器分布以及监测器信息,使用WebSocket实现长连接实现首页地图信息和调度方案的实时变化。
