MUI入门小白到大师 - 讲解

MUI入门小白到大师 - 讲解

MUI入门（带你出坑）- 过来人

====
因项目的保密性，文章仅作为经验类总结，暂不配图和具体代码演示。
望理解。
====

MUI作为前端流行框架之一，其ui色系搭配，非常润眼，加之各种组件的交互效果，节省了很大一部分开发时间和精力，是前端开发webapp移动web端开发的不二首选。

其次还有出色的快速搭建技术：结合Hbulider编辑器和热键启动，能快速搭建不一样的UI视觉框架，原生APP一样的交互式体验。

使用起来，也是极其的方便。

---

它的常用组件，包括但不限于以下示例：

1. 导航条（侧滑导航等等）、主体区、footer底部选项卡
2. 轮播图
3. 9宫格、小图标
4. 卡片式
5. 列表（牵引列表、媒体列表、图文列表、普通列表等等）
6. 折叠面板
7. 表单组件（按钮、输入框、radio、checkbox、range滑块开关、switch开关等等）
8. 语音输入插件、操作表设计（调用手机camera等）
9. 消息框、模态框、弹出层插件（也可以自定义）
10. datatimepicker日期选择插件、滚动式地址三级联动插件
11. echart表格插件
12. 懒加载、图案解锁
13. 等等其他重要未提及事项

通过上面的列举，基本上能实现定制化的移动端设备的web开发任务需求。

---

当然，除了以上的诸多优点，mui框架自身也是有诸多弊端的。开发中，常见的问题简单列举几个说明一下：

1. 框架原生导航的 goback返回机制，有时候会因java开发的basepath设定而出现偏差；此时需要调整代码、自定义手写设置；
2. 框架自身的分页插件，需要额外进行繁琐配置；不如自己手写来的实在、便捷；
3. mui版本升级，会对原版本有一定的功能性影响；这个操作前要慎重；
4. mui字体图标文件有时候易受损，导致效果偏差；此时需要重新下载.ttf等文件；
5. 其他等等

---

不过总的说来，相比其他的（AUI、amazUI等等其他类框架），mui还算是上手很快，简单容易掌握的框架。

• 望以此文，带你跳坑躲坑，速入mui框架的使用和框架快速搭建技术。

---

以上就是关于“ MUI入门（带你出坑）- 过来人 ” 的全部内容。