小程式在
每個頁面js檔案
中通過使用page(object)方法進行頁面註冊
,該方法可以用於
指定小程式頁面的生命週期函式
。page()方法的
object
引數如表所示。
屬性型別
說明data
object
頁面的初始資料
onload()
function
生命週期函式——
監聽頁面的載入
onready()
function
生命週期函式——
監聽頁面初次渲染完成
onshow()
function
生命週期函式——
監聽頁面的顯示
onhide()
function
生命週期函式——
監聽頁面的隱藏
onunload()
function
生命週期函式——
監聽頁面的解除安裝
onpulldownrefresh()
function
頁面相關事件處理函式——
監聽使用者下拉動作
onreachbottom()
function
頁面上拉觸底事件的處理函式
function
使用者單擊右上角**
onpagescroll()
function
頁面滾動觸發事件的處理函式
ontabitemtap()
function
若當前時tab
頁,單擊
tab時觸發
其他any
可以新增任意函式或資料到object
引數中,在頁面的函式中用
this
可以訪問
page()方法只能寫在小程式每個頁面對應的
js檔案中
web開發者工具中新建頁面時會自動生成頁面
js檔案的
page()
方法。如建立test頁面,建立完成後
test.js
的**如下:
/*** 生命週期函式
--監聽頁面載入
*/onload: function (options) ,
/*** 生命週期函式
--監聽頁面初次渲染完成
*/onready: function () ,
/*** 生命週期函式
--監聽頁面顯示
*/onshow: function () ,
/*** 生命週期函式
--監聽頁面隱藏
*/onhide: function () ,
/*** 生命週期函式
--監聽頁面解除安裝
*/onunload: function () ,
/*** 頁面相關事件處理函式
--監聽使用者下拉動作
*/onpulldownrefresh: function () ,
/*** 頁面上拉觸底事件的處理函式
*/onreachbottom: function () ,
/*** 使用者點選右上角分享*/}
})方法中的函式類似,
可以根據實際情況刪除page()中不需要的函式,或者保留該函式內部為空白。
除了函式外,page()同樣也支援新增自定義的頁面變數,示例**如下:
// pages/test/test.js
page(,
/*** 生命週期函式
--監聽頁面載入
*/onload: function (options)
})變數的名稱、取值、個數可以自行定義。
Jquery NProgress實現網頁進度條顯示
前端開發中,進度條庫是常見的庫之一,bootstrap中提供了多種進度條樣式,其中nprogress.js是一款輕量級的進度條元件,使用簡便。nprogress可實現的進度條效果,如下圖所示。使用方法 1 引入nprogress.js和nprogress.css到專案中 2 呼叫start 和 do...
Python Appium實現滑動引導頁進入APP
1 建立session 2 運用 模擬手指從右向左滑動的操作 獲取螢幕寬度和高度 def getsize self x self.driver.get window size width y self.driver.get window size height return x,y 向左滑動 def...
Shell指令碼實現的memcached程序監控
web伺服器使用memcached,但是不知道為什麼memcached老是掛掉 基本20分鐘 50分鐘左右 導致部分 頁面在訪問的時候出錯 定義日誌後,檢視日誌也未能發現什麼 初步判定由於之前更新libevent有關係。由於線上伺服器,所以先用指令碼來程式設計客棧彌補下 bin sh pid ps ...