永发信息网

mui框架可以检测到从别的页面跳转过来的事件吗

答案:1  悬赏:30  手机版
解决时间 2021-11-27 08:47
mui框架可以检测到从别的页面跳转过来的事件吗
最佳答案
【几种打开页面的方式】
1.初始化时创建子页面
2.直接打开新页面
3.预加载页面

【示例】
1.初始化时创建子页面
[js] view plain copy
mui.init({
subpages: [{
url: your - subpage - url, //子页面HTML地址,支持本地地址和网络地址
id: your - subpage - id, //子页面标志
styles: {
top: subpage - top - position, //子页面顶部位置
bottom: subpage - bottom - position, //子页面底部位置
width: subpage - width, //子页面宽度,默认为100%
height: subpage - height, //子页面高度,默认为100%
......
},
extras: {} //额外扩展参数
}]
});
2.直接打开新页面
[js] view plain copy
mui.openWindow({
url: new - page - url,
id: new - page - id,
styles: {
top: newpage - top - position, //新页面顶部位置
bottom: newage - bottom - position, //新页面底部位置
width: newpage - width, //新页面宽度,默认为100%
height: newpage - height, //新页面高度,默认为100%
......
},
extras: {
..... //自定义扩展参数,可以用来处理页面间传值
}
show: {
autoShow: true, //页面loaded事件发生后自动显示,默认为true
aniShow: animationType, //页面显示动画,默认为”slide-in-right“;
duration: animationTime //页面动画持续时间,Android平台默认100毫秒,iOS平台默认200毫秒;
},
waiting: {
autoShow: true, //自动显示等待框,默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度
height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度
......
}
}
})
3.预加载页面
[js] view plain copy
// 方式1
mui.init({
preloadPages: [{
url: prelaod - page - url,
id: preload - page - id,
styles: {}, //窗口参数
extras: {}, //自定义扩展参数
subpages: [{}, {}] //预加载页面的子页面
}]
});

// 方式2
var page = mui.preload({
url: new - page - url,
id: new - page - id, //默认使用当前页面的url作为id
styles: {}, //窗口参数
extras: {} //自定义扩展参数
});

【一些区别】
1.子页面和非子页面
以上三种方式中,2,3打开的页面非子页面,
区别是子页面相当于html中的iframe,而非子页面相当于新开了一个浏览器窗口加载了一个html

2.子页面适用于侧滑菜单
子页面有其有点,特别适用与index.html+list.html这种情况,
如果用index.html(主页面)+list.html(子页面)实现的话,当主页面右滑时子页面会自动跟随,
而用index.html(主页面)+list.html(新页面)实现的话,主页面右滑,新页面不右滑,还得单独处理新页面。

3.子页面实用频繁切换的情况
如果频繁左滑右滑,在配置较低的手机上会出现list.html遮住index.html的情况,
采用子页面模式就不会,采用新页面模式几率很大。

4.子页面适用与下拉刷新和上拉加载
之前做大下拉刷新的时候,采用的是新页面的形式,
按照官网教程,怎么搞都不成功,
后来看了下源码,发现下拉刷新必须采用子页面的形式,
也就是你的list.html必须是index.html的子页面,才可以下拉刷新。

5.新页面适用于新页面
open一个新页面,适用于查看详情之类的,需要打开一个新页面的情况,
并且mui自己封装了新页面的back方法,你就不需要去操心了。

6.预加载页面的两种方式
第一种是在初始化的时候预加载,
这种情况适合在你这个页面在很久之后才会用,
如果你要立即到的页面并使用,那么你会得到null。
第二种方式类似与open,
个人感觉没有什么太大的区别,
唯一的区别是open就直接打开了,
preload只是加载,你可以之后选择打开的时机。

7.总结
需要下拉刷新上拉加载请使用子页面,
需要打开一个新页面请使用新页面方式,
需要加载一个页面但是暂时不使用请使用预加载方式。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
dds生物电每天调理面部的危害
李清照的《武陵春》只恐双溪舴艋舟的“只恐”
人工碳酸泉比普通温泉有什么优势所在?
为什么有的人很胖,肚子很大但是腿很细
京津冀白沟还有发展吗
尸体在地下埋三个月的腐败状况
请问直径(钢筋)多少钱一根呢??从10厘到25
白话按周是什么意思
宅心仁厚的贾母,却为何在黛玉的事情上如此狠
为什么睡觉一睡着就做梦
南塘邮政储蓄所地址有知道的么?有点事想过去
四川现代南骏汽车信阳骏龙店地址好找么,我有
弟弟极其不尊重姐姐,做姐姐的应该怎么办?
光伏板1千瓦是怎么算出来的?
怎样分辨22ov变12v小变压器高低压端
推荐资讯
01年的澳洲硬币
国通快递(临沧分公司)地址好找么,我有些事要
谁刷了魅族的flyme6
此题求解答
开EVCARD违章了怎么办?
谢姓男孩起名恩字辈的
碱中一定含有氢氧两种元素么?氨气是碱么?如
想学素描没基础,欢迎大家给个意见
“酉”字旁加个“陪”字的右半边怎么念?
左边至 右边秦 问下叫什么字(请备注拼音)
如何测试UC3842的好坏?
特别笨怎么办?家里也愁
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?