mui.init()与mui.plusReady()区别和关系

 更新时间:2017年11月15日 10:14:02   投稿:laozhang  
给大家分享一下在使用MUI进行APP开发的时候,mui.init()与mui.plusReady()区别以及使用上不同之处。

首先我们来看下mui.init()与mui.plusReady()的区别:

mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。
但是官方有又说法:
页面初始化:必须执行mui.init方法
mui在页面初始化时,初始化了很多参数配置,比如:按键监听、手势监听等,因此mui页面都必须调用一次mui.init()方法;

在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。

个人认为:
1.每个用到mui的页面都调用下mui.init。
2.如果需要使用大H5+对象,就写到plusReady中,如plus对象。

初学mui会发现大量的demo中,都需要调用mui.init()和mui.plusReady(),可见这两东西在app开发中的重要性

首先请注意一点,如果不是做app开发(非hbuilder基座运行),做web开发的话(在浏览器运行html),plusReady是没有意义的,不会执行,为什么?

无论做wap网页,还是app开发,只要需要用到mui框架,都需要mui.init初始化框架功能,而plusready仅仅在app开发中使用

mui个人习惯:

每个用到mui的页面都调用下mui.init,直接放在js最前方
除了function定义函数之外,全都写在plusReady之中,function调用也放在其中,毕竟做app开发调用html5+api十分的频繁,就像jq的$(document).ready()一样的道理,尤其是出现plus对象的一定放在plusReady里面!
目前尚不清楚plusReady过分臃肿对性能是否造成伤害。理论上只是在html5+加载完之后执行其中的代码罢了,是不会影响性能,只会晚一点执行(延迟并不会感受到)

关于mui plusReady的注意点:

mui.plusReady()中的代码不执行

可能1:

你在浏览器下运行了html

可能2:

plusReady事件仅在webview首次创建时触发,使用mui.openWindow方法多次打开已存在的同样id的webview时,是不会重复触发plusReady事件的; 因此若业务写在plusReady事件中,可能会出现执行结果和预期不一致的情况;此时可通过自定义事件触发

mui.init和mui.plusReady这两者到底什么关系

mui.init初始化mui的一些参数配置
如果要使用h5+的一些对象、方法,就要使用mui.plusReady,比如mui.plus对象。
mui,init每次写js,最好都加上。

相关文章

  • Android 如何拦截用户频繁操作(点击事件)

    Android 如何拦截用户频繁操作(点击事件)

    本文主要介绍了Android 如何拦截用户频繁操作,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Android自定义相机实现定时拍照功能

    Android自定义相机实现定时拍照功能

    这篇文章主要为大家详细介绍了Android自定义相机实现定时拍照功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Android实现漂亮的Gallery画廊

    Android实现漂亮的Gallery画廊

    这篇文章主要为大家详细介绍了Android实现漂亮的Gallery画廊,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Flutter路由跳转参数处理技巧详解

    Flutter路由跳转参数处理技巧详解

    这篇文章主要为大家介绍了Flutter路由跳转参数处理技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • Android ViewPager实现轮播图效果

    Android ViewPager实现轮播图效果

    这篇文章主要为大家详细介绍了Android ViewPager实现轮播图效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android仿美团网、大众点评购买框悬浮效果修改版

    Android仿美团网、大众点评购买框悬浮效果修改版

    这篇文章主要为大家详细介绍了Android仿美团网、大众点评购买框悬浮效果的修改版,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android直播系统平台搭建之图片实现阴影效果的方法小结

    Android直播系统平台搭建之图片实现阴影效果的方法小结

    这篇文章主要介绍了Android直播系统平台搭建, 图片实现阴影效果的若干种方法,本文给大家带来三种方法,每种方法通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2021-08-08
  • Android Activity启动流程刨析

    Android Activity启动流程刨析

    Activity作为Android四大组件之一,他的启动绝对没有那么简单。这里涉及到了系统服务进程,启动过程细节很多,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值
    2022-08-08
  • Android实现一个带粘连效果的LoadingBar

    Android实现一个带粘连效果的LoadingBar

    Loading效果相信大家应该都实现过,最近发现了一个不错的效果,决定分享给大家,所以下面这篇文章主要给大家介绍了关于利用Android实现一个带粘连效果的LoadingBar的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-12-12
  • Android线程管理之ActivityThread

    Android线程管理之ActivityThread

    线程通信、ActivityThread及Thread类是理解Android线程管理的关键。通过本文给大家介绍Android线程管理之ActivityThread 的相关知识,对android线程管理相关知识感兴趣的朋友一起学习吧
    2016-01-01

最新评论