一个基于 Bmob 的 OPPO 锁屏壁纸小程序,写过之后发现...好像没什么卵用...一脸懵逼

2018-10-23 18:20:47 +08:00
 LeachZhou

小程序之前写的,也就前段时间,毛毛糙糙的写了第一版...

因为使用 OPPO 手机,所以有个锁屏杂志的东西,里面的图片每天都是由 OPPO 官方的人进行精选然后推送给用户的,图片菲菲菲菲菲常漂亮,看到网上很多人提取不出来这个壁纸,我就想了办法...

在手机上安装了免 root 抓包转件,提取到了壁纸的数据,拿来即用,很爽...

所以我想做个小程序,方便大家...

起初,我的第一版,想象中大致...是这样的...

没错,有点像探探,又不太一样,感觉很舒服,然后我开始做了...

那个热情,我天,三下五除二给弄好了...实际上它...是这样的...

看起来还好对吧...实际上这是在开发者工具上预览的效果...

在我的手机上滑动巨卡...性能巨差...有点优化不来...

好吧,第二版取消了滑动收藏的功能,菜单的按钮 UI 也美化了一下,里面还添加了一些新的功能

然后一些内测小朋友使用了一下,滑动还是很卡,这个滑动基于小程序的 movable-area 组件的,体验还是很差...

没办法,取消了滑动卡片消失的样式,改成了基于 swiper 的样式,也就变成了大致上现在的样子...

小伙伴们在使用的时候还是有些卡顿,因为一加载就是几十甚至几百张图,加上其他元素,swiper 里有几百个元素了,所以导致 swiper 卡顿...

后来我把 swiper 里面的元素只留有图片,并且在首屏加载其他方面做了一些优化,稍微可以勉强使用了...

其实我还在想,试着把 swiper 里面的数据只保留 5 张图,滑动一次,将一个数据添加到最后,删除前一个数据,会不会更快一点,这样滑动起来可能也会好一些...

###扫码体验一下

1852 次点击
所在节点    分享创造
7 条回复
LeachZhou
2018-10-23 18:21:25 +08:00
图好大啊,直接贴图 Markdown 的链接过来了
icop
2018-10-23 18:23:28 +08:00
卡,是不是因为图片没有压缩直接拿来处理,没有加缓存啊
LeachZhou
2018-10-23 18:35:26 +08:00
其实最重要的图片懒加载没做
LeachZhou
2018-10-23 18:36:29 +08:00
@icop 没错😥因为是直接获取的链接,没存图片
icop
2018-10-23 20:13:06 +08:00
@LeachZhou 看你当前的设计,显示 2 张,缓存 1-3 张。剩下的滑动到最后几个的时候在加载。另外后端对图片进行压缩。按比例,去掉一些人眼不易识别的像素点。
easylee
2018-10-23 20:16:19 +08:00
强!
LeachZhou
2018-10-30 10:08:29 +08:00
好像从技术层面没什么好说的,主要是数据来源的问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/500335

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX