好资源导航 » 文章资讯 » 微信小程序实现图片懒加载的示例代码

微信小程序实现图片懒加载的示例代码

2023-09-19 11:35:05 58

本文主要介绍微信小程序的模拟图片懒加载，实现的原理是通过页面预加载图片（默认图），加载完成后再显示出来原图，而非真正意义上的懒加载（跟web的懒加载还有很大的差距），只是借此提高用户体验度。

多图片懒加载

1.xml页面




{{item.type_name}}

2.js页面

//ajax请求数据
onLoad:function(){
varthat=this
varpage=that.data.page
wx.request({
url:request_url,
data:{
'signature':signature,
'page':1,
'pageSize':2
},
success:function(res){
letlist=res.data.content
for(vari=0;i
tips:上述数据加载的代码为get的方式，需要数据加密的则选择post的方式，有需要的可以留言。


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

微信小程序实现图片懒加载的示例代码

热门推荐

随机推荐