mui app與uniapp區別

2021-01-26 12:01:13

mui app與uniapp區別:1、uniapp是一套可以適用多端的開源框架,是一個使用Vue.js開發所有前端應用的框架,而mui是最接近原生APP體驗的高效能前端框架;2、mui輕量且不依賴任何第三方JS庫等等。

本文操作環境:windows7系統、uni-app2.5.1版本,Dell G3電腦。

推薦(免費):

一、優點

1、uni-app

開發時參照uni-app官網會更便捷(https://uniapp.dcloud.io/)

uni-app是一套可以適用多端的開源框架,是一個使用 Vue.js開發所有前端應用的框架,開發者編寫一套程式碼,可釋出到iOS、Android、Web(響應式)、以及各種小程式(微信/支付寶/百度/頭條/QQ/釘釘/淘寶)、快應用等多個平臺。

uni-app對前端開發人員比較友好,學習成本比較低,因為uni-app是基於vue.js。並且它的封裝的元件和微信小程式的元件一樣,所以對於現在的主流前端人員來說學習成本幾乎為0。

uni-app使用HbuildX進行開發。使用HBuilderX進行開發可以說是速度槓槓的。開發速度比較快,ps:我是一個webstom黨(vue很上手),但是對於開發純靜態頁這種會用HBuilderX,個人覺得很不錯無論是環境還是提示效果都很豐富。

2、mui

開發時參照mui官網會更便捷(https://dev.dcloud.net.cn/mui/

MUI輕量、且不依賴任何第三方JS庫,壓縮後的JS和CSS檔案僅有100+K和60+K

原生UI:鑑於之前的很多前端框架(特別是響應式佈局的框架),UI控制元件看起來太像網頁,沒有原生感覺

MUI以iOS平臺UI為基礎,補充部分Android平臺特有的UI控制元件

有配套的開發工具HBuilder,提供完善的程式碼提示以及打包流程的簡化,同時也提供相應的DEMO,對於入門來說,應該算是非常人性化和簡單的。

MUI只專注於UI的適配和渲染以及各種UI模組的封裝,不提供其他與UI無關的功能。這可以極大的提高靈活性,方便與其他框架融合使用,同時也有效的保證框架不會太過臃腫龐大,從而影響了效能。

二、缺點

1、uni-app

很多人以為小程式是微信先推出的,其實,DCloud才是這個行業的開創者。所以uni-app問世的時間比較短,有很多地方還不是完善。

快應用僅支援 vivo 、oppo、華為

360小程式僅 windows平臺支援,需要在360瀏覽器中開啟

2、mui

官方檔案優點過於簡陋,對於JS部分的檔案偏少,如有需要進行客製化或者修改的話,不方便。對框架的實現原理和程式碼缺少解釋性的檔案,不方便老手進行鍼對性的客製化或者遇到問題時進行排查。

對vue的支援目前還存在問題,當用vue對資料進行渲染後,mui的元件很多時候都無法做出合適的響應,比如無法下拉之類的問題。

對於三方的SDK的支援不夠完善。目前對於地圖的支援並不好。

以上就是mui app與uniapp區別的詳細內容,更多請關注TW511.COM其它相關文章!