MUI(Dcloud推出的移動端UI框架)

MUI是由中國DCloud公司推出的移動端UI框架，基於HTML5+標準開發，整合了H5組件與原生組件以實現接近原生套用的前端體驗。該框架旨在解決傳統回響式布局界面網頁化明顯的問題，通過原生組件最佳化視覺與互動性能，並支持iOS與Android平台控制項的統一風格設計。

框架以輕量化架構為特徵，未集成第三方庫，壓縮後資源體積為JavaScript 100KB、CSS 60KB左右。通過HTML5+運行環境和原生套用WebView組件實現功能調用，支持多平台適配開發，可基於條件編譯機制將同一套代碼發布至iOS、Android套用商店及微信H5等平台。內置環境檢測模組可識別作業系統及運行環境，結合雙WebView技術提升低端設備互動流暢度，但不支持瀏覽器環境單獨使用。

基本介紹

• 軟體名稱：MUI
• 軟體平台：Chrome、IE、Safari、Opera、Firefox、Edge等
• 上線時間：2014年9月10日
• 最近更新時間：2020年7月30日
• 軟體語言：HTML、CSS、JavaScript
• 開發商：Dcloud
• 軟體授權：MIT License
• 軟體版本：v3.7.2 
• 軟體大小：2.21 MB

產生背景

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對平台進行檢測，然後書寫不同的邏輯代碼。