小程序学习总结6

朱雀 2023-01-21 02:15 47阅读 0赞

## 生命周期 ##

当然，微信小程序和其他前端框架类似也是有生命周期的：

**小程序注册完成后，加载页面，触发onLoad方法。  
页面载入后触发onShow方法，显示页面。  
首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。  
当小程序后台运行或跳转到其他页面时，触发onHide方法。  
当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。  
当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload**

>   
>     Page(\{  
>     /\*\*  
>     \* 页面的初始数据  
>     \*/  
>     data: \{\},  
>       
>     /\*\*  
>     \* 生命周期函数--监听页面加载（像首页数据请求可以放在这里）  
>     \*/  
>     onLoad: function (options) \{\},  
>       
>     /\*\*  
>     \* 生命周期函数--监听页面初次渲染完成  
>     \*/  
>     onReady: function () \{\},  
>       
>     /\*\*  
>     \* 生命周期函数--监听页面显示  
>     \*/  
>     onShow: function () \{\},  
>       
>     /\*\*  
>     \* 生命周期函数--监听页面隐藏  
>     \*/  
>     onHide: function () \{\},  
>       
>     /\*\*  
>     \* 生命周期函数--监听页面卸载  
>     \*/  
>     onUnload: function () \{\},  
>       
>     /\*\*  
>     \* 页面相关事件处理函数--监听用户下拉动作（这里添加了下拉刷新的功能）  
>     \*/  
>     onPullDownRefresh: function () \{\},  
>       
>     /\*\*  
>     \* 页面上拉触底事件的处理函数  
>     \*/  
>     onReachBottom: function () \{\},  
>       
>     /\*\*  
>     \* 用户点击右上角分享  
>     \*/  
>     onShareAppMessage: function () \{\}  
>     \})

tabBar  
tabBar即小程序的底部导航栏，由于微信的限制，最少2个最多5个导航栏，只可设置文案、图标。