MUI -- plus初始化原理及plus is not defined，mui is not defined 錯誤彙總

不要在沒有plus和mui的環境下調用相關API

普通瀏覽器裏沒有plus環境，只有HBuilder真機運行和打包後才能運行plus api。

在普通瀏覽器裏運行時plus api時控制檯必然會輸出plus is not defined錯誤提示。

mui做爲一個前端框架，你必須保證當前頁面引入了mui.js。不然也會出現mui is not defined。

 

不要在plus和mui未完成初始化時調用相關API

就像在dom初始化完成前(DOMContentLoaded)去操做dom，就會報錯是同樣的道理。

plus和mui都須要初始化，在初始化完成後調用再調用。

通常咱們在plusready的回調事件裏調用plus api。

document.addEventListener('plusready',function () {
        // 在這裏調用plus api
    },false);

執行更高效的寫法是這樣，若是plus已經存在，就直接使用

function plusReady(){
            // 在這裏調用plus api
        }
        if(window.plus){
            plusReady();
        }else{
            document.addEventListener('plusready',plusReady,false);
        }

mui框架對此進行了封裝，寫法更簡單：

mui.plusReady(function(){
             // 在這裏調用plus api
        });

事實上，mui做爲一個框架，也有初始化的過程，但mui的初始化過程在DOMContentLoaded完畢後就結束了。

mui ready的寫法是這樣，但通常無需使用。

mui.ready(function () {
 
        })

關於加載順序

在瀏覽器裏的常規加載順序是DOMContentLoaded、onload。

plus的ready是異步的，因此不必定在DOMContentLoaded以前或以後，但通常在onload以前。

而mui的ready通常伴隨DOMContentLoaded而完成。

詳細的啓動時序參考這裏：[http://ask.dcloud.net.cn/article/571](http://ask.dcloud.net.cn/article/571)