个人能力提升计划

个人能力提升计划

vue2 深耕、内网系统优化

学习内容

• • Vue2 项目架构优化（组件复用、权限控制、动态路由）
• • ElementUI 二次封装 & 内网业务组件库搭建
• • 大屏 ECharts 常用图表掌握（柱状图、折线图、地图）
• • 性能优化（首屏速度、内网缓存策略）

检验标准

• • 完成一次 ElementUI 二次封装
• • 掌握组件化开发思想

Vue3、TypeScript 迁移探索

学习内容

• • Vue3 Composition API 学习与 Demo 实践
• • 在新模块尝试引入 TypeScript（增强可维护性）
• • 掌握 Pinia 状态管理
• • 熟悉 Vite 构建工具，尝试替代 Webpack

检验标准

• • 完成 Vue2 项目中的一个新模块用 Vue3 + TS 开发
• • 在可视化大屏中 至少 1 个模块用 Vue3 重构

可视化大屏、前端工程化

学习内容

• • ECharts 高级用法（地图联动、3D、大数据量优化），接触使用Three.js
• • 可视化大屏项目架构设计（模块化、主题切换、自适应布局）
• • 工程化：代码规范（ESLint、Prettier）

检验标准

• • 在公司地市大屏中实现 至少 2 个高级可视化效果（如地图联动、3D效果）
• • 在管理系统项目中接入 ESLint + Prettier 代码规范