Page({
  /**
   * 页面的初始数据
   */
  data: {    
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {  
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  }
})

App({
  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
  },
  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
  },
  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
  },
  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
  }
})

1.标签方式触发
	vue中:
	<router-link to="">
	
	小程序:<navigator url="要中转的路径">
	传参方式:<navigator url="要中转的路径?title=banana">
	接受:通过另一个页面在onLoad生命周期中接受
	
2.js(编程式)方式触发

	vue中:
	this.$router.push() 
	接受:this.$route.params.id
	
	小程序:<button catchTap="godoLogin">跳转到登录页</button>
		godoLogin(e){
		wx.navigation({
		let {id} = e.currentTarget.dataset
		url:`/pages/login/login?id=${id}`
		})
	}

<button class="{{ index===currentIndex? \'active\':\'\' }}" >
          {{ item.typename }}
    </button>
 

JS原生：XMLHttpRequest,fetch
jQuery:$.ajax,$.getJSON,$.post(),$.get()
Vue:axios
React:fetch
微信小程序：wx.request() 与jQuery的$.ajax类似

wx.request({
  url:\'\', //请求的接口地址
  method:\'get|post|put|delete\',//请求方式 
  header:{},//设置请求头
  data:{}, //传参
  success() {}, //成功返回
  fail() {},// 失败返回

})
 

例如：

   <swiper 
       class=\'banner\'
       indicator-dots="true"
       indicator-color="#f00"
       indicator-active-color="#ff0"
       circular="true"
     >
     <swiper-item wx:for="{{ banners }}" wx:key="{{ item.id }}">
       <image src="{{ item.imgurl }}"></image>
     </swiper-item>
   </swiper>
   
   参考:https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

 <scroll-view 
     scroll-y="true" 
     style="height:{{ height }}px;"
     bindscrolltolower="lower" 
 >
  
   <view class="movie-item" wx:for="{{ moveList }}" wx:key="{{ index }}">
       <image src="{{ item.images.small }}"></image>
        <view clas="movie-title">
           {{ item.title }}
        </view>
     
     </view>


 </scroll-view>

Page({
    data: {
        message: "Hello",
        id:0,
        status: true
    }
})

<view> {{message}} </view>
<view id="item-{{id}}"> </view>
<view wx:if="{{status}}"> </view>
<view hidden="{{status}}"> </checkbox>

<view hidden="{{status ? true : false}}"> Hidden </view>
<view> {{a + b}} + c </view> 
<view wx:if="{{num > 6}}"> </view>
<view>{{"hello" + word}}</view>

<view wx:if="{{status}}"> isShow </view>

<view wx:if="{{num > 5}}"> A </view>
<view wx:elif="{{num > 2}}"> B </view>
<view wx:else> C </view>

<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</view>

Page({
  data: {
    array: ["AA","BB","CC"]
  }
})

<view wx:for="{{array}}" wx:for-index="num" wx:for-item="itemName">
  {{num}}: {{itemName}}
</view>

<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>

<!-- 其他代码 -->
<template is="msgItem" data="{{...item}}"/>

<!-- B.wxml -->
<import src="a.wxml"/>

<!-- A.wxml -->
<template name="A">
 <text> A template </text>
</template>

<!--引用 header、其中 header.wxml 中也引用了 footer.wxml-->
<include src="header.wxml"/>
<view> body </view>

<!-- header.wxml -->
<view> header </view>
<include src="footer.wxml"/>

//app.js
App({
  onLaunch: function() { 
      //小程序初始化(全局只触发一次)
  },
  onShow: function() {
      //小程序显示
  },
  onHide: function() {
      //小程序隐藏
  },
  onError: function(msg) {
      //小程序错误
  },
})
//其他 开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问

//index.js
Page({
  onLoad: function(options) {
    //页面加载-----(一个页面只会调用一次)
  },
  onReady: function() {
    //页面渲染-----(一个页面只会调用一次)
  },
  onShow: function() {
    //页面显示-----(每次打开页面都会调用一次)
  },
  onHide: function() {
    //页面隐藏-----(当navigateTo或底部tab切换时调用)
  },
  onUnload: function() {
    //页面卸载-----(当redirectTo或navigateBack的时候调用)
  },
})
//其他 开发者可以添加任意的函数或数据到 object 参数中，在页面的函数中用 this 可以访问

wx.navigateTo({
  //目的页面地址
  url: \'pages/logs/index\',
  success: function(res){},
  ...
})

wx.redirectTo({
  //目的页面地址
  url: \'pages/logs/index\',
  success: function(res){},
  ...
})

<navigator url="pages/logs/index" hover-class="navigator-hover">跳转</navigator>

wx.navigateBack({
    delta: 1
})

url?key=value&key1=value1

// A页面-传递数据

// 需要注意的是，wx.switchTab 中的 url 不能传参数。
wx.navigateTo({
   url:\'../pageD/pageD?name=raymond&gender=male\'
})

// B页面-接收数据//

//通过onLoad的option...

Page({
onLoad: function(option){
 console.log(option.name +\'is\'+ option.gender)// raymond is male
  this.setData({option: option })
}})

var app = getApp();
var data = app.data;
 

wx.navigateTo({
  url: \'test?id=1\'
});
 

<navigator class="test-item" url="../../pages/test/test?testId={{testData.testId}}"></navigator>

Page({
  onLoad: function(options) {
      var testId = options.testId
      console.log(testId)
  }
})

<navigator class="test-item" url="../../pages/test/test?albumList={{testData.albumList}}"></navigator>

Page({
    data: {
         // 相册列表数据
        albumList: [],
    },    
    onLoad: function (options) {
        var that = this;

        that.setData({
            albumList: options.albumList.split(",")
        });
    }
})

<view bindtap="clickMe" data-testId={{testId}}">
    ...
</view>

Page({
    clickMe: function(event) {
        var testId = event.currentTarget.dataset.testid;
        wx.navigateTo({
            url: \'../../pages/test/test\'
        })
    }
})

<view bindtap="clickMe" data-albumlist={{testData.albumList}}">

在js页面中自定义方法clickMe中接收

Page({
    clickMe: function(event) {
        var albumList = event.currentTarget.dataset.albumlist.split(",");
        wx.navigateTo({
            url: \'../../pages/test/test\'
        })
    }
})

try {
  wx.setStorageSync(\'key\', \'value\')
} catch (e) {    
}

try {
  var value = wx.getStorageSync(\'key\')
  if (value) {
    // Do something with return value
  }
} catch (e) {
   // Do something when catch error
}
或
wx.getStorage({
  key: \'key\',
  success: function(res) {
     console.log(res.data)
  }
})

page { 
  display: block; 
  min-height: 100%; 
  background-color: red;
}

wx.request({
....
method: "POST",
header: {
"content-type": "application/x-www-form-urlencoded"
},
...
})

function assignObject(o, n) {
    for (var p in n) {
        if (n.hasOwnProperty(p) && (!o.hasOwnProperty(p)))
            o[p] = n[p];
    }
}