Ann
高级全栈工程师 · 10年经验 · 华为
0
累计接单
0
用户评价
0
被收藏
技术能力
### **一、前端技术**
1. **基础三件套**
- **HTML/CSS**：语义化标签、Flex/Grid布局、响应式设计、CSS预处理器（Sass/Less）。
- **JavaScript（ES6+）**：异步编程（Promise/Async）、模块化、DOM操作、事件机制。
- **TypeScript**：类型系统、接口、泛型，提升代码健壮性。
2. **主流框架与工具**
- **前端框架**：React、Vue、Angular（至少精通一个）。
- **状态管理**：Redux（React）、Vuex/Pinia（Vue）、RxJS。
- **构建工具**：Webpack、Vite、Rollup。
- **包管理**：npm、yarn、pnpm。
- **跨平台开发**：React Native、Flutter（移动端）、Electron（桌面端）。
3. **UI/UX 与工具链**
- **组件库**：Ant Design、Material UI、Element UI。
- **可视化**：D3.js、ECharts、Three.js（3D）。
- **调试工具**：Chrome DevTools、React DevTools。
---
### **二、后端技术**
1. **编程语言与框架**
- **Node.js**：Express、NestJS、Koa。
- **Python**：Django、Flask、FastAPI。
- **Java**：Spring Boot、Spring Cloud。
- **Go**：Gin、Echo。
- **其他**：Ruby on Rails、PHP（Laravel）、C#（ASP.NET）。
2. **API 开发**
- **RESTful API**：设计规范、状态码、版本控制。
- **GraphQL**：Apollo、Hasura。
- **WebSocket**：实时通信（如 Socket.IO）。
3. **身份认证与安全**
- **JWT**：Token 生成与验证。
- **OAuth 2.0**：第三方登录（如 GitHub、Google）。
- **加密**：BCrypt、SSL/TLS。
4. **服务器与中间件**
- **Web 服务器**：Nginx、Apache。
- **缓存**：Redis、Memcached。
- **消息队列**：RabbitMQ、Kafka。
1. **基础三件套**
- **HTML/CSS**：语义化标签、Flex/Grid布局、响应式设计、CSS预处理器（Sass/Less）。
- **JavaScript（ES6+）**：异步编程（Promise/Async）、模块化、DOM操作、事件机制。
- **TypeScript**：类型系统、接口、泛型，提升代码健壮性。
2. **主流框架与工具**
- **前端框架**：React、Vue、Angular（至少精通一个）。
- **状态管理**：Redux（React）、Vuex/Pinia（Vue）、RxJS。
- **构建工具**：Webpack、Vite、Rollup。
- **包管理**：npm、yarn、pnpm。
- **跨平台开发**：React Native、Flutter（移动端）、Electron（桌面端）。
3. **UI/UX 与工具链**
- **组件库**：Ant Design、Material UI、Element UI。
- **可视化**：D3.js、ECharts、Three.js（3D）。
- **调试工具**：Chrome DevTools、React DevTools。
---
### **二、后端技术**
1. **编程语言与框架**
- **Node.js**：Express、NestJS、Koa。
- **Python**：Django、Flask、FastAPI。
- **Java**：Spring Boot、Spring Cloud。
- **Go**：Gin、Echo。
- **其他**：Ruby on Rails、PHP（Laravel）、C#（ASP.NET）。
2. **API 开发**
- **RESTful API**：设计规范、状态码、版本控制。
- **GraphQL**：Apollo、Hasura。
- **WebSocket**：实时通信（如 Socket.IO）。
3. **身份认证与安全**
- **JWT**：Token 生成与验证。
- **OAuth 2.0**：第三方登录（如 GitHub、Google）。
- **加密**：BCrypt、SSL/TLS。
4. **服务器与中间件**
- **Web 服务器**：Nginx、Apache。
- **缓存**：Redis、Memcached。
- **消息队列**：RabbitMQ、Kafka。
项目经验
### **项目名称：华为智慧园区管理系统（Web & 移动端全栈开发）**
**项目周期**：2022.03 - 2023.06
**项目角色**：全栈开发工程师（6人团队）
**技术栈**：
- 前端：Vue3 + TypeScript + Vite + HarmonyOS（鸿蒙轻量级服务卡片）
- 后端：Spring Cloud Alibaba + MySQL + Redis + Kafka
- 基础设施：华为云ECS/RDS/Redis + Kubernetes（CCE容器服务）
- 运维监控：Prometheus + Grafana + 华为云APM
---
### **项目背景**
华为某总部园区需升级数字化管理系统，覆盖设备监控（IoT传感器）、人员通行（人脸识别）、能耗分析（大数据看板）等场景，支持Web端（管理后台）和移动端（HarmonyOS服务卡片），日均访问量50万+，要求高并发、低延迟、99.99%可用性。
---
### **核心职责与成果**
1. **全流程开发与架构设计**
- 主导前后端分离架构设计，采用**微服务模块化拆分**（设备管理、权限中心、数据分析等6个服务）。
- 实现**动态权限系统**，基于RBAC模型和华为IAM服务，支持10万+用户分级授权，响应时间<200ms。
- 开发**实时设备状态监控模块**，通过WebSocket与华为IoT平台对接，2秒内推送异常告警。
2. **性能优化与高并发处理**
- 针对园区高峰期通行数据上报，使用**Kafka异步削峰**，QPS从500提升至5000+。
- 通过**Redis缓存热点数据**（如门禁规则），降低MySQL查询压力，接口耗时减少65%。
- 前端采用**Web Worker离线计算**能耗报表，主线程卡顿率下降90%。
3. **HarmonyOS移动端适配**
- 开发鸿蒙服务卡片，集成**ArkUI框架**，实现“一键巡检”功能，离线模式下同步设备状态。
- 与华为NFC团队合作，完成员工工牌与手机**无感通行**功能，延迟<0.5秒。
4. **安全与国产化适配**
- 数据加密采用**华为国密算法SM4**，通过等保三级认证。
- 数据库迁移至**华为高斯DB**（兼容MySQL），实现国产化替代。
5. **DevOps实践**
- 基于**华为云CI/CD**搭建自动化流水线，日均构建20次，发布效率提升70%。
- 使用**AOS（应用运维服务）**监控生产环境，主动发现并修复3次内存泄漏问题。
---
### **项目难点与解决方案**
- **挑战1**：海量设备数据导致分页查询缓慢（10秒+）。
**解决**：
1. 使用**Elasticsearch**重构查询模块，支持多维度聚合分析。
2. 对MySQL实施**分库分表**（按园区区域划分），结合ShardingSphere中间件。
- **挑战2**：HarmonyOS服务卡片与Web端样式兼容性问题。
**解决**：
1. 抽象通用UI组件库，基于Vue3和ArkUI双端适配。
2. 利用华为**DevEco Studio**调试工具，实现真机热更新。
---
### **项目成果**
- 系统上线后支撑华为全球8个园区落地，管理设备超50万台，人力成本降低40%。
- 获2023年华为内部“最佳数字化转型项目”奖，申请2项技术专利（联合署名）。
- 个人收获：全栈技术闭环能力、华为云生态实战经验、大型项目协同开发规范。
**项目周期**：2022.03 - 2023.06
**项目角色**：全栈开发工程师（6人团队）
**技术栈**：
- 前端：Vue3 + TypeScript + Vite + HarmonyOS（鸿蒙轻量级服务卡片）
- 后端：Spring Cloud Alibaba + MySQL + Redis + Kafka
- 基础设施：华为云ECS/RDS/Redis + Kubernetes（CCE容器服务）
- 运维监控：Prometheus + Grafana + 华为云APM
---
### **项目背景**
华为某总部园区需升级数字化管理系统，覆盖设备监控（IoT传感器）、人员通行（人脸识别）、能耗分析（大数据看板）等场景，支持Web端（管理后台）和移动端（HarmonyOS服务卡片），日均访问量50万+，要求高并发、低延迟、99.99%可用性。
---
### **核心职责与成果**
1. **全流程开发与架构设计**
- 主导前后端分离架构设计，采用**微服务模块化拆分**（设备管理、权限中心、数据分析等6个服务）。
- 实现**动态权限系统**，基于RBAC模型和华为IAM服务，支持10万+用户分级授权，响应时间<200ms。
- 开发**实时设备状态监控模块**，通过WebSocket与华为IoT平台对接，2秒内推送异常告警。
2. **性能优化与高并发处理**
- 针对园区高峰期通行数据上报，使用**Kafka异步削峰**，QPS从500提升至5000+。
- 通过**Redis缓存热点数据**（如门禁规则），降低MySQL查询压力，接口耗时减少65%。
- 前端采用**Web Worker离线计算**能耗报表，主线程卡顿率下降90%。
3. **HarmonyOS移动端适配**
- 开发鸿蒙服务卡片，集成**ArkUI框架**，实现“一键巡检”功能，离线模式下同步设备状态。
- 与华为NFC团队合作，完成员工工牌与手机**无感通行**功能，延迟<0.5秒。
4. **安全与国产化适配**
- 数据加密采用**华为国密算法SM4**，通过等保三级认证。
- 数据库迁移至**华为高斯DB**（兼容MySQL），实现国产化替代。
5. **DevOps实践**
- 基于**华为云CI/CD**搭建自动化流水线，日均构建20次，发布效率提升70%。
- 使用**AOS（应用运维服务）**监控生产环境，主动发现并修复3次内存泄漏问题。
---
### **项目难点与解决方案**
- **挑战1**：海量设备数据导致分页查询缓慢（10秒+）。
**解决**：
1. 使用**Elasticsearch**重构查询模块，支持多维度聚合分析。
2. 对MySQL实施**分库分表**（按园区区域划分），结合ShardingSphere中间件。
- **挑战2**：HarmonyOS服务卡片与Web端样式兼容性问题。
**解决**：
1. 抽象通用UI组件库，基于Vue3和ArkUI双端适配。
2. 利用华为**DevEco Studio**调试工具，实现真机热更新。
---
### **项目成果**
- 系统上线后支撑华为全球8个园区落地，管理设备超50万台，人力成本降低40%。
- 获2023年华为内部“最佳数字化转型项目”奖，申请2项技术专利（联合署名）。
- 个人收获：全栈技术闭环能力、华为云生态实战经验、大型项目协同开发规范。
立即沟通
