快速了解UI组件功能设计


本文摘自PHP中文网,作者little bottle,侵删。

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

主体功能

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

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

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

反馈

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

相关教程:UI视频教程

以上就是快速了解UI组件功能设计的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css如何设置图片透明度

详解javascript中的作用域和作用域链

Html搜索框怎么做

javascript中$是什么意思

css怎么给删除线设置颜色

Html怎么在图片上设置字体

图片 css div居中代码怎么写

javascript中如何加入超链接

javascript中url的相关内容介绍(附代码)

Html文档中怎么把图片作为背景?

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...