熟练掌握 HTML、CSS,能够使用 Div+CSS 技术将设计稿高保真还原为静态网页。
熟练掌握原生 JavaScript,能够灵活操作 DOM、BOM,实现复杂的页面交互效果。
熟练使用 jQuery 进行页面元素操作及业务逻辑编写。
熟练使用 axios 进行网络请求,完成前后端数据交互。
熟练掌握主流前端框架 Vue,了解 Vue Router、Vuex 及 Vue 生命周期钩子函数的使用。
熟练使用微信开发者工具进行微信小程序开发。
熟练使用 uni-app 框架,能够开发微信小程序、H5 应用、支付宝小程序及 App。
熟练使用 Bootstrap、Element-UI、Vant 等主流 UI 组件库,实现页面快速搭建与美化。
熟练使用 ECharts 等数据可视化框架,进行数据图表展示。
熟练使用 npm 管理项目依赖,提升项目开发与维护效率。
熟练使用 Git 进行版本控制,保障项目协作与代码安全。
熟悉 Node.js,能够完成简单的后端接口开发。
熟悉使用 Ajax 技术实现前后端异步数据交互。
熟悉 ES6 及以上版本的新特性,提升代码质量与开发效率。
熟悉使用 Mock 技术进行数据模拟,便于前后端分离开发与测试
项目概述
我参与开发了"脑电康复系统",这是一个基于Vue.js + Electron的桌面应用程序,专门用于脑电康复训练。该系统结合了脑电信号采集、3D可视化交互和康复训练算法,为患者提供个性化的康复治疗方案
技术架构
Vue.js+Vuex+Vue Router
Element UI 作为UI组件库
Three.js实现3D手部模型动画
Electron 构建跨平台桌面应用
WebSocket 实现实时数据传输
核心功能模块:
1. 系统自检模块
开发了完整的系统自检功能,包括:
网络连接检测
采集服务状态检查
服务器连接验证
设备连接状态监控
康复设备连接检测
自检流程采用进度条显示,每个步骤都有相应的错误处理和重试机制,确保系统稳定运行。
2. 3D手部交互模块
使用Three.js开发了3D手部模型动画系统
加载GLB格式的手部3D模型
实现手指抓握动画效果
通过WebSocket接收脑电信号控制手部动作
支持抓握、分指、对指等多种训练模式
3. 康复训练核心功能
实时脑电信号处理:通过WebSocket接收脑电数据,实时分析注意力、放松度、平衡度等指标
训练模式:支持标准程序和被动程序两种训练模式
进度监控:实时显示训练进度、成绩统计和休息提醒
数据可视化:使用进度条直观显示各项指标的变化
4. 设备管理模块
蓝牙设备自动发现和配对
5. 用户管理系统
患者信息管理
训练记录统计
个人训练数据图表展示
项目类型:企业级工业设备监控管理系统
技术栈:Vue.js 2.x + Element UI + ECharts
开发周期:长期维护项目,具备完整的CI/CD流程
核心技术栈掌握
1. 前端框架与UI
Vue.js-熟练掌握Vue.js核心概念和生态系统
Element UI-精通企业级UI组件库的使用和定制
Vue Router-掌握路由配置、动态路由、权限控制
Vuex-熟练状态管理,模块化设计
SCSS/Sass - 掌握CSS预处理器,变量、混入、嵌套等高级特性
2. 数据可视化与图表
ECharts-精通各类图表开发(折线图、柱状图、饼图、3D图表)
ECharts-GL-掌握3D数据可视化技术
ECharts-Liquidfill-掌握特殊图表效果(水球图等)
实时数据更新-实现图表数据的实时刷新和动态更新
3. 实时通信技术
WebSocket-熟练掌握WebSocket连接管理、消息处理
实时进度监控-实现数据库备份/恢复的实时进度显示
UUID生成 - 使用uuid库生成唯一标识符
连接状态管理 - 处理连接建立、断开、错误等状态
4. 国际化与多语言
Vue-i18n-精通国际化框架配置和使用
中英文切换-实现完整的多语言支持
Element UI国际化 - 集成Element UI的多语言支持
动态语言切换 - 支持运行时语言切换
5. 工程化与构建工具
Vue CLI-熟练掌握Vue项目脚手架
Webpack配置-掌握webpack优化配置、代码分割
ESLint+Prettier-代码规范和质量控制
Husky + Commitlint - Git提交规范管理
压缩优化 - Gzip压缩、代码分割优化
6. 数据处理与分析
Axios - 熟练掌握HTTP请求库
数据验证 - 表单验证、数据格式校验
文件上传下载 - 文件操作、进度监控
数据加密 - JSEncrypt加密解密
7. 高级组件开发
自定义组件-开发可复用的业务组件
组件通信-Props、Events、EventBus、Vuex
动态组件-条件渲染、组件懒加载
插槽技术-具名插槽、作用域插槽
8. 性能优化
代码分割-路由懒加载、组件按需加载
图片优化-SVG图标、图片压缩
缓存策略-浏览器缓存、组件缓存
内存管理-定时器清理、事件监听器移除
9. 数据库操作
数据库备份-手动/自动备份策略
数据库恢复-数据恢复功能
数据清洗-数据清理策略配置
定时任务-Quartz定时任务管理
10. 用户体验优化
响应式设计-适配不同屏幕尺寸
加载状态-Loading状态管理
错误处理-全局错误捕获和处理
用户反馈-操作成功/失败提示
项目特色功能
实时设备监控 -设备状态实时监控、报警管理
数据可视化-多维度数据图表展示
数据库管理-完整的数据库备份恢复系统
多语言支持-中英文双语界面
权限管理-基于角色的访问控制
实时通信-WebSocket实时数据推送
技术亮点
模块化架构-清晰的目录结构和模块划分
组件化开发-高
项目名称: 星愿智能情绪评估系统 (BrainThink) 项目类型: 脑电信号采集与情绪评估的医疗健康管理系统 技术架构: 前后端分离 + 桌面应用 1.前端技术 Vue.js核心前端框架 Element UI-企业级UI组件库 Vue Router-前端路由管理
我参与开发了"脑电康复系统",这是一个基于Vue.js + Electron的桌面应用程序,专门用于脑电康复训练。该系统结合了脑电信号采集、3D可视化交互和康复训练算法,为患者提供个性化的康复治疗方案 技术架构 Vue.js+Vuex+Vue Router