低代码平台

我要开发同款
喵喵67082023年06月25日
115阅读
所属分类vue2、vue3、ts、element、echarts

作品详情

**由于此为华为外包项目,无法对外展示,无业务链接,作品图片是根据大概功能从网络搜索的图片,尽请谅解!
用户通过拖拽配置可生成看板,用于可视化的展示数据。分为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请求。
**由于此为华为外包项目,无法对外展示,无业务链接,作品图片是根据大概功能从网络搜索的图片,尽请谅解!
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论