针对初学者，mui中有很多需要注意的小细节，我们平时容易忽略，而利用mui的开发又不像移动开发，可以打断点调试，所以我们除了看报错信息以外还要平时注意一些小细节。以下就是
我们都知道，浏览器的几个原生的弹出框，如alert、confirm和prompt是不能写html的。今天，我爱模板网要做下面的效果： 从效果图明显可以看出来，这个是一个confirm提示框，并且提示内容
本文详细介绍了mui预加载页面的四种方法，哪种合适，您看着用： 方式一：preload一次仅能预加载一个页面（除非循环） var subWebview = mui.preload({ url: 'examples/accordion.html', id: 'template_sub'
问： 我看到MUI的官方介绍里面使用预加载的方法是 方式一：通过mui.init方法中的preloadPages参数进行配置. 方式二：通过mui.preload方法预加载. 然后我又在这里看到了某位大神写的文章htt
问： 实现方式1： plus.webview.create(父页面） plus.webview.create（子页面） 父页面.append(子页面） 父页面.show() 实现方式2： mui.open(父页面) 父页面代码中使用mui.init( subpages) 加载子页面 我打印
今天，我爱模板网是 mui 的 webview 做一个页面跳转，从一个页面跳转到另一个页面，这两个页面看似都“嵌套”在index.html页面中。而 webview 我们都喜欢将首尾分离。所以，从一个页面跳
MUI参考手册CHM格式 mui是dloud推出的，最接近原生的html5前端框架，它和其他的前端框架不同的是，它是为“追逐”原生APP而生，配合mui官方封装的html5 plus接口，以及HBuilder的app打包，制
一、mui中打开页面的类型和方式有： 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 二、每种打开方式举例： 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页
购物车原始页面： 先说说功能： 1、点击编辑，出现删除按钮，编辑变为完成两字； 2、点击删除，将当前这行的商品删除； 3、勾选任何一个复选框，立即购买按钮由禁用变为可用，同
mui 监听安卓手机物理返回按键及一些常见的配置
mui为我们提供了alert，confirm，prompt，toast四种框
一、页面刷新问题 1.父页面A跳转到子页面B，B页面修改数据后再跳回A页面，刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefresh", function (e) { location.reload();}); (2).子页面B代码
【几种打开页面的方式】 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 【示例】 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址，支持本地地址
首先我们要明白，状态栏变色、状态栏沉浸式、全屏的区别： 手机的顶部状态栏，也就是信号、电量那条，有4种状态，分别是正常、变色、透明（也称沉浸式状态栏）、消失（也就是全
首先，得将滚动的内容放在： div class="mui-scroll-wrapper"div class="mui-scroll"!--这里放置真实显示的DOM内容--/div/div 然后使用下面的代码即可实时输出（模拟器好卡啊）： var scroll = mui('.mui-sc
做一个微信项目，使用MUI做框架，在使用scroll定位的时候，出现了定位不准确的问题，查询了好多资料，得知他是相对定位。折腾了好久，才搞定，现在做一个笔记。 mui('body').on('tap',
mui按返回键退出程序
mui是一个非常优秀的HTML5 APP 框架。我爱模板网今天在使用他做一个带侧滑菜单，同时支持下拉加载时，出现了问题： 1、下拉加载和上拉刷新一般采用webview的形式，也就是加载出来的内
下面的是mui单webview下拉刷新pullrefresh和上拉加载代码： 1、导航条页面： header class="mui-bar mui-bar-nav" a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"/a h1 class="mui-title"上拉刷新和下拉加
通过重写mui.back()，让用户点击安卓返回键退出应用程序，但是要注意，最好不要覆盖mui.js自带的mui.back()方法，并且最好不要每个页面都用这个，否则只要用户点击返回，就退出，后退功
MUI判断网络是否连接
MUI用于获取当前设备的网络类型 function plusReady(){ var types = {}; types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection"; types[plus.networkinfo.CONNECTION_NONE] = "None connection"; types[plus.networkinfo.CONNECTIO
问：如何安卓跟IOS 分别如何判断 手机上是否安装 某个app 比如百度地图？ 答：iOS: 可以使用NJS实现,首先到百度云平台查询URL Types，然后调用canOpenURL测试 var UIApplication = plus.ios.importClas
注销登录页面,该示例为真实项目中,其中也有很多跨域请求的页面搭建,以及域间传值 !doctype htmlhtml lang="en"head meta charset="UTF-8" / titleDocument/title meta name="viewport" content="width=device-width,initi
mui中提供了登录的模板页，但是对于登录后各个页面的访问控制，刷新等并没有官方的推荐方案。我在这里简单说一种初级的解决方案吧，肯定有不足指出，欢迎批评指正。 第一节中创
今天，客户要求我用mui框架做的app中的联系方式和联系地址，长按应该可以选择复制，mui默认将长按复制禁止了，代码如下： * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-sele
MUI跳转页面之后，加载数据的时候，页面上会出现短暂的空白，这样给用的体验会不太好，所以，可以通过H5+的 nativeUI 模块中的showWaiting显示系统等待对话框。效果如下： 代码如下：
mui获取APP版本，就是在manifest.json文件中设置的APP版本，如下图： mui获取版本号 下面是获取代码： plus.runtime.getProperty(plus.runtime.appid,function(inf){ return inf.version;});
基本说明 mui输入表单包括单行输入框input和多行输入框textarea,当我们使用form表单时，想要得到类似列表的输入框组， 给form添加.mui-input-group类，每个输入框添加.mui-input-row。如果不添加
mui组件js api提供了一些比较常用的方法，例如测试变量类型、获取当前时间戳、解析JSON字符串等等： 变量类型判断：mui.type() var a = [];var b = {};var c = '{"name":"zhaomenghuan","age":22}';console.lo
mui自带了下拉刷新功能，但是这个在某些情况下不好用。比如，使用了offCanvasSide侧滑菜单，而且侧滑菜单和正文在一个webview中，如果加了mui自带的pullRefresh，主体内容（就是套在div id
要完成用MUI拍照和从系统相册选择图片上传的功能，可以理解成有三个功能 1 调用手机相机的功能(可以查看官方API http://www.html5plus.org/doc/zh_cn/camera.html) 2 调用系统相册的功能(可以查看官
今天，我爱模板网做APP，有个拍照功能，需要使用到相机。提交APP STORE发现不通过，原因是，IOS打开相机弹出的RN权限提示框的提示文字有问题，需要改为：“xxx需要使用你相机权限，
mui APP复制粘贴,Native.js复制粘贴，下面的代码经过测试，完美运行，并且兼容性也不错： /** * @description 获取剪贴板内容 (粘贴) */function getClipbordText() { if(!window.plus) return; if(mui.os.android
从2015年7月开始使用MUI进行APP的开发，到现在已经有一个年头了。而以前做过的东西都没有整理过，以后会将自己遇到的坑整理下来。 这篇主要是讲利用MUI和集成的个推来实现APP的消息
Hbuild是支持微信分享（好友和朋友圈），QQ分享，新浪微博和腾讯微博分享。 但是在使用的过程中，官方给的文档似乎很坑爹。 《分享插件配置》 《分享插件开发指南》 都是2014年7月发
分享一篇详细的关于mui分享到微信、朋友圈和QQ的参考文档：
根据mui('#scroll').scroll().y值判断，0的话就是顶部，等于mui('#scroll').scroll().maxScrollY的话，就是底部。 代码： var scroll = mui('.mui-scroll-wrapper').scroll();document.querySelector('.mui-scroll-wrapper').addEve
mui关闭其它页面，首页以及当前窗口对象，不关闭 function backToHomeIndex() { var wvs = plus.webview.all(); //所有窗口对象 var launch = plus.webview.getLaunchWebview(); //首页窗口对象 var self = plus.webview.cur
MUI集成了很多手势事件，单击、长按、滑动（左滑、右滑、上滑、下滑——让我想起了：左看右看上看下看）等等。 点击事件： 1. tap 单击屏幕 2. doubletap 双击屏幕 长按事件： 1. longta
我爱模板网在用mui做一个矿工管理软件的列表页的时候，上拉加载更多"pullupRefresh"，只在第一次加载，再上拉就没反应了，调试的时候发现第一次执行，后面就不执行了： 代码如下：
今天，我爱模板网用mui做app时，遇到了可能各位都遇到过的头疼问题：底部中间图标凸起，如下图： 其实官方已经给出详细解决方案： tab选项卡示例教程-基于subnview模式的原生tab（含底
我爱模板网在做底部凸起圆导航时，遇到了一个问题，中间凸起的圆用plus.nativeObj.View的方式画的，方法可以参考：mui APP tab选项卡底部凸出图标解决实例 http://www.5imoban.net/jiaocheng/hbuild
MUI注销登录界面代码，对退出登录进行了注销和直接关闭的选择操作
在H5+app的开发中，webview的操作是基础，在实际的应用中我们通常会发现不同的webview之间需要相互传递参数或者执行方法。 准备工作： 我们需要两个页面A和B，B是A的子页面，点击B中的
我爱模板网在用mui开发APP时，用mui.previewimage.js做图片预览时，遇到了下面的问题： 如图，这是一个子页面，需求是点击图片预览大图。ok，大家把mui的图片预览拿过来用： 但是，图片是
mui在一个页面执行另一个页面，通常有两种方法：mui.fire()和mui.evalJS()。例如，在B页面要执行A页面的initMe(param)函数，那么用两种方法可以如下写： /**************mui.fire************///A页面fu
html5 plus用js封装了对安卓和IOS底层日历和时钟的调用，pickDate和pickTime，由于是封装的，直接调用的底层的接口，所以，在UI方面，不同的系统的手机显示可能不同，优点是执行速度快。
本示例代码，为我爱模板网在项目中使用的，mui拍照或从相册选择照片，并且对照片进行1倍压缩，最终得到base64为图片地址的代码。这里的图片压缩，用的是jpgtobase64.js插件，它的原理
mui的app提供了显示缓存数量和清除缓存的方法
1、获取当前窗口id： //WebviewObject plus.webview.currentWebview();var ws=plus.webview.currentWebview();//获取当前页面所属的Webview窗口对象console.log( "窗口标识: "+ws.id );console.log( "当前Webview窗口："+ws.get
目前用原生实现比较复杂，建议使用input file转成DataURL或者blob对象，利用html5自带的FileReader对象来实现文件的选择
