小程序开发：框架接口内的生命周期的各项函数 及 自定义事件 和 setData用法

在小程序的js中，有个page()，用来注册小程序的一个页面的，接受的是一个object类型的数据；
Page(Object object)

生命周期的一些函数：

Page({
	data:{
	},
	
	/** 生命周期函数--监听页面加载*/
  	onLoad: function (options) {

  	},

  	/*生命周期函数--监听页面初次渲染完成	*/
  	onReady: function () {

  	},

  	/*生命周期函数--监听页面显示, 比如接个电话后又回到了这个页面*/
  	onShow: function () {
	
  	},

  	/*生命周期函数--监听页面隐藏，和显示一样都是页面切换的时候触发*/
  	onHide: function () {
	
  	},

  	/*生命周期函数--监听页面卸载*/
  	onUnload: function () {
	
  	},

  	/* 页面相关事件处理函数--监听用户下拉动作，下拉刷新的时候触发 */
  	onPullDownRefresh: function () {
	
  	},

  	/* 页面上拉触底事件的处理函数，一般用于懒加载*/
  	onReachBottom: function () {
	
  	},
  	
  	/*用户点击右上角三个点的分享时触发*/
  	onShareAppMessage: function () {
  	}
	/*页面尺寸改变时触发*/
  	onResize: function() {
  	
  	},
})

点击查看具体文档说明

自定义事件

<view bindtouchstart="start">触碰</view>
<view bindtap="getData" data-shuju="绑定的数据">点击</view> <!--tap是点击事件, data-XXX任意数据-->

bind使用会冒泡；
catch使用不会冒泡

Page({
	start: function() {
	}
	getData: function(ev) {
		// 通过这种方式获取到前端传递过来的数据
		console.log(ev.currentTarget.dataset) // {shuju: "绑定的数据"}
	}
})

修改Page中data里面的值，使用 setData({})

<view style="width:{{wit}}rpx"></view>

Page({
	data: {
		name:'kkkk',
		wit:300
	}
	getData: function(ev) {
		let names = ev.currentTarget.dataset)
		// 获取data值
		console.log(this.data.name)
		// 设置data值
		this.setData({
			name:names,
			wit:500
		})
	}
})