微信商城小程序开发注意要点有哪些

这篇文章主要介绍微信商城小程序开发注意要点有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

⒈收货地址 
这个问题，想起来就醉的不行！在开始静态布局的时候，费了大半天劲，把整个选择地址，创建地址（地图选址），重新编辑修改地址，删除地址的页面都写好，然后在手机预览。点一下选择收货地址，蹦出来两套页面啊！一套就是我写的，另一套是…… 
当初是死活也没想到小程序自带的 wx.chooseAdress 是直接调用微信底层的方法的，而且所有功能应有尽有。真是欲哭无泪啊！！！

分析下发生这种事情的原因：首先刚开始接触小程序，对一些方法在不了解的情况下就开始入手写代码，也算是个大忌了；其次这个功能在较低版本的开发者工具上面是预览不出该效果的，只能在手机预览；再次臣妾实在是没想到啊。

就当是个教训了，在此提醒各位新手一定要避开这个坑！

⒉小程序最多只能跳5栈 
在开发小程序前一定要熟知业务流程，尽量把跳转页面控制在5栈之内。详情参考 api 。 
如果遇到一些比较复杂的业务流程，无法控制在5栈之内，请参考某大神的系列文章

⒊页面传值 
这个比较简单些，用法跟html+javascript类似。方法有多种，我只说我用到的两种：通过链接传值和本地存储传值！

链接传值： 
wxml 代码

1. <navigator url="../orderFORM/orderForm?form_id=1">

在接收页面的 js 中写

1. onLoad:function(options){

2. this.setData({

3. Form_id:options.form_id

4. })

5. }

这样就接收到传过来的值了。

本地存储传值：  传值页面的 js 中写

1. // 把选中的商品 id（cartIdString）放入本地存储 供支付页面使用

2. wx.setStorage({

3. key: 'cartIdString',

4. data: cartIdString,

5. success:function(res){

6. console.log('sucess')

7. }

8. })

9. // 把选中的商品 总价 放入本地存储 供支付页面使用

10. wx.setStorage({

11. key: 'total',

12. data: that.data.total,

13. success: function (res) {

14. console.log('sucess')

15. }

16. })

接收页面的 js 中写

1. onReady:function(e){

2. var that = this;

3. // 给后台返回购物车页面中被选中商品的 id

4. wx.getStorage({

5. key: 'cartIdString',

6. success: function (res) {

7. console.log(res.data)

8. }

9. })

10. // 返回购物车页面中被选中商品的 总价

11. wx.getStorage({

12. key: 'total',

13. success: function (res) {

14. that.setData({

15. total: res.data

16. })

17. }

18. })

⒋request请求数量  整个小程序在运行时，同时存在的 request 请求数量限制在5个。解决办法是在页面出栈时将该页面的所有 request 请求全部销毁。  先给每一个 request 请求赋给一个变量，然后在 onUnload 事件中用 requestTask.abort() 方法将其销毁。

js 代码

1. onLoad: function () {

2. var that = this;

3. var a = wx.request({

4. url: 'Http://192.168.200.146:8080/trwl/xcx/selcar',

5. method: 'GET',

6. dataType: 'JSON',

7. success: function (res) {

8. that.setData({

9. carts:res.data

10. })

11. that.sum()

12. },

13. fail: function (res) { },

14. complete: function (res) { },

15. })

16. },

17. //将 request 进行销毁

18. onUnload: function () {

19. requestTask.abort();

20. a.abort();

21. }

5.往后台传求组时不能直接以Array的格式传，需要将其转换成字符串格式  代码如下：

1. var cartIdArray = [];

2. var cartIdString = '';

3. var carts = this.data.carts;

4. for(var i=0;i<carts.length;i++){

5. if(carts[i].ch){

6. cartIdArray.push(this.data.carts[i].cartId)

7. }

8. }

9. for (var i = 0; i < cartIdArray.length; i++) {

10. cartIdString += cartIdArray[i] + ",";

11. }

以上是“微信商城小程序开发注意要点有哪些”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网精选频道！