Hello,出来混早晚是要还的..这句话我算昰理解了...上周周末和女朋友忙了两天..算是把任务完成一半了 成败就看10月份了.. 加油咯
言归正传 今天学习了一把wepy是什么的图片懒加载
如果接触過商城项目 或者图片过多的小程序的同学都会遇到过 图片同时加载后的效果
也许 或许 体验不好吧...(os:能跑就行啦!!!)
我们看看正常的效果是什么样嘚
其实还好吧!!! 对不对!!! 挺好的呀!!! 没毛病呀!!! 那么多图片当然要加载咯!!!!
你错了!!! 产品的眼里!!! 噢不 客户的眼里会觉得你这个是个bug!!! 修复!!!
行吧~ 让我们看看使用了工具以后的效果
星爸爸的图片是自己随便找的.. 实际项目就找UI吧 当然你也可以选择用空白的去显示 这个就看自己的需要啦
首先我们先使用一个组件 是通过wxapp-img-loader改装而来的
回调函数正常的时候 err是null值 这里要在做一层判断 我偷懒了..
loaded用来判断是否显示隐藏
这样就搞定啦 没有什么太大嘚难度 纯做笔记了