wex5 实战 单页模式下的多页面数据同步
来源:互联网 发布:培训ppt课件优化怎么做 编辑:程序博客网 时间:2024/06/05 15:56
在wex5官方教程中,关于多页模式与单页模式进行了对比。两者最大的区别在于:
1 web加载速度,单页模式快于多页模式
2 多页模式对加载机制进行了预加载,一次加载之后再次加载,就会加快。
但是,由于项目需要,多页模式无法满足我对全局变量的绑定属性的获取(大家看我全局可观察变量博文),所以对页面进行了全部重构,重构之后,web加载的响应速度大大提高,没有了明显的卡顿感。但是,也带来了更严重的问题,页面数据不同步。
起先以为是坑,其实是对页面的加载机制不了解。
先看一下不同步的情况:
新增一条发货单
返加首页,问题来了,货单没有刷新,没有新增
这就是我们今天要着手解决的问题。首先告诉大家,解决之道很简单,简单到想都想不到。关键是,我们今天以解决方法和思维模式为重点。
二 解决思路:
1,先判断data有没有新增。
方法简单,先放到modeLoad里,发现,只能加载一次!!!加载后再从别的页面回来,也不行。
也就是说,别的页面新增或删除修改再跳转回来,modeLoad里的方法只执行一次。
手动加一个按钮,看下,data有没有新增,再来试一下:
悲剧发生了,手动刷新,居然也不能刷新data,条数还是5条!!!!
在单页模式里,小项目也有几十个页面,页面单换来换去,如果有数据操作,其它页面不能响应,数据不同步, 这个项目,估计没法再往下进行了。
但是,我发现,每次web重启动后,data就自动刷新到了最新状态。难道是页面刷新问题?
2 页面刷新
首先想到了window.location.reload().
一试,泪崩,整个web重新启动了。不行。
3. div刷新
群里很多朋友问div刷新的问 题,估计也是想强制刷新页面内容。
不行。
4.windownDialog刷新
本来用的单页模式,再装回到多页模式,多此一举。
一次次的测试,死的心都有了。明明data数据更新了,非要刷什么页面呢?
data更新?
data更新?
再回到原点想问题,想想,还有哪里能时实接收数据????
想想
想想
想到了页面传参与收参paramsReceive
对,就是这个。
三 页面同步方法
1 在页面半闭时,传参,用于触发目标页面的参数接收动作
2 目标页面,接以,并刷新data
再来测试,data和list同步进行了响应和更新。
之前用了很长时间来刷页面,刷list,刷div,刷窗口,再如此处理,好像白学了。没想到解决方法这么简单。关键是打到问题的根源和实质,需要时间和大量测试。
四 总结:
1 学会分步测试
2 modelParamsRecive具有实时性,无论什么时候跳转至页面,它都在modeload之前进行,只要有参传进来,就能触发。充分利用这一点,可以让data数据实时刷新。
- wex5 实战 单页模式下的多页面数据同步
- WeX5--单页应用
- wex5 实战 HeidiSQL 导入Excel数据
- wex5 实战 省市县三级联动与地址薄同步
- 单例模式的同步
- .net下单线程同步模式
- Java单实例对象或单例模式下的同步问题
- Java单实例对象或单例模式下的同步问题
- wex5 实战 wex5与js的组件关系与执行顺序(父子与先后)
- github同步数据实战
- .net下单线程同步模式(2)
- 视图模式下网格显示表单与详单页面显示表单的问题
- webpack 单页面应用实战
- 多页面同步数据,同步操作,非长链接
- 关于单例模式中线程同步的方法(同步块和同步方法)
- 关于单例模式的DoubleCheckLock同步的思考
- WeX5--页面生命周期和交互
- 下单页面
- 多态分析
- 今年来,知识分享与内容付费趋势已经暗潮汹涌
- Tomcat 8熵池阻塞变慢详解
- IIS后台job运行问题记录- 基于ASP.NET Boilerplate Background Jobs and Workers
- Oracle_sql_(5)
- wex5 实战 单页模式下的多页面数据同步
- 【转载】IO重定向与文件描述符
- 搭建本地CDH 安装中心
- 摘要android触摸事件的分发机制初识
- NSArray和NSDictionary作为属性时一定要注意给它分配内存空间
- Android 计算两个日期之间的天数并打印所有日期
- 一句话图片木马的制作
- MyEclipse关于查看Jar引入问题
- websocket