每次页面跳转用mui.openWindow会不会占用很大内存

每次页面跳转用mui.openWindow会不会占用很大内存,第1张

几种打开页面的方式

1初始化时创建子页面

2直接打开新页面

3预加载页面

示例

1初始化时创建子页面

[js] view plain copy

muiinit({

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

muiopenWindow({

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

muiinit({

preloadPages: [{

url: prelaod - page - url,

id: preload - page - id,

styles: {}, //窗口参数

extras: {}, //自定义扩展参数

subpages: [{}, {}] //预加载页面的子页面

}]

});

// 方式2

var page = muipreload({

url: new - page - url,

id: new - page - id, //默认使用当前页面的url作为id

styles: {}, //窗口参数

extras: {} //自定义扩展参数

});

根据我的查询,mui-upload组件提供了一个fileList属性,用于获取上传行数,具体可以通过 thisrefsuploadstatefileListlength来获取行数。

首先大家需要了解DCloud的产品,包括:

HBuilder:快速编码、调试、打包的IDE。它可以开发各种HTML5类程序,pc网站或app都可以开发,前端常见的less、sass等程序也可以开发。还可以通过插件开发php等语言。

5+ Runtime:基于webview的增强runtime,扩展了大量的js api,打通原生api和js api的桥梁。

5+ Runtime包括2部分,HTML5plus规范和Nativejs。体验该产品请点这里下载手机demo>

具体步骤如下。

页面初始化时,通过扩展参数传值;

mui在初始化页面时,提供了extras配置参数,通过该参数可以设置页面参数,从而实现页面间传值;mui框架在如下几种场景下,会执行页面初始化 *** 作:

- 通过muiopenWindow,打开新页面(若目标页面为已预加载成功的页面,则在openWindow方法中传递的extras参数无效);

- 通过muiinit,方法创建子页面;

- 通过muiinit,方法预加载页面;

- 通过muipreload,方法预加载页面;

官方:做web app,一个无法避开的问题就是转场动画;web是基于链接构建的,从一个页面点击链接跳转到另一个页面,如果通过有刷新的打开方式,用户要面对一个空白的页面等待;

如果通过无刷新的方式,用Javascript移入DOM节点(常见的SPA解决方案),会碰到很高的性能挑战:DOM节点繁多,页面太大,转场动画不流畅甚至导致浏览器崩溃;

mui的解决思路是:单webview只承载单个页面的dom,减少dom层级及页面大小;页面切换使用原生动画,将最耗性能的部分交给原生实现

1、首先打开手机上的《mui58》这款游戏。

2、其次点击游戏主页。

3、最后点击获取提取码即可获得。mui58是多语言用户界面WindowsMovieMaker21多语言用户界面(MUI58)软件包为WindowsXPServicePack2(SP2) *** 作系统的英文版用户提供了一个本地化的用户界面。”

以上就是关于每次页面跳转用mui.openWindow会不会占用很大内存全部的内容,包括:每次页面跳转用mui.openWindow会不会占用很大内存、获得mui-upload上传行数、apicloud openslidlayout 怎么重新加载等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9327850.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存