MUI框架简介

MUI是Dcloud（数字天堂）官方推出的一个基于html5+标准的框架，同时拥有h5组件和原生组件，是最接近原生APP体验的高性能前端框架。

产生背景

mui里面没有封装的原生组件，大家可以根据自己的需要基于html5+标准和native.js语法进行个性化定制。因此这里我们可以有一个基本影响就是我们开始可以直接上手mui，不过需要明白mui与其他UI框架的区别在于，mui拥有独有的原生组件，而且这个是依赖于html5+标准的，所以mui里面的很多组件实现方法甚至用户就是html5+里面的标准写法，对html5+标准有一定了解有助于我们理解mui的一些使用方法 

框架性能 

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

框架特点

鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI感觉也是重要目标，MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件。 

运行环境

MUI原生组件依赖于html5+运行环境，也就是原生app里面的webview组件（能加载显示网页，可以将其视为一个浏览器），所以mui里面的原生组件不能用于浏览器环境，可以通过mui里面的mui.os.plus进行判断，如果是plus环境会返回true，否则会返回undefined。

开发者可以根据自己的需要进行代码适配，对于APP使用增强的原生组件，对于普通浏览器里面运行的页面使用h5组件。同时用户还可以使用mui.os.android、mui.os.ios及mui.os.wechat对平台进行检测，然后书写不同的逻辑代码。

ChatGPT AI

MUI（前身为" 魔炳UI "）是一个基于HTML5和CSS3的移动端框架，可以提供许多UI组件和类似于原生应用程序的交互效果。比如模拟iOS和Android平台的滚动效果、导航切换、下拉刷新等等。最初MUI是为mui.com网站及相关产品开发而诞生的，后来开源并成为一个独立的项目。MUI使用了亮度颜色引导的彩色风格，提供了一系列吸引人的UI控件。它还支持响应式设计、快速开发、定制灵活等特性，被广泛地应用于混合移动应用和HTML5 Web应用开发中。