首页 > web前端 > js教程 > 快速了解UI组件功能设计

快速了解UI组件功能设计

little bottle
发布: 2019-04-30 10:29:21
转载
2577 人浏览过

组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能,可以了解一下,希望你帮到你。

主体功能

主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日期,下拉选择组件的目标是展示选项供用户选择等。这是最开始需要考虑的部分,也是组件的基础。

主体功能的颗粒度控制功能

主体功能的颗粒度控制功能是指对组件功能细化控制的功能,可以分为
1、功能开关,如日期选择组件有选择时间的功能,可以提供api用来控制是否开始开启时间选择功能、日期可选范围等;
2、行为控制功能,如控制弹框是否显示功能
3、内容控制功能,如表格的自定义列功能,时间选择器的单元自定义渲染功能,弹框的页脚自定义功能。
4、结构控制组件,如下拉框弹框可以自定义容器
5、样式控制功能,大部分情况下使用者都可以比较方便的修改组件的样式,但是再某些情况下

反馈

一个组件基础功能编写完成后,需要有恰当的反馈,告诉程序发生了什么,只有这样,程序餐能根据组件的反馈做出相应的处理,才能产生多样的交互,满足更多的场景。常见的反馈如:浏览器元素中许许多多的事件。

相关教程:UI视频教程

以上是快速了解UI组件功能设计的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:segmentfault.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板