Data后台
3/8/2023 项目总结
# Data 后台项目
# 项目总结
项目是一个后台页面，整体基于数据中心搭建的壳子上开发，技术栈是基于：Vue3 + TS + Ant-design-vue + Echarts。通过这个项目，比较全面的熟悉了 Vue3，并且初步运用了 TS。
从目前来看，后台项目还是比较有技术含量，运用的框架更多，牵涉的技术面更广，比单纯写写活动页面要锻炼的多。
# Well
- 提前熟悉文档，在做工程前，整体把 vue3 的文档过了一遍，熟悉了 Vue3，不然边做变熟悉，要浪费很多时间
- 注意沟通，整个过程注意前端团队内沟通，做好技术和需求上的对齐
- Work-Learn-Balance，过程注意学习和开发的时间平衡
# 技术总结
工程架构分析：
- 工程主体基于
Ant-design-vue - 登录层是基于 Node，具体没特别研究
- 引入了提交规范（commitlint）、分支名规范
- 工程使用了 Lodash、commitlint、Dayjs、UnoCSS、Stylelint 等框架
所做需求分析
- 核心是递归组件，Vue3 组件支持递归组件，组件内直接引用组件名即可
- 重点用了
Ant-design-vue的 Select 组件、Form 组件，Select 组件的问题是 composition 事件状态没有传出，自己加了相关事件的处理，这块整体需要处理的逻辑点较多，所以比较废时间；Form 组件功能比较多，用起来也比较复杂，需要花时间再研究下
# Well
# 代码量
共 1406 行
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
Vuejs Component 4 162 152 1233
TypeScript 1 26 19 173
-------------------------------------------------------------------------------
SUM: 5 188 171 1406
-------------------------------------------------------------------------------
# Action（待学习点）
- Node
- JS 库
- Lodash，经典的工具库，包含了 debounce 和 throttle
- commitlint，提交规范检察
- Day.js，强大的时间处理库
- UnoCSS，原子化 CSS 库
- Stylelint，CSS 代码检查器
Ant-design-vue框架，重点 Form 组件- Vue3
- Pinia
- TS