组件库的使用和自定义组件|青训营笔记

110 阅读2分钟

一:什么是组件库?

1:组件

  • 它的核心意义在于代码复用。功能相对单一或者独立,在整个系统的代码层次上位于最底层,被其他代码所依赖。

2:模块

  • 它的核心意义在于分离职责。它的关注点在于功能划分。 例如: 视频通话、语音通话等功能就可以被分为不同的模块

二:arcodesign的简介

  • 设计产出效率提升
  • 协作效率提升
  • 研发开发效率提升

三: 组件化的意义

  1. 组件具有独立性,组件之间可以自由组合
  2. 为前端提供了很好的分治策略,可以实现独立维护,可维护性强
  3. 页面只不过是组件的容器,负责组合组件即可形成功能完整的界面

四:注意!!在我们开发的过程中有一些原则需要遵守

1:组合性

组件之前应该是可以组合的。

前端页面的展示都是一些HTML DOM的组合,而组件在最终形态上也可以理解为一个个的HTML片段。

那么组成一个完整的界面展示,肯定是要依赖不同组件之间的组合,嵌套以及通信。

2:标准性

在我们开发的过程中,这个非常重要,

任何一个组件都应该遵守一套标准,

可以使得不同区域的开发人员据此标准开发出一套标准统一的组件。

3:重用性

任何一个组件应该都是一个可以独立的个体,可以使其应用在不同的场景中,并且多次重用。

4:可维护性

要有一定的稳定性,

任何一个组件应该都具有一套自己的完整的稳定的功能,

仅包含自身的,与其它组件无关的逻辑,使其更加的容易理解,使其更加的容易理解,

同时大大减少发生bug的几率。

五:如何修改组件库?

1、定制主题(一般一个复用性,扩展性,稳定性高的组件库一般都允许定制主题)

2、改变特定组件外观

3、基于某个组件再封装。