### **前端开发工程师 - 个人简介**
**8年Web前端开发经验**,专注 **Vue/React/uni-app技术栈**,主导开发**100+**项目,涵盖**电商、数据可视化、GIS地图、企业后台、小程序、App**等领域。擅长**复杂前端架构、跨平台开发、GIS地图集成**,具备**数据大屏、原子化CSS、TypeScript、云开发、离线地图及三维可视化**等实战经验。
## **核心技术栈**
### **1. 前端基础 & 进阶**
✅ **HTML5 / CSS3 / JavaScript (ES6+)**:语义化开发,严格遵循 W3C 标准
✅ **TypeScript**:在 Vue/React 项目中应用 TS,提升代码健壮性
✅ **CSS 方法论**:
- **原子化CSS**(TailwindCSS / UnoCSS 实践)
- **BEM 命名规范**,提高样式可维护性
### **2. 前端框架 & 跨端开发**
✅ **Vue 生态**:`Vue 2/3` + `Vuex/Pinia` + `Vue Router`,开发过电商后台、管理系统
✅ **React 生态**:`React Hooks` + `Redux Toolkit` + `React Router`,参与企业级 SaaS 项目
✅ **uni-app**:
- 多端开发(小程序/H5/App)
- **uniCloud 云开发**:实现无服务器化(Serverless)数据管理
### **3. 工程化 & 构建工具**
✅ **Vite**:替代 Webpack,提升项目冷启动速度 **70%+**
✅ **Webpack**:基础配置优化(代码分割、Tree-Shaking)
✅ **Git**:团队协作开发,规范化提交(Commitizen)
### **4. 数据可视化 & GIS 地图开发**
✅ **ECharts / AntV (G2/G6)**:动态数据展示、交互式图表
✅ **大屏适配**:
- 响应式布局(Rem / VW 单位)
- 性能优化(Canvas 渲染、数据分片加载)
✅ **Three.js 基础**:简单 3D 可视化(如产品 3D 展示)
✅ **GIS 地图开发**:
- **OpenLayers**:离线地图加载、矢量图层渲染、地图交互(缩放、标记、测距)
- **Cesium**:3D 地球可视化、地形数据展示、动态模型加载(如无人机轨迹)
## **项目经验(技术落地)**
### **1. 智慧公益检查地图系统(GIS + 数据大屏)**
- 使用 **Vue3 + OpenLayers** 开发无人机轨迹追踪系统
- 实现 **离线地图**(本地MBTiles数据加载),减少网络依赖
- 集成 **ECharts** 展示运输数据(如车辆分布、热力图)
- 优化地图渲染性能(图层分级加载、矢量数据压缩)
### **2. 三维地理信息平台(Cesium)**
- 基于 **Cesium + TypeScript** 开发 3D 地理可视化系统
- 加载 **地形数据(DEM)** 和 **3D 建筑模型(glTF)**
- 实现 **动态路径模拟**(如无人机飞行轨迹)
- 采用 **Web Workers** 优化大数据量渲染
### **3. 企业管理系统(ERP / CRM)**
- **Vue3 + TypeScript** 开发,提升代码可维护性
- 采用 **原子化CSS(UnoCSS)**,减少冗余样式代码
- 对接 **uniCloud** 云数据库,实现快速数据 CRUD
### **4. 小程序 & App 开发(uni-app)**
- **uni-app + Vite** 构建跨端应用,编译速度提升 **50%**
- 集成 **uniCloud**,免运维后端开发(用户管理、数据存储)
- 优化小程序性能:分包加载、图片压缩、缓存策略
项目比较多,可以联系发您
1、Beebiz App(匈牙利直播商城)
一款母婴用品的直播商城平台,包含砍价,秒杀,商品购买,直播带货,积分兑换,国外主流聊天app分享等功能。
2、北京弘康人寿保险股份有限公司官网(www.hongkang-life.com)
人寿保险、健康保险、意外伤害保险等各类人身保险业务网站
3、暖通严选 App
它是一款多商户商城App,涵盖了线上下单,在线支付,论坛,商家入驻,淘口令,微信分享,三级分销等功能。
4、悦享空间(公众号)
具有查看精选景点信息、养老住宿、健康医疗、生活商城等功能的积分商城,使用积分兑换各类产品。
5、还有其他不低于100个的项目经验。
弘康人寿保险项目是一个从事人寿保险、健康保险、意外伤害保险等各类人身保险业务网站。包含保单查询,产品中心,理赔服务,公开信息批露,消费教育及风险提示,续期续保等功能,在项目中具体负责登录注册和个人中心两大模块的开发。
一款母婴用品的直播商城平台,包含砍价,秒杀,好物榜,商品购买,直播带货,积分兑换,国外主流聊天app分享等功能。 在项目中负责整个项目的开发。