Page OBJECT 方法進實現頁面的註冊

2022-09-12 15:15:37 字數 2021 閱讀 4263

小程式在

每個頁面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 ...