跨平臺移動APP開發進階 三 hbuilder+mui mobile app 開發心酸路
1.問題描述:在實現圖片輪轉時,若將
<script type="text/javascript">
mui("#slider").slider({
interval: 5000
});
</script>
置於圖片載入之前,圖片不會顯示,
解決措施:將其置於圖片顯示之後才會顯示。
2.問題描述:
同上面的問題,會遇到報指標為null的異常。若要獲取一個元件的id,可能帶獲取的元件還未載入,導致獲取失敗。
解決措施:將獲取元件id的js指令碼在定義元件id
3.問題描述:頁面是由主頁面加內容頁面組合而成。在主頁面做彈出選單時,彈出選單無法顯示。
問題根源:內容頁面遮擋了彈出選單,致其無法顯示。
解決措施:彈出層放在內容頁面裡,父頁面通知內容頁面來顯示。(使用遮罩蒙版技術解決)
注:在popover、側滑選單等介面,經常會用到蒙版遮罩;比如popover彈出後,除popover控制元件外的其它區域都會遮罩一層蒙版,使用者點選蒙版不會觸發蒙版下方的邏輯,而會關閉popover同時關閉蒙版;再比如側滑選單介面,選單劃出後,除側滑選單之外的其它區域都會遮罩一層蒙版,使用者點選蒙版會關閉側滑選單同時關閉蒙版。
這是一個跨webview
思想來源於Hbuilder群,啟發了自己。通過HBuilder自帶的示例可以很好的解決自己遇到的問題。
折騰了將近一天這個問題還是沒能得到解決!彈出選單還是被內容頁面遮擋。如圖一所示,其實自己是想實現圖二:
疑惑:父頁面如何與內容頁面傳遞資料?
圖一
圖二
4.問題描述
解決措施:
//on中引數的含義依次為事件、選擇器、引數、方法,其中選擇器與引數為可選項
mui('.mui-content').on('tap','body',function(){
alert(this.id);// (根據id判斷是哪一個button)
})
總結:mui中的方法都是封裝的jquery,所以自己還得從jquery著手,因為好多方法不會用,不知道引數的含義。
5.問題描述:由於index頁面的頂部導航欄與分類頁面的頭頂部導航欄相同,header和content在不同的webview中。我想提升程式碼的複用性(即多個content頁面均使用同一個header頁面),如何解決?Mui能夠做到嗎?
解決措施:使用webview模式選項卡。何謂webview模式?其實就是每個選項卡內容都是一個獨立的webview,彼此之間互相獨立、互不影響; 對於較為複雜的業務系統,推薦使用該模式。另外,基於webview模式的選項卡,支援原生加速的下拉重新整理。如下圖:
感觸:其實很多問題都可以從Hello mui demo 中得到答案。自己要經常操作以求更加熟悉。
6.問題描述:見下
解決措施:見上。
再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!希望你也加入到我們人工智慧的隊伍中來!https://www.cnblogs.com/captainbed