微信公开课
微信公开课小程序热门讨论关于「列表加载超慢」的小程序开发问题
补充:当前Bug的表现（可附上截图）小程序底部的名片列表页面加载速度特别慢预期表现复现路径提供一个最简复现Demo微信者回复开发者回复wxml代码片段viewclass=containerstyle=height:100%;scro
展开:当前Bug的表现小程序底部的名片列表页面加载速度特别慢预期表现复现路径提供一个最简复现Demo即速小程序：wxml代码片段<viewclass=containerstyle=height:100%;<scrollviewid=mp_listhidden={{articlesHide}}bindscrolltolower=onReachBottombindscroll=scrollscrolly={{true}}scrolltop={{scrollTop}}dataitemids={{currentItems}}style=height:100%;whitespace:nowrap; <viewclass=swipertab <buttonclass=swipertabitem{{currentTab==0?on:}}datacurrent=0bindtap=swichNav新入<button <!<viewclass=swipertabitem{{currentTab==1?on:}}datacurrent=1bindtap=swichNav附近<view <buttonclass=swipertabitem{{currentTab==1?on:}}datacurrent=1bindtap=swichNavwx:if={{userLocation}}附近<button <buttonclass=swipertabitem{{currentTab==1?on:}}opentype=openSettingwx:else附近<button <!<buttonopentype=openSettingbindopensetting=callback打开设置页<button <buttonclass=swipertabitem{{currentTab==2?on:}}datacurrent=2bindtap=swichNav热门<button <view <viewstyle=overflow:inheritcurrent={{currentTab}}class=swiperboxduration=300 <viewwx:if={{currentTab==0}} <!<viewclass=articlesbindscrolltolower=loadMorescrolly={{true}}scrolltop={{scrollTop}} <viewclass=articles <viewclass=mainwx:for={{mpList}}wx:key=mpListwx:if={{mpList!==}} <navigatorurl=ta?business_card_id={{itemid}} <viewclass=user <viewclass=left <imageclass=txsrc={{itemavatar}}<image <view <viewclass=right <viewclass=name{{itemcompany}}<view <viewclass=fuwu{{itemindustry}}<view <imageclass=smapsrc=imagesmy_mappng<image <viewclass=gongsi{{itemaddress}}<view <view <viewclass=rightright <viewclass=righttop <imagesrc=imageschakannpngclass=chakann<image <view <viewclass=rightbtnwx:if={{isdingwei==true}}{{itemjuli}}km<view <viewstyle=display:flex;alignitems:center;class=rightbtnwx:else={{isdingwei==false}} <imagestyle=width:16px;height:14px;verticalalign:middle;src=imagessee_numpng<image <viewstyle=verticalalign:middle;marginleft:2px;{{itemsee_count}}<view <view <view <view <navigator <view <viewclass=loadingswx:if={{loadings}} <imageclass=loadingsssrc=imagesloadinggif<image 正在加载更多数据 <view <!<viewclass=nodataswx:if={{mpList==}} <viewclass=nodataswx:if={{mpList_total==local_mpList_total}} <imagesrc=imagesnodatapng<image <view暂无数据<view <view <view <view <viewwx:if={{currentTab==2}} <!<viewclass=articlesbindtouchstart=onTouchstartArticlesbindtouchend=onTouchendArticleshidden={{articlesHide}}bindscrolltolower=loadMorescrolly={{true}}scrolltop={{scrollTop}} <viewclass=articles <viewclass=mainwx:for={{Lists}}wx:key=mpListwx:if={{mpList!==}} <navigatorurl=ta?business_card_id={{itemid}} <viewclass=user <viewclass=left <imageclass=txsrc={{itemavatar}}<image <imageclass=vipsrc=imagesvippng<image <view <viewclass=right <viewclass=name{{itemcompany}}<view <viewclass=fuwu{{itemindustry}}<view <imageclass=smapsrc=imagesmy_mappng<image <viewclass=gongsi{{itemaddress}}<view <view <viewclass=rightright <viewclass=righttop <imagesrc=imageschakannpngclass=chakann<image <view <viewclass=rightbtnwx:if={{isdingwei==true}}{{itemjuli}}km<view <viewstyle=display:flex;alignitems:center;class=rightbtnwx:else={{isdingwei==false}} <imagestyle=width:16px;height:14px;verticalalign:middle;src=imagessee_numpng<image <viewstyle=verticalalign:middle;marginleft:2px;{{itemsee_count}}<view <view <view <view <navigator <view <viewclass=loadingswx:if={{loadings}} <imageclass=loadingsssrc=imagesloadinggif<image 正在加载更多数据 <view <viewclass=nodataswx:if={{Lists_total==local_Lists_total}} <imagesrc=imagesnodatapng<image <view暂无数据<view <view <view <view <view <scrollview<view<!今日头条结束js代码片段onReachBottom:function(){ thisloadMore(); },上拉事件loadMore:function(e){触底加载更多 consolelog(13) varthat=this; if(!canUseReachBottom)return;如果触底函数不可用，则不调用网络请求数据 canUseReachBottom=false;触底函数关闭 thatsetData({ loadings:true }) setTimeout(function(){ thatsetData({ loadings:false }) 页数 varpage=thatdatapage; wxshowToast({ title:加载中, icon:loading, }); wxrequest({ url:appconfigapiUrl+ApiBusinessgetBusinessCards, method:POST, header:{ contenttype:applicationjson }, data:{ cmd:get_business_cards, page:page, per_page:10, *category_id:thatdatacurrentItems,* user_id:thatdatauser_id, latitude:thatdatalatitude, longitude:thatdatalongitude, category:1, currentTab:thatdatacurrentTab, }, success:function(res){ if(resdatacode==0){ consolelog(1001); consolelog(resdatadata); vara,b,c; if(resdatadatabusiness_cards_datalength0&&resdatadatabusiness_cards_data&&thatdatacurrentTab==0){ a=thatdatampListconcat(resdatadatabusiness_cards_data) thatsetData({ local_mpList_total:thatdatampListlength+resdatadatabusiness_cards_datalength, mpList:thatdatampListconcat(resdatadatabusiness_cards_data) }) } if(resdatadatafujinlength0&&resdatadatafujin&&thatdatacurrentTab==1){ b=thatdataListconcat(resdatadatafujin); thatsetData({ local_List_total:thatdataListlength+resdatadatafujinlength, List:thatdataListconcat(resdatadatafujin) }); } if(resdatadatarmlength0&&resdatadatarm&&thatdatacurrentTab==2){ c=thatdataListsconcat(resdatadatarm); thatsetData({ local_Lists_total:thatdataListslength+resdatadatarmlength, Lists:thatdataListsconcat(resdatadatarm), }) } thatsetData({ scrollweizhi:thatdatascrollweizhi+130, }); thatsetData({ scrollTop:thatdatascrollweizhi }); thatsetData({ page:page+1, loadings:false, loadingsbg:false, mpList_total:resdatadatabusiness_cards_data_total, List_total:resdatadatafujin_total, Lists_total:resdatadatarm_total, }) } canUseReachBottom=true;有新数据，触底函数开启，为下次触底调用做准备 wxhideToast(); } }); },100)}：可以提供个代码片段，并且将问题描述详细一些，否则别人只能猜了
更多有关「列表加载超慢」的讨论可以前往微信公开课小程序参与互动哦！了解更多
