页面闪白的解决方案
2015-08-10 18:06
204 查看
为公司客户端做了三个html页面,但是加载的时候会有闪白的情况出现,为解决这个问题 增加了loading...显示来避免闪白,客户端定义了两个方法,一个是开始显示loading,一个是通知结束loading;那么页面放在那里调用呢
确实走了几个弯路,一开始将开始函数放在了页面头部,结束函数放在了body的onload里面,效果不是很好,还是会有短暂的闪白出现;
怀疑是页面没有加载完成,提前结束了,后来加入定时器并判断图片是否加载结束,再执行结束函数,效果依然不理想;
最后一个同事提出将开始放在点击导航菜单的时候,结束放在页面body的onload里面,问题搞定(这样loading的显示覆盖了整个页面加载时段)。
其实也许有更好的方案:
比如页面采用div分成两部分,一部分用于显示替代的小图或者flash,也可以是loading图,另外一个div用于显示正常的页面内容,当页面内的图片等加载完成后切换div的显示,没有测试,不知道这个方案效果如何
确实走了几个弯路,一开始将开始函数放在了页面头部,结束函数放在了body的onload里面,效果不是很好,还是会有短暂的闪白出现;
怀疑是页面没有加载完成,提前结束了,后来加入定时器并判断图片是否加载结束,再执行结束函数,效果依然不理想;
最后一个同事提出将开始放在点击导航菜单的时候,结束放在页面body的onload里面,问题搞定(这样loading的显示覆盖了整个页面加载时段)。
其实也许有更好的方案:
比如页面采用div分成两部分,一部分用于显示替代的小图或者flash,也可以是loading图,另外一个div用于显示正常的页面内容,当页面内的图片等加载完成后切换div的显示,没有测试,不知道这个方案效果如何
相关文章推荐
- POJ Countries in War 3114
- Spring Data Jpa 详解 (配置篇)
- hdoj 4749 kmp
- zookeeper 集群配置
- Leetcode 207 Course Schedule 课程表
- 关于JAVA中集合对象的编辑
- 每天一个linux命令(44):top命令
- 中国误区,你还抓?
- POJ 2553 The Bottom of a Graph
- Provisioning Services 7.6 入门到精通系列之三:PVS服务器安装
- python的内置函数
- HTTP协议
- 如何使用Createjs来编写HTML5游戏(八) 通过继承扩展EaselJS中的基础元素
- Mockito:一个强大的用于Java开发的模拟测试框架
- (๑• . •๑)Eclipse的C++排版方式
- POJ 2762 Going from u to v or from v to u?(强联通 + TopSort)
- RedisTemplate SerializationFailedException: Failed to deserialize payload 异常解决
- redis3.0 redis.clients.jedis.exceptions.JedisDataException: WRONGTYPE Operation against a key holdin
- suv 常用Linux命令
- iOS编程——通过UUID和KeyChain来代替Mac地址实现iOS设备的唯一标示(OC版)