zoukankan      html  css  js  c++  java
  • 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)

  • 相关阅读:
    HDU 1882 Strange Billboard(位运算)
    Codeforces Round #243 (Div. 2) A~C
    Codeforces Round #242 (Div. 2) A~C
    2014 微软 编程之美初赛第一场 题目3 : 活动中心
    2014年微软编程之美初赛第一场 第二题 树
    POJ 2318 TOYS && POJ 2398 Toy Storage(几何)
    Coder-Strike 2014
    POJ 1269 Intersecting Lines(几何)
    HDU 1883 Phone Cell (圆覆盖最多点)
    HDU 1429 胜利大逃亡(续)(三维BFS)
  • 原文地址:https://www.cnblogs.com/li-sir/p/10812193.html
Copyright © 2011-2022 走看看