首頁 web前端 前端問答 mui和uni-app的差別是什麼

mui和uni-app的差別是什麼

Sep 06, 2021 pm 02:38 PM
mui uni-app

區別:1、MUI是一套前端框架,可以用於開發web端、web app等應用;而uni-app一套可以適用多端的開源框架,可以開發Android、Web、小程序等多平台的應用。 2、MU不依賴任何第三方JS函式庫,而uni-app需要。

mui和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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

VSCode中如何開發uni-app? (教學分享) VSCode中如何開發uni-app? (教學分享) May 13, 2022 pm 08:11 PM

VSCode中如何開發uni-app?以下這篇文章跟大家分享一下VSCode中開發uni-app的教學課程,這可能是最好、最詳細的教學了。快來看看!

利用uniapp開發一個簡單的地圖導航 利用uniapp開發一個簡單的地圖導航 Jun 09, 2022 pm 07:46 PM

怎麼利用uniapp開發一個簡單的地圖導航?本篇文章就來提供大家一個製作簡單地圖的思路,希望對大家有幫助!

聊聊如何利用uniapp開發一個貪吃蛇小遊戲吧! 聊聊如何利用uniapp開發一個貪吃蛇小遊戲吧! May 20, 2022 pm 07:56 PM

如何利用uniapp開發一個貪吃蛇小遊戲?以下這篇文章就手把手帶大家在uniapp中實現貪吃蛇小遊戲,希望對大家有幫助!

uni-app vue3介面請求怎麼封裝 uni-app vue3介面請求怎麼封裝 May 11, 2023 pm 07:28 PM

uni-app接口,全域方法封裝1.在根目錄建立一個api文件,在api資料夾中建立api.js,baseUrl.js和http.js檔案2.baseUrl.js檔案程式碼exportdefault"https://XXXX .test03.qcw800.com/api/"3.http.js檔案程式碼exportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

實例講解uniapp實現多選框的全選功能 實例講解uniapp實現多選框的全選功能 Jun 22, 2022 am 11:57 AM

這篇文章為大家帶來了關於uniapp的相關知識,其中主要整理了實現多選框的全選功能的相關問題,無法實現全選的原因是動態修改checkbox的checked字段時,界面上的狀態能夠即時變化,但無法觸發checkbox-group的change事件,下面一起來看一下,希望對大家有幫助。

手把手帶你開發一個uni-app日曆插件(並發布) 手把手帶你開發一個uni-app日曆插件(並發布) Jun 30, 2022 pm 08:13 PM

這篇文章手把手帶大家開發一個uni-app日曆插件,介紹下一個日曆插件是如何從開發到發布的,希望對大家有幫助!

聊聊uniapp的scroll-view下拉加載 聊聊uniapp的scroll-view下拉加載 Jul 14, 2022 pm 09:07 PM

uniapp怎麼實作scroll-view下拉載入?以下這篇文章聊聊uniapp微信小程式scroll-view的下拉加載,希望對大家有幫助!

實例詳解uniapp如何實現電話錄音功能(附代碼) 實例詳解uniapp如何實現電話錄音功能(附代碼) Jan 05, 2023 pm 04:41 PM

這篇文章為大家帶來了關於uniapp的相關知識,其中主要介紹了怎麼用uniapp實現撥打電話並且還能同步錄音的功能,感興趣的朋友一起來看一下吧,希望對大家有幫助。

See all articles