Wepy 图片预加载 懒加载

学习永无止境!!!

Hello,出来混早晚是要还的..这句话我算是理解了...上周周末和女朋友忙了两天..算是把任务完成一半了 成败就看10月份了.. 加油咯

git地址 https://github.com/o2team/wxapp-img-loader

言归正传 今天学习了一把wepy的图片懒加载
如果接触过商城项目 或者图片过多的小程序的同学都会遇到过 图片同时加载后的效果
也许 或许 体验不好吧...(os:能跑就行啦!!!)
我们看看正常的效果是什么样的


尴尬

其实还好吧!!! 对不对!!! 挺好的呀!!! 没毛病呀!!! 那么多图片当然要加载咯!!!!
你错了!!! 产品的眼里!!! 噢不 客户的眼里会觉得你这个是个bug!!! 修复!!!


妈耶

行吧~ 让我们看看使用了工具以后的效果

预加载效果

星爸爸的图片是自己随便找的.. 实际项目就找UI吧 当然你也可以选择用空白的去显示 这个就看自己的需要啦
首先我们先使用一个组件 是通过wxapp-img-loader改装而来的





正常的在某个页面使用组件







回调函数正常的时候 err是null值 这里要在做一层判断 我偷懒了..
loaded用来判断是否显示隐藏
这样就搞定啦 没有什么太大的难度 纯做笔记了

你可能感兴趣的:(Wepy 图片预加载 懒加载)