微信小程式基礎(五)

2022-07-21 12:21:12 字數 877 閱讀 8187

globaldata:,

onlaunch(options),

onshow(options),

onhide(),

onerror()

})詳細配置page構造器

屬性型別

描述onload

function

監聽頁面載入,觸發時機早於onshow和onready

onready

function

監聽頁面初次渲染完成

onshow

function

監聽頁面顯示,觸發事件早於onready

onhide

function

監聽頁面隱藏

onunload

function

監聽頁面解除安裝

使用者瀏覽頁面時,可能會進行以下操作:

下拉重新整理,上拉到底,滾動,**分享頁面

屬性型別

描述onpulldownrefresh

function

監聽使用者下拉動作

onreachbottom

function

頁面上拉觸底事件的處理函式

function

使用者點選右上角**

onpagescroll

function

頁面滾動觸發事件的處理函式

當使用者觸發下拉重新整理事件時,會有乙個載入樣式,此所以一旦請求的資料返回了,要使用wx.stoppulldownrefresh停止這個樣式

監聽使用者滑動頁面事件,引數為 object,包含 scrolltop 字段,表示頁面在垂直方向已滾動的距離(單位px)

只有定義了onpagescroll事件處理函式,右上角選單才會顯示「**」按鈕,在使用者點選**按鈕的時候會呼叫

微信小程式基礎(三)

小程式提供了很多元件和方法,用來增強互動效果。比如,每次操作後,都顯示乙個動態提示,告訴使用者操作的結果,這種效果叫做 toast。語法 wx.showtoast 引數主要包含2個屬性 title 展示的文字 duration 提示框的展示時間,單位為毫秒 showmsg 執行效果 對進行某項操作時...

微信小程式基礎(一)

乙個小程式頁面由四個檔案組成,分別是 wxml 頁面結構 wxss 頁面樣式 js 頁面邏輯 json 頁面配置 通常乙個頁面的4個檔案放在同乙個資料夾中,也就是說每個頁面使用乙個獨立的目錄,所有的頁面都統一放在pages目錄下 專案結構 效果預覽 n igationbarbackgroundcol...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...