组件库的使用与自定义组件

01 组件库的介绍

工业品组件：具有标准接口和某种功能且可复用的标准零部件软件组件：封装好的可复用的程序“零部件” 前端组件（UI组件）：

组件库：一系列UI组件的合集（一致性，效率，协同）

（以Arco Design为例）

01 引入组件库（安装按需加载插件）通过CDN使用典型事例：CodePen

02 主题定制 ·通过CSS进行样式覆盖 ·修改Less变量组件定制主题定制：DesignLab 配色，样式

暗黑模式：（只改变颜色）读取的变量值不同操作全局元素的acro组件

03 快速上手 Arco Pro

04 国际化（切换语言）语言国际化 RTL视图实现（阅读习惯改变）

改变属性默认值

搭建业务组件库关键点：架构设计技术方案对外文档

架构设计：单包架构多包架构

技术方案：开发环境样式方案产品构建质量保障

对外文档：文档部署组件API提取版本日志生成

注： 1.语义化命名 2.包名和组件名一致 3.单独维护类型文件

1.接口定义 2.类名前缀统一 3.避免行内样式和CSS Modules 4.避免在JS中直接引入样式文件 5.注意组件样式的按需加载

自定义组件--GUIde Tip

核心逻辑：

本次课程主要介绍了如何更好的使用组件库，了解组件库的一些常用能力底层如何设计实现，以及在进行业务组件库搭建时，需要注意哪些技术点，最后结合组件开发实例演示如何设计一个通用组件，并进行快速托管。

是个挺有意思的课