1. 精通 HTML5/CSS3 语义化标签、动画及高级布局特性,严格遵循 W3C 标准,深耕多浏览器兼容方案与 Core Web Vitals 性能优化,能打造高体验、高性能的前端界面。
2. 熟练运用 Vue 生态全家桶,精通 Webpack/Vite 工程化配置,可高效搭建模块化、可扩展的前端架构,搭配 Element UI、Ant Design 组件库实现复杂业务场景落地。
3. 熟练掌握 TypeScript 类型系统与 ES6+ 语法特性,能通过强类型约束提升代码健壮性,适配 2025 年前端类型安全开发趋势。
4. 精通微信 / 钉钉 / 支付宝小程序开发,熟练使用 UniApp 实现 Web、移动端、小程序多端适配,契合 “一次开发、多端交付” 的跨端趋势。
5. 熟练运用 ECharts 实现复杂数据可视化,精通 Mapbox、Leaflet、OpenLayers 等 GIS 地图库,具备地理空间数据可视化项目落地能力;对 Three.js、Cesium.js 3D 可视化库有实操经验,适配 Web3D 开发需求。
6. 熟练使用 TailwindCSS、Bootstrap 等 CSS 框架实现高效样式开发,兼顾定制化与开发效率。
7. 精通 Git、SVN 版本控制工具,熟练运用 jQuery、Ajax 处理数据交互,具备规范的代码管理与接口对接能力。
8. 对 React 全家桶有技术积累。
昭苏县城智慧供水管理平台
前端开发
2025.07-至今
内容:
1. 独立负责昭苏县城智慧供水管理平台的前端全流程开发,基于 Vue + TypeScript 技术栈构建多子系统集成的智慧供水综合平台,整合 MapLibre GL(国内版 Mapbox) 实现管网地理可视化,通过 ECharts 完成供水数据统计分析,同时配套开发安卓端 APP,覆盖工作台、门户管理、供水管网 GIS、大客户管理、供水综合运维等核心模块,是集 “数据监控 - 业务管理 - 地理可视化 - 移动应用” 于一体的供水数字化管理系统。
2. 系统采用 OAuth2.0 统一登录逻辑,以工作台为总入口实现多子系统(供水调度驾驶舱、抄表营收、管网 GIS 等)的单点登录与联动,支撑供水调度、抄表收费、管网管理、大客户监控、运维工单等全业务流程的数字化管控。
业绩:
1. 独立完成多子系统前端架构搭建:基于 Vue + TypeScript 实现模块化、工程化开发框架,通过 OAuth2.0 落地统一登录逻辑,实现 “工作台登录 - 子系统免密访问” 的单点登录流程,解决多系统权限联动问题,提升跨子系统操作效率。
2. 主导地理可视化模块开发:运用 MapLibre GL 实现供水管网管线、设施撒点、区域分布的地理空间渲染,完成 “供水管网 GIS” 模块的图层叠加、空间查询等功能,助力管网资产可视化管理;同步落地 “大客户管理” 模块的客户点位地图监控,实现客户分布与用水状态的直观呈现。
3. 落地多业务场景前端功能:开发工作台的核心数据看板(供水量、抄表量等曲线统计)、综合运维管理的工单(移表 / 换表)流程管理、大客户实时监控等功能,通过 ECharts 实现业务数据的多维度可视化展示,覆盖供水业务从监控到运维的全流程需求。
4. 同步完成跨端开发:配套开发安卓端 APP 前端界面,保障移动端与 Web 端的交互逻辑一致性,实现供水业务的移动化管理支撑;通过接口联调与数据交互优化,确保多子系统、多终端的数据实时性与准确性,系统上线后支撑日均超 2 万条供水数据的稳定展示与管理。
佛山陈村智慧水务平台
前端开发工程师
2025.05-2025.06
内容:
独立负责佛山陈村智慧水务平台的前端全流程开发,基于 Vue + TypeScript 技术栈搭建单页应用,整合 Mapbox 地图引擎 实现地理空间数据可视化,通过 ECharts 完成水务数据多维度统计分析,构建了集设备监测、运行管理、巡检养护、应急指挥于一体的智慧水务综合管理系统。
系统涵盖运行一览、运行监控、巡检养护、作战指挥、管网一张图、系统设置六大核心模块,支持污水泵站、液位计、流量计等设备的实时状态监测、历史数据统计、巡检任务管理、管网空间分析及用户权限配置,实现了水务设施 “监测 - 管理 - 运维 - 应急” 全流程数字化管控。
业绩:
1. 独立完成前端架构设计与全模块开发,基于 Vue + TypeScript 搭建组件化、工程化开发框架,通过 Mapbox 实现地理信息可视化,精准呈现污水管线、泵站、监测设备的空间分布与实时状态,支持多图层切换、设备撒点定位及管网拓扑分析,保障地理数据加载效率与交互流畅性。
2. 主导 ECharts 可视化模块开发,实现液位、流量等水务数据的日 / 月 / 年报统计、极值分析及趋势展示,为运营决策提供数据支撑;配合后端完成设备状态、巡检记录等接口联调,保障数据实时性与准确性,系统上线后设备异常响应效率提升 40%。
3. 设计并落地多模块前端交互逻辑:运行监控模块实现检查井、泵站的分层级数据管理与告警触发;巡检养护模块支持巡检计划编排、记录追溯及班组管理;系统设置模块完成用户、角色、设备的权限配置与信息管理,满足水务管理多角色业务需求,获客户方高度认可。
开化县暴雨洪涝城市淹没模型
前端开发+gis开发
2024.08-2024.12
内容:
独立负责开化县暴雨洪涝城市淹没模型系统的前端全流程开发,基于 Vue + TypeScript 技术栈构建高交互性单页应用,整合 Leaflet 地图引擎 实现地理空间数据可视化,通过 ECharts 完成降雨、淹没数据的多维度统计分析,打造集实况监测、风险预测、历史推演、数据管理于一体的智慧防汛决策平台。
系统涵盖实况监测、服务产品、历史推演、降水专题库、系统配置五大核心模块,支持实时降雨 / 水位监测、城市淹没 / 山洪风险预测、多场景历史灾害推演、降水数据极值分析及易涝点等资源管理,实现暴雨洪涝 “实时监测 - 风险预警 - 历史复盘” 全流程数字化支撑。
业绩:
1. 独立完成前端架构搭建与全模块开发:基于 Vue + TypeS
1. 独立完成多子系统前端架构搭建:基于 Vue + TypeScript 实现模块化、工程化开发框架,通过 OAuth2.0 落地统一登录逻辑,实现 “工作台登录 - 子系统免密访问” 的单点登录流程,解决多系统权限联动问题,提升跨子系统操作效率。 2. 主导地理可视化模块开
1. 独立完成前端架构搭建与全模块开发:基于 Vue + TypeScript 实现组件化开发,通过 Leaflet 实现县域地理图层加载、易涝点 / 水库等设施撒点定位、淹没范围 / 管线拓扑可视化,支持 “全县 / 城区” 视图切换与多图层叠加,保障地理数据渲染流畅性。 2