複製鏈接
請複製以下鏈接發送給好友

MUI

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

鎖定
MUI是Dcloud官方推出的一個基於html5+標準的框架,同時擁有h5組件和原生組件,是最接近原生APP體驗的高性能前端框架。 [2] 
軟件名稱
MUI
軟件平台
Chrome、IESafariOperaFirefoxEdge
上線時間
2014年9月10日
最近更新時間
2020年7月30日
軟件語言
HTMLCSSJavaScript
開發商
Dcloud
軟件授權
MIT License
軟件版本
v3.7.2 [2] 
軟件大小
2.21 MB

MUI產生背景

mui裏面沒有封裝的原生組件,大家可以根據自己的需要基於html5+標準和native.js語法進行個性化定製。因此這裏我們可以有一個基本影響就是我們開始可以直接上手mui,不過需要明白mui與其他UI框架的區別在於,mui擁有獨有的原生組件,而且這個是依賴於html5+標準的,所以mui裏面的很多組件實現方法甚至用户就是html5+裏面的標準寫法,對html5+標準有一定了解有助於我們理解mui的一些使用方法 [1] 

MUI框架性能

追求性能體驗,MUI不依賴任何第三方JS庫,壓縮後的JS和CSS文件僅有100+K和60+K [2] 

MUI框架特點

鑑於之前的很多前端框架(特別是響應式佈局的框架),UI控件看起來太像網頁,沒有原生感覺,因此追求原生UI感覺也是重要目標,MUI以iOS平台UI為基礎,補充部分Android平台特有的UI控件。 [2] 

MUI運行環境

MUI原生組件依賴於html5+運行環境,也就是原生app裏面的webview組件(能加載顯示網頁,可以將其視為一個瀏覽器),所以mui裏面的原生組件不能用於瀏覽器環境,可以通過mui裏面的mui.os.plus進行判斷,如果是plus環境會返回true,否則會返回undefined。
開發者可以根據自己的需要進行代碼適配,對於APP使用增強的原生組件,對於普通瀏覽器裏面運行的頁面使用h5組件。同時用户還可以使用mui.os.android、mui.os.ios及mui.os.wechat對平台進行檢測,然後書寫不同的邏輯代碼。
參考資料