mui適用場景說明
為解決HTML5在低端Android機上的性能缺陷,mui引入了原生加速,其中最關鍵的就是webview控件,因此mui若要發揮其全部能力,需和5+ App配合適用,若脫離5+ App,mui功能會受限,主要涉及三個部分:
webview窗口相關
涉及webview的,除了5+App,其它所有手機瀏覽器及PC瀏覽器均無法使用,涉及功能點包括:
- webview模式窗體動畫
- 創建子窗口(除了為解決區域滾動的常見雙webview場景,還涉及webview模式的選項卡等多webview場景)
- webview模式的側滑菜單(也有div方式側滑菜單)
- webview模式的tab選項卡(也有div方式選項卡)
- nativeUI,如原生的警告框、確認框、popover、actionsheet、toast。這些也有HTML5的實現。
- 預加載
- 自定義事件
第三方擴展插件
涉及webview的,除了5+App,其它所有手機瀏覽器及PC瀏覽器均無法使用,目前主要包括:語音輸入;
Touch事件相關(注意pc瀏覽器沒有touch事件)
Touch事件相關的,手機端瀏覽器均可使用、pc端chrome模擬手機瀏覽器也可以正常使用。
但普通PC端瀏覽器因為沒有touch事件,可以顯示控件但滑動操作功能會受限;涉及功能點包括:
- 手勢事件
- mui封裝的tap相關處理業務:折疊面板、二級列表、二級選項卡;
- mui封裝的swipe、drag相關處理業務:圖片輪播、可左右滑動的圖文表格、可左右滑動的9宮格、滑動觸發列表項菜單、可拖動式側滑菜單、下拉刷新和上拉加載、可拖動式選項卡
【備注】:在PC端,大家將tap替換成click,將HTML5默認的Drag事件替換mui 的swipe和drag,就可以解決如上兩個問題。
除上述列出的功能點,其它mui功能,均可以在其它手機瀏覽器及PC服務端使用,所有CSS均不受影響。
http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/113
