学习课程名称：Vue3 + Typescript 从0到1开发通用基础组件
章节名称：项目起航 - 准备工作和第一个页面
讲师姓名：张轩
课程内容
- 需求分析
- 文件结构和代码规范
- 样式解决方案
- 设计图拆封于组件属性分析
- ColumnList编码
- GobalHeader组件
- Dropdown组件
- useClickOutside自定义函数
- 工作中常用的样式解决方案
做任何一项目，先都不要着急下手，需求一定要梳理好，否则后面可能会返工；正所谓：方向不对，努力白费；
对于大型项目，前期做好目录架构以及编码规范，这一类的前置工作如果没有做好，后面协同开发就会陷入混乱之中；
样式解决方案：工作中，为了快速交付，更多的是使用第三方UI框架，用别人现成的组件库，就像搭乐高一样，搭建我们的项目；大公司往往会选择自研组件库，将设计规范进行一个统一，后面特别是跨部门协同开发，方便后期维护。
拿到设计稿，我们往往急于实现功能，往往缺少分析和思考，如何按照组件的思想进行抽取和封装，当功能逐渐复杂，内部实现逻辑很混乱，代码可读性不强；“撸起袖子就是干”，有时候无形中也在为重构挖坑。
hooks自定义函数的出现，彻底解决了上述逻辑混乱的问题，我们可以将功能相似的模块抽象出来，封装成自定义的函数，供任意组件调用。
工作常用的样式解决方案：Element UI Ant design