區別:1、MUI是一套前端框架,可以用於開發web端、web app等應用;而uni-app一套可以適用多端的開源框架,可以開發Android、Web、小程序等多平台的應用。 2、MU不依賴任何第三方JS函式庫,而uni-app需要。
本教學操作環境:windows7系統、uni-app2.5.1版,DELL G3電腦。
MUI介紹
MUI是一套前端框架,由DCLOUD公司研發而成,提供大量H5和js語言組成的元件,大幅提高了開發效率,可以用於開發web端應用、web app等應用程式。
MUI輕量、且不依賴任何第三方JS函式庫,壓縮後的JS和CSS檔案只有100 K和60 K
原生UI:鑑於之前的許多前端框架(特別是響應式版面的框架),UI控制看起來太像網頁,沒有原生感覺
MUI以iOS平台UI為基礎,補充部分Android平台特有的UI控制項
#有配套的開發工具HBuilder,提供完善的程式碼提示以及打包流程的簡化,同時也提供相應的DEMO,對於入門來說,應該算是非常人性化和簡單的。
MUI只專注於UI的適配和渲染以及各種UI模組的封裝,不提供其他與UI無關的功能。這可以極大的提高靈活性,方便與其他框架融合使用,同時也有效的保證框架不會太過臃腫龐大,從而影響了性能。
缺點
官方文件優點過於簡陋,對於JS部分的文檔偏少,如有需要進行自訂或修改的話,不方便。對框架的實作原理和程式碼缺少解釋性的文檔,不方便老手進行針對性的定製或遇到問題時進行排查。
對vue的支援目前還存在問題,當用vue對資料進行渲染後,mui的元件很多時候都無法做出合適的回應,例如無法下拉之類的問題。
對於三方的SDK的支援不夠完善。目前對於地圖的支援並不好。
uni-app介紹
uni-app是一套可以適用多端的開源框架,是使用Vue.js開發所有前端應用的框架,開發者編寫一套程式碼,可發佈到iOS、Android、Web(響應式)、以及各種小程式(微信/支付寶/百度/頭條/QQ/釘子/淘寶)、快應用等多個平台。
uni-app對前端開發人員比較友好,學習成本比較低,因為uni-app是基於vue.js。而且它的封裝的組件和微信小程式的組件一樣,所以對於現在的主流前端人員來說學習成本幾乎為0。
uni-app使用HbuildX進行開發。使用HBuilderX進行開發可以說是速度槓槓的。開發速度比較快,ps:我是webstom黨(vue很上手),但是對於開發純靜態頁這種會用HBuilderX,個人覺得很不錯無論是環境還是提示效果都很豐富。
缺點
很多人以為小程式是微信先推出的,其實,DCloud才是這個行業的開創者。所以uni-app問世的時間比較短,有很多地方還不是完善。
快應用程式僅支援vivo 、oppo、華為
360小程式僅windows平台支持,需要在360瀏覽器中開啟
推薦:《uniapp教學》
以上是mui和uni-app的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!