MUI介绍

 

1.1 MUI是什么，解决了什么问题。

1）性能和体验的差距，一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题，这些都让HTML5开发者倍感挫败，尤其拿到Android低端机运行，摔手机的心都有；（如果开发者需要解决这些问题，需要处理很多兼容性问题，需要花费大把时间和精力）

2）浏览器默认控件样式又少又丑，制作一个漂亮的控件非常麻烦，也有一些制作简单的ui框架但性能低下。

mui解决的问题：这是一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。有些控件就是原生态的效果，mui起到了桥梁的作用

mui是国产的，北京数字天堂.....和它配套的有（开发工具HBulier，5+runtime）

5+runtime；可以将H5打包成native app,原理：利用原生态的webview去承载html5

 

 

1.2 MUI的特点

(1) 轻量

追求性能体验，是我们开始启动MUI项目的首要目标，轻量必然是重要特征；

MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K

可以根据自己的需求，自定义去下载对应的模块。和我们之前接触的zepto.js

 

(2) 原生UI

鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是我们的重要目标

MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件

 

（3）容易上手

不需要其他框架基础：语法上与我们之前学习的写法是一样；

其他框架：ionic(Angular.js) ,react (native) ，vue

(facebook 公司开发的，react native是两个框架)

Vue react Angular是并列关系

前端是Vue和react的天下

1.3 MUI存在的问题

1）名气不是很大，国产，不像react、angular那样，世界范围都在使用，目前国内mui使用的公司还是很多的

2）框架本身存在一些问题，还有一些待解决的问题（tap==click事件）

3）

 

1.4分析MUI结构

dist distribution的缩写，存放目标，发布的文件，对于一些框架来说，使用者将里面的copy出来直接用就OK了

examples:存储案例（Dmo）的文件

grunt:存储JS模块相关文件。类似sass里面引用sass，这里是JS里面引用JS

和 grunt类似的工具用gulp  webpack

plugin:存储该框架的插件