用户QZVuwOFn

计算机科学与技术

2018年09月 — 2021年06月

2024年11月 — 2025年04月

项目描述：国网学堂项目。对国家电网公司员工现在所使用的学员端、管理员端和移动端 ，使用 vue2 全家桶的技术以及乾坤微前端框架 ，运用微前端架构实现了各个子系统的高效集成与协同，同时实现了单点登录功能全面覆盖 ，技术更新和维护 ，包括有工作台、课程中心、培训班、 师资库、考试中心、直播中心、积分体系、知识分享系统管理等模块。 技术要点：Vue全家桶 + ElementUI + Axios + Vue-Video-Player + Webpack。 项目职责： 1. 系统基于 qiankun 微前端技术栈搭建，实现了各子系统的无缝集成与高效协同，有效解决了多子系统管理分散, 交互不畅的问题。 2. 实现单点登录功能，用户只需在门户系统一次登录即可访问多个子系统，有效解决了用户在多系统间频繁登录的问题，提升了操作便捷性和流畅性。 3. 负责 PC 学员端、管理端及移动端课程中心、 师资库、直播中心、个性化首页等模块的页面切割与实现； 4. 封装 ECharts 通用图表组件 ，支持动态数据渲染 ， 降低代码冗余度 30%； 5. 添加自定义指令 ，实现表格弹窗移动及放大缩小功能 ，增强用户交互体验； 6. 封装 Axios 并结合 Try Catch 实现数据交互及错误定位 ，优化接口对接流程； 7. 实现跨端响应式布局（ PC/移动端） ，优化直播中心性能 ，提高首屏加载速度； 8. 使用 Git 进行代码管理 ，及时修改云效平台上的 Bug ，维护代码稳定性

2024年04月 — 2024年10月

项目描述：职业教育平台。 国家电网公司现有的 web 端项目和移动端。主要为国家电网公司合作的 13 所院 校提供线上教学和考试的平台。 技术要点：Vue3 + Pinia + Vite + Ant Design Vue + TypeScript； 项目职责： 1、使用 Ant-Design-Vue 库快速搭建页面 ，确保 UI 设计 100% 还原 ，提升用户体验一致性； 2、负责校企合作、资源素材库、培训班、专业库等多个模块的开发及项目上线维护，封装公共组件 ，提升代码复用性； 3、负责 Vue2 至 Vue3 技术迁移 ， 引入 Composition API 与 Pinia 状态管理 ，逻辑复用率提升 50%； 4、开发动态路由权限系统 ，结合 JWT 实现多角色细粒度控制； 5、使用video-player功能丰富的视频播放器，包括倍速、全屏、进度条和音量调节等，设置相应事件监听，实现播放暂 停、结束等； 6 6、使用 Git 进行代码管理 ，及时修改云校平台上的 Bug ，维护代码稳定性

2021年11月 — 2022年10月

项目描述 ：本项目是服饰工厂生产制造综合系统，含有生产，备货，产品，库存，基础设置，财务等模块，主要是给指定工厂下单，涉及到权限控制，生产打印，字典管理，权限校验，动态路由，大文件上传等，系统的主要任务是给工厂出入库单，本人全程参与需求分析，系统设计及开发实施全流程，前端由本人一人独立开发到上线。 技术要点：Vue3 + Pinia + Vite + Ant Design Vue + TypeScript + Print.js + OSS + vue-draggable； 项目职责： 1、本项目采用框架VbenAdmin，负责项目的从0-1搭建及开发； 2、实现系统的权限管理和安全策略，包括登陆验证，权限控制，菜单权限及按钮权限等； 3、使用 JSON Schema 进行数据验证，对表单封装并提供自定义插槽，封装Hooks，对表单获取，回显，重置，验证，更 等进行封装，提高代码简洁性和复用性； 4、使用阿里云OSS对大文件进行上传，采用断点续传，分片上传，采用Vue-draggable插件对表格进行拖拽，实现表格 数据列更新排列； 5、对页面及系统做性能优化，确保系统的用户体验和操作效率，采用WebScoket心跳检测对系统更新进行用户提示； 自定义插件处理Prefetch预加载问题，降低30%~50%的打包体积，打包时间减小到20s以内。

2023年10月 — 2024年03月

项目描述 ：人资社保管理系统（Web端+移动端）是面向国网公司员工的综合性管理平台，涵盖考勤管理、五险一金核算、企业年金管理、人才超市等核心模块。 技术要点：Vue2全家桶+ElementUI + Axios +Sass + ECharts + Webpack。 项目职责： 1、通过微前端架构优化前端应用模块化和维护性，使用于qiankun框架微前端技术栈实现主应用与多个微应用的集成 ， 提升团队开发效率和用户体验； 2、负责管理端可视化报表、五险一金测算、人才超市等模块的页面切割与实现；对表格及表单组件进行封装全局注册供所有页面使用； 3、使用自定义事件、全局事件总线、作用域插槽、Vuex 实现组件间通信 ，提升组件交互能力； 4、利用 ECharts 实现数据报表的多种图表展示（单双折线图、柱状图、饼图、仪表盘等） ，增强数据可视化效果； 5、对数据字典进行封装调用并全局注册； 通过拆分API接口和业务逻辑 ，达到请求逻辑和业务逻辑的分离，增强复用 性和可维护性；

2022年11月 — 2023年09月

项目描述 ：本项目是库员外批发小程序，由首页、购物车库存分类，个人信息组成，本项目主要是为客户提供产品预览，图片保存，详情分析，质检报告下载，用户退单等，包含钱包支付，白条支付和微信支付以及客服功能。 技术栈：Uniapp + Vue3 + Ts + Vite5 + uview-plus + UnoCss 项目职责： 1、负责项目从0~1的搭建、开发及更新迭代,采用约定式路由、layout布局、请求封装、请求拦截、登录拦截等； 2、利用Decimaljs对会员优惠等对价格进行精度把控，使用uni.setStorageSync实现数据存储和uni.getStorageSync 获取数据 3、通过 uni.startPullDownRefresh 和 uni.onReachBottom生命周期实现页面的上拉刷新和下拉加载的功能。 4、采用pinia-plugin-persistedstate对数据进行用户数据持久化存储和全局数据管理； 5、负责微信支付、钱包支付及白条支付等支付功能的实现，采用Painter实现海报画板功能； 6、对部分图片采用CDN 托管，并结合前端缓存技术经行优化处理，优先从缓存获取图片，若无则发起 CDN 网络请求， 提升图片加载性能。 运用骨架屏技术，加载时展示页面结构，提升用户体验。