如何造一个好的组件库【有空就更新】
作者:互联网
如何造一个好的组件库
组件库是一个好的想法,因为它可以节省前端开发的时间。
但是当我认真考虑组件库这件事情的时候,发现事情并不简单。
什么是好的组件库?
好的组件库,能够最大限度的提高公司前端开发的效率,项目风格样式的统一,减少设计的重复工作。
如何设计?
设计需要将现有的项目和将来的项目的功能块做一个全面的了解。
目的就是将现有的项目和将来的项目的各个功能点做整理归纳,组件库能够满足项目中的重复出现的元素的每个场景。
- 具象
- 按钮,按钮的场景,不同的尺寸(通常是 大中小),轮廓(半圆角、全圆角、棱角),背景(纯色、透明、渐变色)。
- 文本对齐方式,(左/右/居中对齐、文本自适应整个空间)。
- 文本显示方式,何时换行,何时单行省略。
- 抽象:
- 组件组装,一个不可拆分的组件,可以作为复杂组件的零件。在设计一个弹框组件时,确认/取消按钮,需要从组件库的按钮组件中取,复杂组件不应当独立于不可拆分组件存在。尽可能的从不可拆分的组件中找适当的按钮来满足。
- 组件逻辑,一个组件的功能尽可能单一,并不受外界影响。除非定义这个组件的时候就制定规则。
标签:有空,项目,更新,拆分,按钮,组件,文本,前端开发 来源: https://www.cnblogs.com/AFu-1993/p/12747060.html