本文摘自PHP中文网,作者little bottle,侵删。
组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能,可以了解一下,希望你帮到你。主体功能
主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日期,下拉选择组件的目标是展示选项供用户选择等。这是最开始需要考虑的部分,也是组件的基础。
主体功能的颗粒度控制功能
主体功能的颗粒度控制功能是指对组件功能细化控制的功能,可以分为
1、功能开关,如日期选择组件有选择时间的功能,可以提供api用来控制是否开始开启时间选择功能、日期可选范围等;
2、行为控制功能,如控制弹框是否显示功能
3、内容控制功能,如表格的自定义列功能,时间选择器的单元自定义渲染功能,弹框的页脚自定义功能。
4、结构控制组件,如下拉框弹框可以自定义容器
5、样式控制功能,大部分情况下使用者都可以比较方便的修改组件的样式,但是再某些情况下
反馈
一个组件基础功能编写完成后,需要有恰当的反馈,告诉程序发生了什么,只有这样,程序餐能根据组件的反馈做出相应的处理,才能产生多样的交互,满足更多的场景。常见的反馈如:浏览器元素中许许多多的事件。
相关教程:UI视频教程
以上就是快速了解UI组件功能设计的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css中display:hidden和display:none有什么区别
更多相关阅读请进入《Html》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者