關於plus是哪里來的問題
plus是5+Runtime的內部對象。
就像chrome瀏覽器里有chrome.開頭的一些對象方法,5+runtime內部內置了plus對象。
因為plus和mui不一樣,plus是引擎級別的,不需要前端框架。而mui是前端框架,所以是要引入mui.js才能使用的。
不要在沒有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 () { })
關於加載順序
plus的ready的時間,在2016年12月后的ios版本上,其實是隨時可用狀態,不需要plus ready概念,但為了保持向下兼容,也仍然存在plus的ready事件;而安卓版本,plus的ready的時間是可以調節的。具體參考http://ask.dcloud.net.cn/article/921
而mui的ready一般伴隨DOMContentLoaded而完成。
詳細的啟動時序參考這里:http://ask.dcloud.net.cn/article/571