MUI的踩坑筆記

夜會美發表於2018-08-07
UI筆記

最近在做公司專案的手機端實現，稍微記錄下遇到的坑
1、在app開發中，若要使用HTML5+擴充套件api，必須等plusready事件發生後才能正常使用，mui將該事件封裝成了mui.plusReady()方法，涉及到HTML5+的api，建議都寫在mui.plusReady方法中。如下為列印當前頁面URL的示例：

mui.plusReady(function(){
     console.log("當前頁面URL："+plus.webview.currentWebview().getURL());
});

2、解決a標籤無法跳轉問題

mui(`body`).on(`tap`,`a`,function(){
    window.top.location.href=this.href;
});

3、提示mui未定義就注意一下js檔案的引用位置；
提示$未定義就注意一下是否將函式包在了下述函式的內部

(function($, doc) {

})(mui, document);

4、在使用手機端的時候js儘量不要用jq，用原生的js會快很多

5、js跳轉頁面

window.location.href="index.html";//在同當前視窗中開啟視窗
window.open("index.html"); //在另外新建視窗中開啟視窗

6、JS常用開頭

(function($, doc) {
                $.init();
                $.ready(function() {
                })
})(mui, document);

7、給標籤mui-scroll-wrapper類之後，需要在js中寫出相應的滑動規則才能滑動

mui(`.mui-scroll-wrapper`).scroll({
    deceleration: 0.0005 //flick 減速係數，係數越大，滾動速度越慢，滾動距離越小，預設值0.0006 
});

8、

相關文章