詳細的api請點擊:[鏈接](https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html)
# Page(Object)
Page(Object) 函數用來注冊一個頁面。接受一個 Object 類型參數,其指定頁面的初始數據、生命周期回調、事件處理函數等。
## data
data 是頁面第一次渲染使用的初始數據。
# 生命周期回調函數
## onLoad(Object query)
頁面加載時觸發。一個頁面只會調用一次,可以在 onLoad 的參數中獲取打開當前頁面路徑中的參數。
## onShow()
頁面顯示/切入前臺時觸發。
## onReady()
頁面初次渲染完成時觸發。一個頁面只會調用一次,代表頁面已經準備妥當,可以和視圖層進行交互。
## onHide()
頁面隱藏/切入后臺時觸發。 如 navigateTo 或底部 tab 切換到其他頁面,小程序切入后臺等。
## onUnload()
頁面卸載時觸發。如redirectTo或navigateBack到其他頁面時。
# 頁面事件處理函數
## onPullDownRefresh()
監聽用戶下拉刷新事件。
## onReachBottom()
監聽用戶上拉觸底事件。
## onPageScroll(Object)
監聽用戶滑動頁面事件。
~~~
Page({
data:{
String1
},
onLoad:function(options){
// 生命周期函數--監聽頁面加載
String2
},
onReady:function(){
// 生命周期函數--監聽頁面初次渲染完成
String3
},
onShow:function(){
// 生命周期函數--監聽頁面顯示
String4
},
onHide:function(){
// 生命周期函數--監聽頁面隱藏
String5
},
onUnload:function(){
// 生命周期函數--監聽頁面卸載
String6
},
onPullDownRefresh: function() {
// 頁面相關事件處理函數--監聽用戶下拉動作
String7
},
onReachBottom: function() {
// 頁面上拉觸底事件的處理函數
String8
},
onShareAppMessage: function() {
// 用戶點擊右上角分享
return {
title: 'title', // 分享標題
desc: 'desc', // 分享描述
path: 'path' // 分享路徑
}
}
})
~~~
- 小程序環境配置
- 1.生命周期
- 頁面生命周期
- 組件生命周期
- 2.小程序組件
- 點擊事件bindtap|catchtap
- swiper輪播
- wx:for循環
- 播放音樂
- map
- tabBar底部頁面切換
- scroll-view可滾動視圖區域。
- web-view裝載顯示網頁
- priviewImage新頁面預覽照片
- chooseImage本地選擇照片
- onReachBottom上拉刷新,加載等待條
- setStorage緩存
- showToast彈出提示框
- slot父組件wxml傳遞到子組件
- form表單
- 小程序.wxs,方法在.wxml調用
- 3.組件前身:模板、模板傳參
- 4.自定義組件、組件傳參|傳wxss|wxml代碼
- 5.小程序正則
- 6.小程序頁面跳轉
- 7.open-type 微信開放功能
- 實例
- 1.第一個實例 hello world
- 2.第二個實例豆瓣電影數據渲染
- 豆瓣1.0基本版
- 豆瓣2.0升級版
- 豆瓣3.0豪華版
- 3.第三個實例多接口在同一頁面使用
- HTTP封裝
- 基礎報錯提示,類式封裝
- Promise回調,類式封裝