列表加载超慢
2019-03-15 18:15:58
微信公开课小程序热门讨论关于「列表加载超慢」的小程序开发问题
补充:当前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)}:可以提供个代码片段,并且将问题描述详细一些,否则别人只能猜了
更多有关「列表加载超慢」的讨论可以前往微信公开课小程序参与互动哦!
补充:当前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)}:可以提供个代码片段,并且将问题描述详细一些,否则别人只能猜了
更多有关「列表加载超慢」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「列表加载超慢」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「列表加载超慢」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「列表加载超慢」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「列表加载超慢」
微信公开课小程序热门讨论「列表加载超慢」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「列表加载超慢」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:15:58
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>