UI组件功能设计指南

组件能够大幅减轻开辟的工作量,提拔项目的可维护性,削减反复代码。
本文重要解说组件须要具有哪些功用

主体功用

重要功用是指这个组件是用来做什么的,如挑选日期组件的目的是挑选日期,下拉挑选组件的目的是展现选项供用户挑选等。这是最最先须要斟酌的部份,也是组件的基本。

主体功用的颗粒度掌握功用

主体功用的颗粒度掌握功用是指对组件功用细化掌握的功用,能够分为
1、功用开关,如日期挑选组件有挑选时候的功用,能够供应api用来掌握是不是最先开启时候挑选功用、日期可选局限等;
2、行动掌握功用,如掌握弹框是不是显现功用
3、内容掌握功用,如表格的自定义列功用,时候挑选器的单位自定义衬着功用,弹框的页脚自定义功用。
4、构造掌握组件,如下拉框弹框能够自定义容器
5、款式掌握功用,大部份情况下使用者都能够比较轻易的修正组件的款式,然则再某些情况下

反应

一个组件基本功用编写完成后,须要有适当的反应,通知顺序发生了什么,只要如许,顺序餐能依据组件的反应做出响应的处置惩罚,才发生多样的交互,满足更多的场景。罕见的反应如:浏览器元素中许许多多的事宜。

    原文作者:lulululu
    原文地址: https://segmentfault.com/a/1190000019026834
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞