小程序总是意外退出,小程序中使用swiper
<!--用户卡片轮播图开始-->
<swiper vertical="true" current="{{ currentOutSide }}" bindchange="changeSwiper">
<block>
<swiper-item wx:key="unique" wx:for="{{ recommendList }}" wx:for-index="idx" wx:for-item="item">
<swiper class="swiper-box {{ item.images.length > 1?'':'hideDot' }}" current="{{ currentPic }}" indicator-dots="true">
<block>
<swiper-item class="swiper-box-item" wx:key="unique" wx:for="{{ item.images }}" wx:for-index="img-idx" wx:for-item="imgItem">
<image mode='aspectFill' src='{{ imgItem.imageUrl+"?imageView2/1/w/750/h/1334/q/100 " }}'></image>
</swiper-item>
</block>
</swiper>
</swiper-item>
</block>
</swiper>
<!--用户卡片轮播图结束-->
页面就这些代码也会复现?
不是 我只是列了一下我认为比较关键的 页面内容太多 社区里也有反馈相似的问题https://developers.weixin.qq.com/community/develop/doc/000624db21c9d0b11177fcb4056400?highLine=%25E5%25B0%258F%25E7%25A8%258B%25E5%25BA%258F%25E6%2584%258F%25E5%25A4%2596%25E9%2580%2580%25E5%2587%25BA 我这边想的是会不会是图片过多导致内存太大引起的 但是也不确定
这个跟页面渲染,手机性能,运存,以及渲染大图等
这是偶现的 想知道swiper-item最多可以多少个 确实是每个item都是渲染大图 我也不知道该如何排查原因了
建议是每次的数据不要太多,可做分页处理
现在的机制就是每次下滑 但是已经划过的数据都在 所以我想知道swiper-item的个数限制 好及时处理掉看过的数据 顺便解释给产品和boss听
左边两个右边两个,多余的部分渲染为空容器,空容器只有带尺寸边框,没有具体的内容渲染。
并且用于渲染的list数据slice出来,初始化的时候整个list只渲染10条数据,往右或者往左的时候再往state里面unshift或push补数据;
参考上面的方法可以实现在swiper里面渲染长度1000多数据
这个问题有没有解决了,我的情况现在就是你说的那样,怎样弄