关于微信小程序的文档-手撸

学习小程序的人如果有vue基础的话应该有很好的帮助作用。没有也关系，反正很简单。

首先理解一个完整的小程序app都有什么页面：

pages页面放置所有的页面文件。

一个完整的小程序页面文件包括：

index.js--》页面配置文件

index.json--》页面数据文件

index.wxml--》页面dom文件

index.wxss--》页面css文件

之后，

app.js--》全局app页面的方法和属性

app.json--》全局app页面的配置文件

app.json--》全局app页面的css文件

了解index页面的生命周期，

/*** 生命周期函数--监听页面加载*/

onLoad: function (options) {},

 

/*** 生命周期函数--监听页面初次渲染完成*/

onReady: function () {},

 

/*** 生命周期函数--监听页面显示*/

onShow: function () {},

 

/*** 生命周期函数--监听页面隐藏*/

onHide: function () {},

 

/*** 生命周期函数--监听页面卸载*/

onUnload: function () {},

 

/*** 页面相关事件处理函数--监听用户下拉动作*/

onPullDownRefresh: function () {},

 

/*** 页面上拉触底事件的处理函数*/

onReachBottom: function () {},

 

/*** 用户点击右上角分享*/

onShareAppMessage: function () {}

 

了解index的事件渲染：wx：for wx：if/else

了解index的事件绑定：bind或者catch加上事件名

bindtap绑定冒泡事件，catchtap绑定非冒泡事件

最后了解小程序组件和常用api文档