企业级项目作品集

10年前端开发经验，精通数字化转型技术架构，专注于船舶物联网、实时监控、大数据可视化等企业级解决方案

15+
企业项目
10万+
数据点监控
99.9%
系统可用性

核心技术栈

掌握现代前端开发的核心技术，持续学习和实践最新的技术趋势

前端框架

💚 Vue.js95%
⚛️ React85%
💎 Nuxt.js90%
▲ Next.js80%

编程语言

🔷 TypeScript92%
🟨 JavaScript98%
🌐 HTML598%
🎨 CSS395%

开发工具

🔧 Git95%
⚡ Vite92%
📦 Webpack88%
🐳 Docker75%

后端技能

🟢 Node.js85%

其他技能

TailwindCSSElement PlusAnt DesignPrimeVuePiniaVuexReduxZustandEChartsD3.jsThree.jsCanvasWebSocketMQTTSocket.ioWebRTCJestVitestCypressPlaywrightSassLessPostCSSStyled ComponentsFigmaStorybookESLintPrettier
企业级应用
核心项目

船舶数字化监控系统(AMS)

为厦门三顾海事科技开发的船舶自动化管理系统，支持1000+设备测点实时监控，已通过JANA船东验收并成功商业化，支持10+种船型管理。

业务价值

1000+
设备测点
秒级
数据更新
99.9%
系统可用性
10+种
船型支持

技术架构

Vue3ViteElement PlusTailwindCSSPiniaEChartsCanvasThree.jsWebGLMQTTWebSocket

项目角色

前端开发核心成员 & 技术负责人 - 负责前端架构设计、核心功能开发、性能优化及技术攻关

技术亮点

  • 基于Vue3+Vite+Pinia构建开发框架，实现模块化架构设计
  • 使用MQTT协议实现船舶设备实时监控，支持1000+测点数据处理
  • 大数据渲染优化：虚拟滚动+数据分片，成功处理10万+实时数据点
  • 首屏加载优化：路由懒加载+资源压缩，加载时间从8s优化至2s
  • 封装船舶专业仪表盘ECharts组件库，实现数字孪生可视化展示
船舶数字化监控系统(AMS)
企业级应用
2023.02-至今
性能评分
95+
企业级应用
核心项目

智慧渔业管理系统

为厦门巨擘网络科技开发的智慧渔业综合管理平台，集成渔船监控、餐饮管理、订房服务等业务模块，支持实时数据可视化和多业务场景。

业务价值

500+艘
渔船监控
<200ms
实时更新
8个
业务模块
99.8%
数据准确率

技术架构

Vue2.6VuexElement UIEChartsWebSocketAxiosSassWebpack

项目角色

前端开发工程师 - 负责前端架构搭建、核心模块开发、实时通信和数据可视化

技术亮点

  • 独立负责大屏数据可视化，ECharts实现日/月/周动态切换展现
  • 采用WebSocket实时通信，构建餐饮点餐管理系统
  • 开发渔船位置追踪系统，支持轨迹记录和地理围栏管理
  • 集成海康H5Player，实现安防监控视频直播流技术
  • 封装通用组件库，提升系统可复用性与开发效率
智慧渔业管理系统
企业级应用
2020.05-2023.02
性能评分
95+
企业级应用

多频数字光纤设备管理系统

基于Web的数字光纤设备管理平台，提供设备监控、配置管理、故障诊断等功能，支持设备拓扑可视化展示、实时监控、远程配置等核心功能。

业务价值

1000+台
设备管理
0.8s
响应速度
3种
多语言
99.9%
稳定性

技术架构

Vue.jsElement UIBootstrapjQueryCanvasJTopoEChartsWebSocket

项目角色

前端开发工程师 - 负责前端技术架构、可视化组件开发、多语言支持

技术亮点

  • 使用Canvas + JTopo开发可视化网络拓扑图，支持设备拖拽布局
  • 采用ECharts实现设备性能监控图表，开发WebSocket实时数据推送
  • 使用Bootstrap开发响应式布局，确保多终端设备兼容性
  • 实现多语言版本支持，提供完整的国际化解决方案
  • 优化大规模设备监控性能，实现实时数据更新和前端渲染优化
多频数字光纤设备管理系统
企业级应用
2018.04-2020.05
性能评分
95+

更多项目经验

涵盖电商、金融、社交、工具等多个领域的前端解决方案

企业级应用

智慧校园后台管理系统

集成安防监控、考勤管理、公共广播的校园智能化管理平台

Vue2Element UI若依框架 +2
2020-2021
企业级应用

京奥5G通信管理系统

5G通信设备监控和管理的前端可视化系统

Vue.jsBootstrapECharts +2
2018-2020
电商平台

唯你网电商平台

集用户中心、财税系统、融资系统于一体的综合电商平台

HTML5CSS3JavaScript +3
2015-2018
AI应用

AI前端博客项目

基于Nuxt3的AI驱动前端工程师个人博客，展示308+AI工具库

Nuxt3Vue3TailwindCSS +3
2024-2025
金融科技

账益达财税系统

为中小企业提供的在线财税管理和报表分析系统

Vue.jsElement UIECharts +2
2016-2017
金融科技

集融易金融系统

企业融资服务平台的前端交互系统

Vue.jsiViewD3.js +2
2017-2018