小程序之前写的,也就前段时间,毛毛糙糙的写了第一版...
因为使用 OPPO 手机,所以有个锁屏杂志的东西,里面的图片每天都是由 OPPO 官方的人进行精选然后推送给用户的,图片菲菲菲菲菲常漂亮,看到网上很多人提取不出来这个壁纸,我就想了办法...
在手机上安装了免 root 抓包转件,提取到了壁纸的数据,拿来即用,很爽...
所以我想做个小程序,方便大家...
起初,我的第一版,想象中大致...是这样的...
没错,有点像探探,又不太一样,感觉很舒服,然后我开始做了...
那个热情,我天,三下五除二给弄好了...实际上它...是这样的...
看起来还好对吧...实际上这是在开发者工具上预览的效果...
在我的手机上滑动巨卡...性能巨差...有点优化不来...
好吧,第二版取消了滑动收藏的功能,菜单的按钮 UI 也美化了一下,里面还添加了一些新的功能
然后一些内测小朋友使用了一下,滑动还是很卡,这个滑动基于小程序的 movable-area 组件的,体验还是很差...
没办法,取消了滑动卡片消失的样式,改成了基于 swiper 的样式,也就变成了大致上现在的样子...
小伙伴们在使用的时候还是有些卡顿,因为一加载就是几十甚至几百张图,加上其他元素,swiper 里有几百个元素了,所以导致 swiper 卡顿...
后来我把 swiper 里面的元素只留有图片,并且在首屏加载其他方面做了一些优化,稍微可以勉强使用了...
其实我还在想,试着把 swiper 里面的数据只保留 5 张图,滑动一次,将一个数据添加到最后,删除前一个数据,会不会更快一点,这样滑动起来可能也会好一些...
###扫码体验一下
1
LeachZhou OP 图好大啊,直接贴图 Markdown 的链接过来了
|
2
icop 2018-10-23 18:23:28 +08:00
卡,是不是因为图片没有压缩直接拿来处理,没有加缓存啊
|
3
LeachZhou OP 其实最重要的图片懒加载没做
|
5
icop 2018-10-23 20:13:06 +08:00
@LeachZhou 看你当前的设计,显示 2 张,缓存 1-3 张。剩下的滑动到最后几个的时候在加载。另外后端对图片进行压缩。按比例,去掉一些人眼不易识别的像素点。
|
6
easylee 2018-10-23 20:16:19 +08:00 via Android
强!
|
7
LeachZhou OP 好像从技术层面没什么好说的,主要是数据来源的问题
|