mui框架菜鸟教程,MUI框架如何获取当前标签的子标签

mui框架菜鸟教程,MUI框架如何获取当前标签的子标签详细介绍

本文目录一览： 使用MUI框架如何加载外部网页或服务器数据

下面我就为大家分享一篇浅谈MUI框架中加载外部网页或服务器数据的方法，具有很好的参考价值，希望对大家有所帮助。我们很多同学在实施使用MUI框架的时候,在打开新的页面的时候常使用的方式是:mui.openwindow的方法,然而遇到网页需要从服务器或者是要嵌套外部的网页的时候,由于网速的问题会遇到加载时出现白屏,等待时间过长,导致用户体验不好.页面加载的时候使用plus.webview.create方法就很好的解决了这个问题.废话不多说直接贴代码首先我们需要在创建一个父页面,以下是父页面的JS// H5 plus事件处理 function plusReady(){ var nwaiting = plus.nativeUI.showWaiting();//打开原生加载等待框 ws=plus.webview.currentWebview();//创建一个新的页面 embed=plus.webview.create(“createShow.html”,”“,{bottom:”0px”});//新的页面地址 embed.onclose=embedClose; ws.append(embed);} if(window.plus){ plusReady(); }else{ document.addEventListener(“plusready”,plusReady,false); } // 页面关闭事件回调函数 function embedClose(e){ alert( “Closed!” ); }创建一个createShow.html子页面,这个是我自己取的名字 ,mui.init({ //示例打开百度,进行加载 subpages:[{ url:"https://www.baidu.com", id:"https://www.baidu.com", styles:{ } }] })mui.plusReady(function(){var ws = plus.webview.currentWebview();//加载进外部网页,加载完成关闭等待框ws.show('slide-in-right', 50);plus.nativeUI.closeWaiting();} )上面是我整理给大家的，希望今后会对大家有帮助。相关文章：在vue-lazyload中使用图片延迟加载插件在Vue中如何使用highCharts绘制3d饼图在vue中如何使用ueditor

如何在安卓原生APP中使用MUI框架

先用Android Studio创建一个新项目（MyFirstMUI）。
1、导入jar包，可从HBuilder-Integrate工程的libs中选择，具体要导入哪些jar包可从SDK中的Feature-Android.xls中查看。
2、加入APP资源：
①在工程目录下的创建assets文件夹，并在assets目录下添加apps目录
②在apps目录下创建应用ID同名目录
③在应用ID同名目录下创建www目录
④将应用资源和应用配置文件（manifest.json）拷贝到www目录下
其中“H5B1EA68D”目录名称为应用manifest.json中的id名称，务必一致。
添加control.xml文件和properties.xml文件到assets->data目录下
其
中control.xml文件的appid值为HBuilder应用的appid，必须与应用manifest.json中的id值完全一
致；appver为应用的版本号，用于应用资源的升级，必须保持与manifest.json中的version ->
name值完全一致；version值为应用基座版本号（plus.runtime.innerVersion返回的值），不要随意修改。
Properites文件用于对应JS类名和Android包名的对应关系，用户可以根据开发项目使用到的插件对文件进行添加或删改。
这两个文件都可从HBuilder-Integrate工程中拷贝过来进行修改。
3、复制所需的资源文件到drawable和layout文件夹中：
4、修改AndroidManifest.xml文件
文
件中的versionCode与manifest.json中version ->
code值一致；versionName与manifest.json中version ->
name值一致。根据HBuilder-Integrate工程中的AndroidManifest.xml文件添加所的功能权限。
5、添加代码编译测试
注意RInfomation要连同其目录一起复制进项目中。
具体可查看文档http://ask.dcloud.net.cn/article/81
到此结束，附上我自己写的例子大家可以下载下来参考，是用Android Studio写的，在Eclipse上同理。
另外如果你想要在一个安卓项目中引入多个HBuilder写成的APP模块，同样先将资源拷贝到assets目录下，如下在control.xml文件中配置多个apps，即可引用多个模块。

MUI框架如何获取当前标签的子标签

1、查找子元素方式1：>
例如：var aNods = $("ul > a");查找ul下的所有a标签
2、查找子元素方式2：children()
3、查找子元素方式3：find()
通过下标获取第n个子标签的ID值
1.var num1=$("ul > a:eq(0)").attr("ID");
2.var num2=$("ul").children("a:eq(0)").attr("ID");
3.var num3=$("ul").find("a:eq(0)").attr("ID");

如何优化mui列表跳转到详情页

一、预加载的实现（两种方法）：官方地址预加载方法一：通过mui.init方法中的preloadPages参数进行配置。mui.init({ preloadPages:[ { url:prelaod-page-url, id:preload-page-id, styles:{},//窗口参数 extras:{},//自定义扩展参数 subpages:[{},{}]//预加载页面的子页面 } ], preloadLimit:5//预加载窗口数量限制(一旦超出,先进先出)默认不限制});在使用中，可能用不到那么多的属性，下面是我的使用案例：mui.init({ preloadPages: [{ url: 'account_detail.html', id: 'account_detail.html' }]});只需要设置url和id就可以，详情页需要的参数在使用mui.fire的时候传过去；预加载方法二：通过mui.preload方法预加载。var page = mui.preload({ url:new-page-url, id:new-page-id,//默认使用当前页面的url作为id styles:{},//窗口参数 extras:{}//自定义扩展参数});预加载两种方法对比：1.方法一为异步创建预加载页面，并且可以同时创建多个页面，但是由于是异步的，因此不能立即获取到创建的webview对象，并且需要使用plus.webview.getWebviewById来获取到创建的webview;2.方法二为同步创建预加载页面，可以在创建后同步获取到webview,即方法二的“page”变量；但是方法二只能同时创建一个预加载的页面；二、通过mui.fire触发自定义事件原理：两个同时存在的webview之间可以通过mui.fire方法来触发另一个webview中的自定义事件，因此，我们可以在详情页中创建一个自定义事件，监听列表页中的mui.fire方法。mui.fire( target , event , data )target:详情页（列表页中预加载的详情页）的webview;event:详情页中监听的自定义事件；data:需要传给详情页的参数；1.在详情页创建并监听自定义事件“account_bid_detail_fire”：$.plusReady(function() { /** * 实例化获取接口数据方法 */ var get_bid_detail = new GET_BID_DETAIL(); window.addEventListener('account_bid_detail_fire', function(event) { //获得事件参数 var id = event.detail.id; console.log(JSON.stringify(event.detail)); //触发ajax，根据id向服务器请求当前列表详情 get_bid_detail.init(id); }); });mui.fire从列表页传的参数都在event.detail中，可以输出具体查看；2.在列表页触发“account_bid_detail_fire”事件：mui(document.body).on("tap", ".account_bid_list", function() {//触发详情页面的account_bid_detail_fire事件 var detail_webview = null; if(!detail_webview) { //判断webview是否存在 detail_webview = plus.webview.getWebviewById("account_detail.html"); } //detail_webview是在列表页中预加载的页面； mui.fire(detail_webview, 'account_bid_detail_fire', { id: _this.dataset.id }); //打开详情页面 mui.openWindow({ id: "account_detail.html",//详情页webview的id show: { aniShow: 'none', //页面不显示动画 duration: '0' // } });});接下来，在列表页点击列表的时候就可触发详情页的“account_bid_detail_fire”事件，然后触发详情页的ajax来更新请求的数据；文末福利：福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880福利二：微信小程序入门与实战全套详细视频教程：https://www.jianshu.com/p/e8197d4d9880相关推荐：比较总结mui页面跳转方式之间的差异MUI实现上拉加载和下拉刷新的实例分享mui js返回刷新页面的方法实例代码

mui 怎么获取openwindow 传值

具体步骤如下。
页面初始化时，通过扩展参数传值；
mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值；mui框架在如下几种场景下，会执行页面初始化操作：
- 通过mui.openWindow，打开新页面（若目标页面为已预加载成功的页面，则在openWindow方法中传递的extras参数无效）；
- 通过mui.init，方法创建子页面；
- 通过mui.init，方法预加载页面；
- 通过mui.preload，方法预加载页面；
官方：做web app，一个无法避开的问题就是转场动画；web是基于链接构建的，从一个页面点击链接跳转到另一个页面，如果通过有刷新的打开方式，用户要面对一个空白的页面等待；
如果通过无刷新的方式，用Javascript移入DOM节点（常见的SPA解决方案），会碰到很高的性能挑战：DOM节点繁多，页面太大，转场动画不流畅甚至导致浏览器崩溃；
mui的解决思路是：单webview只承载单个页面的dom，减少dom层级及页面大小；页面切换使用原生动画，将最耗性能的部分交给原生实现.
?
1、页面初始化时，通过扩展参数传值；
mui在初始化页面时，提供了extras配置参数，通过该参数可以设置页面参数，从而实现页面间传值；
mui框架在如下几种场景下，会执行页面初始化操作：
- 通过mui.openWindow()打开新页面（若目标页面为已预加载成功的页面，则在openWindow方法中传递的extras参数无效）；
- 通过mui.init()方法创建子页面；
- 通过mui.init()方法预加载页面；
- 通过mui.preload()方法预加载页面
示例，假设我们有如下需求：
在首页中打开关于页面时，传递当前产品名称及版本号，然后在关于页面中读取这两个参数并显示出来；
首页实现代码：
mui.openWindow({
url:'info.html',
id:'info.html',
extras:{
name:'mui',
version:'0.5.8'
}
});
关于页面实现代码：
var self = plus.webview.currentWebview();
var name = self.name;
var version = self.version;
2、页面已创建，通过自定义事件传值

mui框架页面无法滚动怎么办

本文主要为大家分享一篇mui框架 页面无法滚动的解决方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。只需要初始化一下就可以了 mui.init();加下面这段代码即可：(function($){ $(".mui-scroll-wrapper").scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicators: false, //是否显示滚动条,默认是true }); })(mui);

mui框架app怎么连接蓝牙打印机并打印？求代码

方法如下：
1、打开print spoonler的属性。
2、点击上方的添加打印机。
3、创建新端口，输入端口名为打印机所连接的电脑的IP地址＋打印机名称。
安装打印机的驱动程序，点击下一步，键入打印机的名称。
5、另外，可以在添加好的打印机属性中选择端口选项，就能够成功打印了。

MUI 框架之遮罩蒙版（mask）

注意：
注意： + 关闭遮罩仅会关闭，不会销毁； - 关闭之后可以再次调用mask.show()，打开遮罩；
两种方式在使用时都遇到了坑：
方式一的解决方式如下：
由方式一产生的遮罩能够覆盖子页面，能够解决父子遮罩问题。
方式二 mui.createMask(callback) 的源码如下：

mui框架pullrefresh_with_tab

加在itemTpl: []的上边。如下：
config:{
navigationbar:{
},
items:[
{
},
plugins:[],
itemTpl:[]
]
}