[微信小程序] 学习笔记1----知识积累

跟前端那套差不多，这里积累一些常用的知识点（持续更新）

 

1.  .js基本架构如下：   

Page({
    data:  {  a:'',b:''},//数据，可绑定前端  比如：<p>{{a}}</p>

    f: function(e){ //自定义回调事件，可绑定前端标签 比如：<button  bindtap="f">text</button>
        //变量定义
        var v=...;
        
        //调用API    //小程序的API参数可以是变量 有的也可能是事件  文档里把参数称为属性！
        wx.XXX({ 
           参数1:'',
           参数2:'',
           参数3:function(){//事件里面也可以再调用API
                   ...;
                   wx.XXXX({
                      参数1:'',...
                   }); 
           }   
        });

    },
})

2.  .js常用的wxAPI

     官方API文档:https://developers.weixin.qq.com/miniprogram/dev/api/

     1. 跳转到某页面 ：  wx.navigateTo({ url:'路径' })

     2. 发起Http请求到后台：wx.request({}) 

             其中属性 header: { 'content-type': 'application/x-www-form-urlencoded' }, 要这样写

     3. 消息提示窗 wx.showToast({})

 

3. 一些坑点

1. this.setData()在回调里的回调会失效，得先var that=this;  再用that.setData()  因为this进行回调之后不再是原来那个this

4.数组的使用、假设有个数组长下面这样

 data: {
    dayStyle: [
      { month: 'current', day: new Date().getDate(), color: 'red', background: '#AAD4F5' },
      { month: 'current', day: new Date().getDate(), color: 'white', background: '#AAD4F5' },
      { month: 'current', day: 2, color: 'yellow', background: '#AAD4F5' },
    ]
  },

4.1取data中的数组副本         var now = this.data.dayStyle;

4.2遍历数组                           for(var i=0;i<arr.length;i++){.....}

4.3数组添加                           now.push({month:'',day:...,.....})

4.4将data中的数组更新         this.setData({   dayStyle: now, })

这个链接很全面 https://www.jianshu.com/p/185efaea230c