关于微信小程序的文档-手撸
学习小程序的人如果有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文档
优质内容筛选与推荐>>