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


学习小程序的人如果有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文档