1.技术成长轨迹清晰:9 年 + 实战经验覆盖 Vue/React 生态、多端开发、工程化,具备从 0 到 1 搭建技术体系的能力;
2. 技术栈体系
前端框架• Vue 2/3、TypeScript、JavaScript(ES6+)、UniApp、React、Node.js、koa、egg、Nuxt.js、小程序原生
构建与工程化• Vite、Webpack、Vue CLI、Jenkins、Docker、微前端
状态管理与路• Pinia、Vuex、Vue Router、uni-simple-router
UI • Element UI/Plus、Vant、Arco Design Vue、SCSS/Less、Bootstrap
跨端开发• Electron、快应用、官网SSR/CSR、多端适配(flexible/px2rem)、h5活动、数据大屏、saas系统管理后台
一、数据大屏系统 - 工业设备监控平台
项目描述: 基于Vue3 + TypeScript + Vite构建的现代化工业防爆设备数据监控大屏系统,集成实时数据展示、设备管理、报警监控等功能,为工业安全提供专业的数据可视化解决方案
技术架构:
前端框架:Vue3 + TypeScript + Vue Router4 + Pinia
构建工具:Vite + 插件化配置
UI组件库:Arco Design Vue
状态管理:Pinia
图表可视化:ECharts + 数据大屏适配
样式预处理:SCSS + Less + 响应式设计
核心功能模块:
地图实现:百度3D地图,支持根据经纬度连线图标标记
数据大屏:平台概况展示、产品区域分布、监控事件报警
设备管理:网关终端管理、采集终端配置、通信状态监控
数据监控:环境监测数据、传感器数据实时展示
事件记录:环境监控事件、终端监控事件、系统操作日志
系统设置:项目管理、用户权限、客户信息维护
二、一城喜事-婚恋社交平台
项目描述: 基于uni-app框架开发的跨平台婚恋社交应用,集成即时通讯、婚恋匹配、活动管理等功能,为用户提供完整的婚恋服务解决方案,支持小程序端、APP端
技术架构:
跨平台框架:uni-app + Vue2 + Vuex
UI组件库:uView UI
即时通讯:WebIM
构建工具:HBuilderX + 条件编译
状态管理:Vuex + 全局混入
核心功能模块:
婚恋匹配:、智能推荐个性化匹配、用户筛选
即时通讯:一对一聊天、群聊、消息记录、未读提醒
用户系统:登录注册、实名认证、学历认证、工作认证
个人资料:头像上传、信息完善、隐私设置、会员权益
活动管理:活动发布、活动报名、活动签到、我的活动
社交功能:邀请好友、反馈建议
负责微信小程序的账号申请,开发配置,项目架构设计、核心功能开发,UI页面实现,整体项目的页面编写和开发,第三方接入,小程序上架等
三、某招聘saas动态表单设计器系统
项目描述: 基于 Vue 3 + TypeScript + Vite 构建的现代化表单设计器系统,支持表单模板创建、拖拽设计、数据收集与分析等完整业务流程
技术架构:
前端框架:Vue 3.2 + TypeScript 4.6 + Vue Router 4 + Pinia 2.0 + Vite 3.1 + Sass
UI组件库:Element Plus 2.2 + Vant 4.1 + Arco Design Vue
核心功能模块:
表单模板设计与拖拽编辑器
表单数据收集与草稿保存
表单答案分析与数据统计
表单预览与移动端适配
项目分组与权限管理
省份城市数据管理
四、电力行业电子文件管理系统 (Electronic-File)
项目描述: 基于Vue2的电力行业专业文件管理平台,集成地图可视化、文件上传下载、权限验证等核心功能,为电力线路维护和资料管理提供完整的数字化解决方案。
技术架构:
前端框架: Vue 2.6 + Vue Router + Vuex + Element UI
构建工具: Vue CLI 3 + Webpack + Babel + ESLint
核心依赖: DataV数据可视化、百度地图API、Plupload文件上传、Axios
样式处理: Less + PostCSS + Autoprefixer
部署配置: 支持相对路径部署,适配内网环境
核心功能实现:
地图可视化系统
集成百度地图API,实现电力线路、杆塔等地理信息展示
支持地图样式自定义、坐标定位、覆盖物动态管理
实现地图与业务数据的联动展示,支持电塔标记、线路绘制
文件管理系统
基于树形结构的文件目录管理,支持懒加载和动态展开
集成Plupload实现大文件分片上传,支持断点续传和进度监控
文件预览功能,支持PDF、图片等多种格式在线查看
文件下载管理,支持批量下载和下载队列管理
权限验证系统
基于路由守卫的登录状态验证,确保系统安全性
支持Token认证机制,实现用户会话管理
动态路由配置,根据用户权限控制页面访问
数据可视化
集成DataV组件库,实现专业的数据大屏展示
支持多种图表类型,提供丰富的可视化效果
响应式设计,适配不同屏幕尺寸
项目描述: 基于 Vue 3 + TypeScript + Vite 构建的现代化表单设计器系统,支持表单模板创建、拖拽设计、数据收集与分析等完整业务流程 技术架构: 前端框架:Vue 3.2 + TypeScript
项目描述: 基于uni-app框架开发的跨平台婚恋社交应用,集成即时通讯、婚恋匹配、活动管理等功能,为用户提供完整的婚恋服务解决方案,支持小程序端、APP端,搭配项目的后台管理系统 技术架构: 跨平台框架:uni-app + Vue2