如何造一个好的组件库【有空就更新】

如何造一个好的组件库

组件库是一个好的想法,因为它可以节省前端开发的时间。
但是当我认真考虑组件库这件事情的时候,发现事情并不简单。

什么是好的组件库?

好的组件库,能够最大限度的提高公司前端开发的效率,项目风格样式的统一,减少设计的重复工作。

如何设计?

设计需要将现有的项目和将来的项目的功能块做一个全面的了解。
目的就是将现有的项目和将来的项目的各个功能点做整理归纳,组件库能够满足项目中的重复出现的元素的每个场景。

  • 具象
    • 按钮,按钮的场景,不同的尺寸(通常是 大中小),轮廓(半圆角、全圆角、棱角),背景(纯色、透明、渐变色)。
    • 文本对齐方式,(左/右/居中对齐、文本自适应整个空间)。
    • 文本显示方式,何时换行,何时单行省略。
  • 抽象:
    • 组件组装,一个不可拆分的组件,可以作为复杂组件的零件。在设计一个弹框组件时,确认/取消按钮,需要从组件库的按钮组件中取,复杂组件不应当独立于不可拆分组件存在。尽可能的从不可拆分的组件中找适当的按钮来满足。
    • 组件逻辑,一个组件的功能尽可能单一,并不受外界影响。除非定义这个组件的时候就制定规则。

猜你喜欢

转载自www.cnblogs.com/AFu-1993/p/12747060.html
今日推荐