公司名称 | 济南九品堂网络科技有限公司 | |
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> |
5张1M大小图片,和两个2M的视频后
这里 5 张 1M 的图片是否有压缩空间?