收藏
回答

页面多次跳转后出现白屏

问题模块
API和组件


公司名称

济南九品堂网络科技有限公司

MP帐号(邮箱)

1412428870@qq.com

开发者微信号

wx18865733724

机型(如iPhone 6s plus)

iPhone 6s plus/oppo A51

操作系统(如iOS 9.3)

iOS/安卓

是否必现


出现时间

页面多次跳转后

操作路径(即如何操作可以复现该问题)

从列表页点击日记查看日记详情,查看后返回,然后再次点开下一篇日记查看,在查看多篇日记后出现白屏,


如果想快速发现这个问题,可以在日记上传页面上传多张图片,和视频,使总大小超过6M,然后在详情页查看该日记后,再打开其他日记查看,

问题描述(具体问题介绍)

我的小程序是影像日记本,所以在页面中需要加载图片和视频,

小程序从日记列表页跳转到日记详情页查看图片和视频,查看完毕后通过返回键返回列表页,在连续查看多次后,页面跳转出现卡顿,甚至出现白屏,

本人测试发现,问题主要与渲染的图片大小,数量有关,我在一篇日记中放入了5张1M大小图片,和两个2M的视频后,查看日记,日记缓慢加载,加载完毕后返回列表打开其他页面出现卡顿白屏现象,在半分钟后白屏消失页面开始加载;

我想了解一下是不是因为本地10M缓存限制而造成的,

页面的加载渲染是不是也同样使用这10M缓存,

跳转时出现白屏是不是因为页面关闭后缓存并未及时清空造成的?

问题截图(客户端问题界面截图)


代码片段截图


    <!--照片-->
   
    <view wx:if="{{listdata.photourl[0]}}" class="flex-item">

    <block wx:key="property" wx:for="{{listdata.photourl}}" wx:for-item="image">
        <view class="photo">
            <image mode="widthFix" src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>
        </view>
        </block>
    
        <view class="clear"></view>
    </view>
     <!--照片 end-->

 
     <view wx:if="{{listdata.videourl[0]}}" class="flex-item">

        <block wx:for="{{listdata.videourl}}" wx:for-item="vide" wx:key="vide">
            <view class="video">
            <video class="video" src="{{vide}}" controls></video>
            </view>
        </block>
   
     <view class="clear"></view>
     </view>
     <!--视频轮播图 end-->

  </view>


最后一次编辑于  2017-03-04  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

1 个回答

  • Special
    Special
    2017-03-06

    5张1M大小图片,和两个2M的视频后


    这里 5 张 1M 的图片是否有压缩空间?

    2017-03-06
    赞同
    回复