㈠ mui做手機app怎麼做單頁面開發
mui主張用webview方式開發APP(webview你可以理解為PC站中的iframe方式),所以MUI本身不支持單頁面應用的開發,如果想開發單頁面應用,建議使用VUE、angular、backbone等這類框架開發。只用MUI是不可能開發單頁面應用了,最基礎的一條,它沒有「路由」這個概念,所以不可能用它開發單頁面應用
㈡ mui能開發復雜app嗎
可以的,做沉浸式導航的時候,需要在配置文件manifest.json里的plus的節點下的statusbar對象里設置」immersed」: true,這樣確實是設置好了沉浸式,但是這樣你會發現你的頭部完全都跑到狀態上去了,所以正確的做法就是會給頭部加一個padding值,然後因為不同的手機的狀態欄高度是不一樣的,所以我們需要動態去計算出狀態欄的高度,然後給相應的padding-top值;
當然MUI框架的頭部都設置了box-size:border-box;所以還需要設置高度,這個都只是CSS的問題而已,這樣做也不是什麼問題;一切都沒什麼問題,不過個人感覺這樣做不太好,因為狀態欄的顏色什麼的不好設置;感覺不要給頭部設置什麼高度或者padding,其實直接在打開頁面的時候就設置狀態欄的顏色,這樣會靠譜一些。
㈢ 大哥們,有沒有用vue和mui一起過來開發過app的
mui開發注意事項MuiHTML5開發框架mui是一個高性能的Html5開發框架,從UI到效率,都在極力追求原生體驗;這個框架自身有一些規則,剛接觸的同學不很熟悉,特總結本文;想了解mui更詳細的信息,請訪問mui官網。DOM結構關於mui頁面的dom,你需要知道如下規則:固定欄靠前所謂的固定欄,也就是帶有.mui-bar(類選擇器)屬性的節點,都是基於fixed定位的元素;常見組件包括:頂部導航欄(.mui-bar-nav)、底部工具條(.mui-bar-footer)、底部選項卡(.mui-bar-tab);這些元素使用時需遵循一個規則:放在mui-content元素之前,即使是底部工具條和底部選項卡,也要放在.mui-content之前,否則固定欄會遮住部分主內容;###一切內容都要包裹在mui-content中除了固定欄之外,其它內容都要包裹在.mui-content中,否則就有可能被固定欄遮罩,原因:固定欄基於Fixed定位,不受流式布局限制,普通內容依然會從top:0的位置開始布局,這樣就會被固定欄遮罩,mui為了解決這個問題,定義了如下css代碼:.mui-bar-nav~.mui-content{padding-top:44px;
㈣ 前端使用mui進行app開發,有哪些好處和弊端
mui的好處是樣式,組價都比較齊備也貼近原生,使用也還算簡單,更新也即時,壞處很明顯,打包的話會增加很大的體積,影響載入速度,而且如果你後期要使用VUE,REACT的話,會有些兼容的問題。
㈤ 使用mui開發移動APP,於伺服器交互實現的問題求大神解答
webapp:用html
css
和js開發的運行在
伺服器端
的app;
Native
app:根據
手機系統
的默認開發語言開發的app
hybrid
app:基於兩者之間的app
而你在問題里說的webapp本身就是一個用手機訪問的網站,部署在伺服器端,不需要安裝,直接通過瀏覽器訪問的,如果是需要安裝的app,可以
網路一下
後面兩種,你應該就會明白了。
㈥ Hbuilder mui這個前端ui框架如何有什麼優缺點
我覺得
UI
框架的優缺點要從本身的幾個特點來看:
UI
框架應該有的基本功能,比如各種瀏覽器內核的適配,比如
touch/swipe
的封裝,即使沒有
swipe
也要能夠方便接入別人的插件,目前敢放出來推廣的框架都做到了這些。
手機特有的
layout/交互/UI
Pattern,有的框架會模仿
iOS
原生應用的
UI,有的專為
Android
而做,也有兼顧的,因為不管是
iOS
還是
Android
一年之後都會變換風格,所以
UI
框架默認提供的
UI
雖然重要(很多人很懶或者沒有能力自己設計),但是提供的
UI
易以定製更重要。
上手難度和開發方式,是指
UI
框架內部是如何設計來滿足你開發、增加新模塊的需求的,比如你的
app
要增加一個側邊欄,分別對應幾個欄目,要寫什麼代碼,需不需要自己寫代碼。
是否有一些小亮點,比如
icon
全部是
icon
font,內置復雜的
carousel
plugin
等等。
㈦ MUI可以進行微信公眾號開發嗎
MUI適用於移動APP的開發,但是很多人希望這個框架也能支持微信開發,就目前個人使用而言。它確實做得不錯,雖然還有很多不足之處,但是無傷大雅。
微信開發和5+APP有什麼區別,拋開PC端而言,最大的區別是webview這個控制項,以下是MUI適應場景應用
webview窗口相關
涉及webview的,除了5+App,其它所有手機瀏覽器及PC瀏覽器均無法使用,涉及功能點包括:
webview模式窗體動畫
創建子窗口(除了為解決區域滾動的常見雙webview場景,還涉及webview模式的選項卡等多webview場景)
webview模式的側滑菜單(也有div方式側滑菜單)
webview模式的tab選項卡(也有div方式選項卡)
nativeUI,如原生的警告框、確認框、popover、actionsheet、toast。這些也有HTML5的實現。
預載入
自定義事件
第三方擴展插件
涉及webview的,除了5+App,其它所有手機瀏覽器及PC瀏覽器均無法使用,目前主要包括:語音輸入;
第三點,微信開發(手機瀏覽器)沒有集成plus,所以所有關於plus的操作在瀏覽器中是無法操作的。微信開發要注意這些東西
㈧ 用mui開發的移動app屬於混合開發嗎
mui開發注意事項
Mui HTML5開發框架
mui是一個高性能的Html5開發框架,從UI到效率,都在極力追求原生體驗;這個框架自身有一些規則,剛接觸的同學不很熟悉,特總結本文;想了解mui更詳細的信息,請訪問mui官網。
DOM結構
關於mui頁面的dom,你需要知道如下規則:
固定欄靠前
所謂的固定欄,也就是帶有.mui-bar(類選擇器)屬性的節點,都是基於fixed定位的元素;常見組件包括:頂部導航欄(.mui-bar-nav)、底部工具條(.mui-bar-footer)、底部選項卡(.mui-bar-tab);這些元素使用時需遵循一個規則:放在mui-content元素之前,即使是底部工具條和底部選項卡,也要放在.mui-content之前,否則固定欄會遮住部分主內容;
### 一切內容都要包裹在mui-content中
除了固定欄之外,其它內容都要包裹在.mui-content中,否則就有可能被固定欄遮罩,原因:固定欄基於Fixed定位,不受流式布局限制,普通內容依然會從top:0的位置開始布局,這樣就會被固定欄遮罩,mui為了解決這個問題,定義了如下css代碼:
.mui-bar-nav ~ .mui-content {
padding-top: 44px;