技能树

1. 熟练使用Vue与React结合TypeScript进行日常开发，并熟练运用相关UI组件库，如Element-UI、Antd等。
2. 熟练掌握Leaflet、Mapboxgl等地图库，能够实现复杂的地图功能，如自定义图层绘制和交互控件添加。
3. 熟悉微前端框架，如qiankun，具备实际集成微前端架构项目的经验。
4. 熟练使用Echarts、Antdv等数据可视化库，能够高效实现数据的可视化展示。
5. 熟悉前端性能优化技术，包括代码分割、懒加载及网络请求优化等。
6. 具备原生微信小程序及uni-app框架开发经验，并拥有移动端适配的实践经验。
7. 熟练使用Git版本控制工具，能够高效进行代码管理与团队协作。
8. 精通前端工程化工具，如Webpack、Vite等，能够有效优化项目性能与构建流程。
9. 了解后端开发技术，如Node.js、Express，能够与前端进行基本的交互。
10. 日常开发中运用ChatGPT、Copilot等AI工具，提升开发效率。

工作经历

公司名称：xxx科技有限公司

工作内容：

1. 根据产品业务需求及UI设计图，高度还原页面，完成页面搭建及交互功能实现。
2. 与后端开发人员进行接口联调，确保业务逻辑的最终实现并提交测试。
3. 优化用户体验及页面响应速度，提升代码质量。
4. 解决项目开发过程中遇到的技术与业务难题。
5. 根据甲方需求，进行产品的定制化开发。

项目经验

遥感数据一体化云服务平台

• 项目介绍：基于微前端（qiankun）架构开发的空间大数据管理平台，为省市县各级卫星应用中心提供矢量、遥感及相关文档的一站式管理服务。系统实现了多个子系统的统一集成，解决了空间数据管理效率低下的问题。

• 技术栈：React + UmiJS + Qiankun + Leaflet + ECharts + Ant Design + Axios + Less

• 个人职责：

  • 负责微前端架构设计与实现，完成多个子应用的无缝集成
  • 设计实现统一的用户认证体系，通过单点登录打通多个子系统的用户体系
  • 基于 UmiJS 状态管理封装主子应用通信机制，实现应用间数据共享和状态同步
  • 封装通用地图组件库，包含地图层级控制、滤镜效果、底图切换等功能
  • 设计权限管理体系，实现基于角色的路由控制和按钮级权限管理
  • 开发后台管理核心功能，包括用户管理、系统配置、任务管理等模块
  • 封装工具函数库，统一处理字节转换、GeoJSON 解析等通用业务逻辑
  • 实施性能优化，通过路由懒加载、CDN 加速等策略提升系统响应速度

生态环境遥感智能解译框架

• 项目介绍：基于 React + TypeScript 开发的遥感影像智能解译系统，实现对卫星遥感影像的智能识别和解析。系统集成了复杂的地图交互功能，支持多边形绘制、区域选择、图层管理等特性，为遥感数据处理提供完整的可视化解决方案。项目从零开始构建，注重性能优化和组件复用，打造了高效的遥感数据处理平台。

• 技术栈：Vite + React + TypeScript + React Router 6 + Redux Toolkit + Ant Design 5 + Leaflet + ECharts + Axios

• 个人职责：

  • 主导项目技术选型与架构设计，基于团队技术栈特点搭建基础开发框架
  • 基于 Ant Design 组件库进行二次封装，开发遥感数据选取等业务组件，提升组件复用率 80%
  • 设计实现基于 JSON Schema 的动态表单生成组件，支持自定义验证规则，将表单开发效率提升 3 倍
  • 基于 Leaflet 进行地图框架的深度定制开发，实现多边形绘制、区域选择等复杂交互功能
  • 优化 Vite 构建配置，实施代码分割、懒加载等策略，使打包体积减少 80%

云服务遥感数据资产监控大屏

• 项目介绍：基于 React + TypeScript 开发的遥感数据资产可视化监控平台，实现对全国各级卫星应用中心遥感数据资产的监控和统计分析。系统通过 2D 地图可视化展示数据资产的地理分布、覆盖范围、数据质量等核心指标，为遥感数据资产管理提供空间化决策支持。

• 技术栈：React + TypeScript + Leaflet + Mapbox GL JS + ECharts + Axios + Less

• 个人职责：

  • 主导大屏可视化架构设计，基于 React + TypeScript 搭建开发框架
  • 基于 Leaflet 实现地图可视化核心功能：
    • 开发多源遥感数据图层管理和切换组件
    • 实现卫星数据覆盖范围展示和统计
    • 封装自定义地图标记和聚合展示组件
    • 开发数据资产分布的 2.5D 柱状图展示
  • 集成 Mapbox 底图服务：
    • 实现多种底图样式切换功能
    • 优化矢量瓦片加载和渲染效果
    • 自定义地图控件和交互功能
  • 开发数据监控核心模块：
    • 空间分布监控：可视化各地区数据资产分布
    • 数据质量分析：展示数据完整性、时效性等指标
    • 覆盖范围统计：计算和展示数据覆盖区域
    • 异常数据标记：在地图上突出显示异常数据点
  • 封装响应式布局组件，实现大屏在不同分辨率下的自适应展示
  • 优化地图性能：
    • 实现图层按需加载和缓存机制
    • 优化大量标记点的渲染策略
    • 封装地图事件节流和防抖处理

工作/项目经历的描述

工作/项目经历的描述至关重要，建议采用STAR框架：

• Situation - 描述所处的环境和背景。
• Task - 明确需要完成的任务。
• Action - 详细说明采取的行动和努力。
• Result - 总结最终取得的效果。

务必突出在工作中取得的成果及所扮演的关键角色。

遥感数据一体化云服务平台

在公司的指导下，团队逐步实现了多个遥感数据系统，包括对遥感数据的查询、自动化处理、数据分发与接收、数据发布服务及大屏展示等项目。由于同一批遥感数据在不同系统间切换操作给生产部门带来了不便，因此采用微前端技术方案将不同系统集成到一体化平台。在方案成立及技术选型完成后，由我主导使用qiankun进行各个子系统的集成。