微信小程序——小程序的能力
阿新 • • 發佈:2018-03-17
span 微信小程序 裝載 div 渲染 scrip logs 能力 頂部
小程序啟動
通過app.json裏pages字段可以獲得頁面路徑,而寫在 pages 字段的第一個頁面就是這個小程序的首頁(打開小程序看到的第一個頁面),就像下面的代碼中,小程序啟動後的第一個頁面就是index
{ "pages":[ "pages/index/index", "pages/logs/logs" ] }
小程序啟動之後,在 app.js 裏的 onLaunch 回調會被執行:
App({ onLaunch: function () { // 小程序啟動之後 觸發 } })
程序和頁面
在pages/logs/logs下包含4種文件,首先微信客戶端根據logs.json配置生成一個界面,頂部顏色文字在這個json裏定義。接著客戶端才會加載這個頁面WXML和WXSS。最後客戶端會裝載logs.js。log.js內容如下:
Page({ data: { // 參與頁面渲染的數據 logs: [] }, onLoad: function () { // 頁面渲染後 執行 } })
Page是一個頁面構造器。小程序會把data數據和index.wxml一起渲染,展示小程序頁面,渲染之後,onLoad回調函數裏可以處理邏輯。
微信小程序——小程序的能力