版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35393869/article/details/82147561
因项目的保密性,文章仅作为经验类总结,暂不配图和具体代码演示。
望理解。
MUI
作为前端流行框架之一,其ui色系搭配,非常润眼,加之各种组件的交互效果,节省了很大一部分开发时间和精力,是前端开发webapp移动web端开发的不二首选。
其次还有出色的快速搭建技术:结合Hbulider编辑器和热键启动,能快速搭建不一样的UI视觉框架,原生APP一样的交互式体验。
使用起来,也是极其的方便。
它的常用组件,包括但不限于以下示例:
- 导航条(
侧滑导航
等等)、主体区、footer底部选项卡 轮播图
- 9宫格、
小图标
- 卡片式
- 列表(
牵引列表
、媒体列表、图文列表、普通列表等等) - 折叠面板
- 表单组件(按钮、输入框、radio、checkbox、range滑块开关、
switch开关
等等) 语音输入
插件、操作表设计(调用手机camera
等)消息框
、模态框、弹出层
插件(也可以自定义)datatimepicker日期选择
插件、滚动式地址三级联动
插件echart表格
插件- 懒加载、
图案解锁
- 等等其他重要未提及事项
通过上面的列举,基本上能实现定制化的移动端设备的web开发任务需求
。
当然,除了以上的诸多优点,mui框架自身也是有诸多弊端的
。开发中,常见的问题简单列举几个说明一下:
- 框架原生导航的 goback
返回机制
,有时候会因java
开发的basepath
设定而出现偏差;此时需要调整代码、自定义手写设置; - 框架自身的分页插件,需要额外进行繁琐配置;不如自己手写来的实在、便捷;
- mui版本升级,会对原版本有一定的功能性影响;这个操作前要慎重;
- mui字体图标文件有时候易受损,导致效果偏差;此时需要重新下载
.ttf
等文件; - 其他等等
不过总的说来,相比其他的(AUI
、amazUI
等等其他类框架),mui还算是上手很快,简单容易掌握的框架。
望以此文,带你跳坑躲坑,速入mui框架的使用和框架快速搭建技术。
以上就是关于“ MUI - 入门前言 - 可忽略UI设计师的前端框架 ” 的全部内容。