1. 程式人生 > >微信小程序——小程序的能力

微信小程序——小程序的能力

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回調函數裏可以處理邏輯。  

微信小程序——小程序的能力