V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
LeachZhou
V2EX  ›  分享创造

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

  •  
  •   LeachZhou ·
    LeachZhou · 2018-10-23 18:20:47 +08:00 · 1867 次点击
    这是一个创建于 2201 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    想象中它是这样的.gif

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

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

    实际上它是这样的.gif

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

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

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

    e83d3594gy1fvmq1dcqw8j20u01hctcr.jpg

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

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

    e83d3594gy1fvmq7e49vij20u01hcdjb.jpg

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

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

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

    ###扫码体验一下

    gh_e77bf2b209d1_1280.jpg

    7 条回复    2018-10-30 10:08:29 +08:00
    LeachZhou
        1
    LeachZhou  
    OP
       2018-10-23 18:21:25 +08:00
    图好大啊,直接贴图 Markdown 的链接过来了
    icop
        2
    icop  
       2018-10-23 18:23:28 +08:00
    卡,是不是因为图片没有压缩直接拿来处理,没有加缓存啊
    LeachZhou
        3
    LeachZhou  
    OP
       2018-10-23 18:35:26 +08:00 via Android
    其实最重要的图片懒加载没做
    LeachZhou
        4
    LeachZhou  
    OP
       2018-10-23 18:36:29 +08:00 via Android
    @icop 没错😥因为是直接获取的链接,没存图片
    icop
        5
    icop  
       2018-10-23 20:13:06 +08:00
    @LeachZhou 看你当前的设计,显示 2 张,缓存 1-3 张。剩下的滑动到最后几个的时候在加载。另外后端对图片进行压缩。按比例,去掉一些人眼不易识别的像素点。
    easylee
        6
    easylee  
       2018-10-23 20:16:19 +08:00 via Android
    强!
    LeachZhou
        7
    LeachZhou  
    OP
       2018-10-30 10:08:29 +08:00
    好像从技术层面没什么好说的,主要是数据来源的问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2624 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 15:26 · PVG 23:26 · LAX 08:26 · JFK 11:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.