**由于此为华为外包项目，无法对外展示，无业务链接，作品图片是根据大概功能从网络搜索的图片，尽请谅解！用户通过拖拽配置可生成看板，用于可视化的展示数据。分为vue2旧版本和vue3的重构版本（最终由于开发中心转移未完成）vue2旧版本：负责了整个项目的版本迭代和修改遗留和现有的bug。vue3重构版：搭建pnpm+vite+vue3+eslint+styleling+husky等为组合的架构，切实解决痛点1.使用TS开发，严格管理变量、函数的输入输出，使得在开发中就能解决一大部分问题，后续人员上手快；2. 引入eslint+prettier+styleling+husky，严格规范项目的代码风格，使得风格统一，上手快；3.优化数据存储存储：1) store存储优化，获取看板信息后，拆分处理，用户保存信息以键值对的形式存储，方便后续使用，减少循环查找；2) 参考协商缓存的思路，优化indexedDB存储数据的形式；4. 区分升级前后两种看板数据，解决数据层级深，减少代码中的循环递归；5. 组件部分，TS开发时，添加接口的参数说明；6. 常用功能提出，使用工具函数，严格使用纯函数实现，完善函数参数说明，减少代码冗余，避免后续迭代升级时，影响范围不可控；7. 完善项目功能说明文档，各个接口参数说明，项目维护说明等文档；8. 对组件以及组件的配置完善必要的说明，减少客户不会使用的可能；9. 把相同功能的小图标合并成一个雪碧图，较少首次加载的http请求。**由于此为华为外包项目，无法对外展示，无业务链接，作品图片是根据大概功能从网络搜索的图片，尽请谅解！