**由于此为华为外包项目,无法对外展示,无业务链接,作品图片是根据大概功能从网络搜索的图片,尽请谅解!
用户通过拖拽配置可生成看板,用于可视化的展示数据。分为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. 常用功能提出,使用工具函数,严