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

99 阅读2分钟

一、组件库介绍 image.png
工业品组件:具有标准接口和某种功能且可复用的标准零部件
软件组件:封装好的可复用的程序“零部件”,软件开发就像搭积木 前端UI组件:按钮、输入框、下拉选择都是组件,组件与组件组合就变成了一个更复杂的组件。 组件库:一系列UI组件的合集,其特点为:一致性、效率、协同 image.png 组件库的使用 Arcodesign简介

image.png

image.png

image.png

image.png 自定义组件 组件

image.png 高内聚,低耦合:职责清晰,高可维护性。对外提供简单稳定的接口,对内关注内部逻辑的实现。组件和组件之间能简单的配合实现定制的功能。(比如:Popver)
通用性,易拓展:基础组件适用广泛的业务场景,适用于不同行业的业务平台;业务组件适用于针对性平台,具备显著的业务属性,一般基于基础组件开发 为什么需要组件库?

想这个问题的时候脑子里想起就是:那还不是因为产品天天变,奇葩需求改不完。一般随着公司的发展,产品在面向用户的时候需要更体现出公司的特色由此产生的基于公司文化的组件库产生了。再加上公司大了,需要更多的工具才能满足需求了,后台系统变多,功能也增多了,很多的基础模块也能复用了,当Antd这种组件库已经满足不了产品的奇葩需求后,我们就需要搞一点儿事情了。这个事情就是搞组件库啊,其实说白了就是降低代码的冗余,规范代码使后期维护迭代也更方便了。好管理,好维护,好迭代,这么多好处何乐而不为呢,最重要的是我们不用搬一些重复的砖头了嘛,减少了一些工作量了嘿!(咱搬砖也要搬的有志气啊!!!)

什么是组件库?

说起组件库我脑子里就浮出了Antd,element ui,iview,这三大组件库是我目前接触到的,不得不承认是真的很强大啊,基本上能满足大多的业务场景了(奈何产品千千万,需求只有你想不到不准你做不到!!!)有些时候我想,把Antd,element ui,iview这类组件库看成最小单元,那么可以认为通过这些小单元来拼凑成一些逻辑小版块,而这些小版块能更好的满足公司的业务场景。