微信小程序开发小结 .pdfVIP

微信⼩程序开发⼩结

1、点击按钮分享功能：

使⽤Button组件，设置open-type=share，然后在js⽂件的onShareAppMessage⽅法中设置如下：

onShareAppMessage:function(options){

letshareObj={}

if(options.from==button){

//设置title、path、imageUrl

shareObj.title=

shareObj.path=

shareObj.imageUrl=

}

returnshareObj

}

2、Navigator组件中的⼦元素也绑定了事件，点击⼦元素触发时，页⾯会跳转。

解决：⼦元素绑定事件时不要⽤bindtap,改⽤catchtap

3、获取当前页⾯的url（完整路径）。写成⼯具函数如下：

functiongetCurrentPageUrlWithArgs(){

varpages=getCurrentPages()//获取加载的页⾯

varcurrentPage=pages[pages.length-1]//获取当前页⾯的对象

varurl=currentPage.route//当前页⾯url

varoptions=currentPage.options//如果要获取url中所带的参数可以查看options

varurlWithArgs=

//拼接url的参数

if(options){

urlWithArgs=url+?

for(varkeyinoptions){

varvalue=options[key]

urlWithArgs+=key+=+value+

}

else}{

urlWithArgs=url+

}

urlWithArgs=urlWithArgs.substring(0,urlWithArgs.length-1)

returnurlWithArgs

}

4、⼩程序分页数据限制：

常规的做法是，将每次新获取的数据拼接到当前数组中去。这样，对于数据量较⼩的情况下是没什么问题的，但是如果数据量⽐较多，

很容易就超出1024kb的限制。

那么该如何缓解这种问题呢？这⾥参照了百度⼩程序的解决⽅案，就是使⽤⼆维数组来解决。

this.setData({

[hotTodayList[+curPage+]]:res.list,表⽰⼆维//curPage数组的下标，如果分页是从1开始,则curPage等于当前页减去1，如果分页从0开始，则curPage就等于当前页数

pageNum:this.data.pageNum+1,

totalPage:totalPage,

})

在页⾯渲染的时候，就要使⽤两个for循环来渲染数据了。

blockwx:for={{hotTodayList}}wx:for-item=arrItemwx:for-index=arrIndex

blockwx:for={{arrItem}}wx:for-item=itemwx:key=indexwx:for-index=index

//需要渲染的页⾯结构

/block

/block

注意：在刷新的时候要清空原数据，防⽌新数据与原数据冲突，如本例，直接hotTodayList=[]就⾏了。

这虽然能解决在分页数较多，单次设置数据较⼤的问题。但是如果单页中后台⼀次性返回的数据⼤于1024kb时，依然会出现问题的，特

别是有商品sku这种情况下，是很容易碰到的，所以还是需要与后端协商⼀下，尽量不要返回不必要的数据。

5、⼩程序遇到了偶发性微信加密数据解密失败的问题：

在这⼀步的开发中，⼀定要按照这样的顺序1.⼩程序请求login，拿到code；2.然后⼩程序调⽤getuserinfo接⼝拿到encryptedData，iv,

还有之前的code，然后传给服务端；4.服务端拿到客户端的encryptedData，vi还有sessionKey去解密得到