小程式入門基礎知識
app.js
App()函式用來註冊一個小程式,接受Object(物件)型別的引數
其中onLaunch()會在開啟應用時執行。
object引數說明:
onLaunch Function 生命週期函式--監聽小程式初始化
當小程式初始化完成時,會觸發onLaunch(全域性只會出發一次)
onshow Function 生命週期函式--監聽小程式顯示
當小程式啟動,或從後臺進入前臺顯示,會出發onShow(比如類似銀行的移動端,從後臺進入會提示輸入手勢密碼)
onHide Function 生命週期函式--監聽小程式隱藏
當小程式從前臺進入後臺,會觸發onHide
其他 Any 開發者可以新增任意的函式或資料到Object引數中,用this可以訪問
app.json
json資料格式,包裹在一個大括號中{},通過key-value的方式來表達資料
key必選包裹在一個雙引號中(雙引號寫成單引號,沒有加都會報錯)
只能是以下幾種資料格式
數字,包含浮點數和整數
字串,需要包裹在雙引號中
Bool值,true或false
陣列,需要包裹在方括號中[]
物件,需要包裹在大括號中{}
Null
其他任何格式都會報錯(比如JavaScript中的Undefined)
JSON檔案中不能加註釋
"pages":[]--註冊頁面
"pages":[
"pages/index/index",
"pages/logs/logs"
]
"window":{}--視窗
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor":"#fff",
"navigationBarTitleText":"WeChat",
"navigationBarTextStyle":"black",
"enablePullDownRefresh":true(允許下拉重新整理-true;不允許下拉重新整理-false)
}
"tarBar":{}--標籤欄(至少兩個)
"tabBar": {
"color": "#cdcdcd",(list裡面text屬性字型--預設)
"selectedColor": "#1296db",(list裡面text屬性字型--選中)
"backgroundColor": "#fff",(標籤欄的背景顏色)
"borderStyle": "white",(標籤欄上邊框顏色)
"list": [{
"pagePath": "pages/index/index",
"text": "首頁",
"iconPath": "imgs/home.png",
"selectedIconPath": "imgs/home_selected.png"
},{
"pagePath":"pages/index/index",
"text":"日誌",
"iconPath":"imgs/log.png",
"selectedIconPath": "imgs/log_selected.png"
}]
}
"networkTimeout":{}--請求超時設定
"networkTimeout": {
"request": 20000,
"connectSocket": 20000,
"uploadFile": 20000,
"downloadFile": 20000
}
"debug":true或false--控制檯除錯資訊
注意:根目錄下的app.json,app.js,app.wxss定義的都是全域性的;
自己定義的這些檔案引用優先順序高會覆蓋app裡面定義的
Page()
這個函式用來註冊一個頁面。接受一個Object引數,其指定頁面的初始資料、生命週期函式、事件處理函式等。
Object引數說明:
data-Object 頁面的初始資料
onLoad-Function 生命週期函式--監聽頁面載入
onRead-Function 生命週期函式--監聽頁面初次渲染完成
onshow-Function 生命週期函式--監聽頁面顯示
onHide-Function 生命週期函式--監聽頁面隱藏
onUnload-Function 生命週期函式--監聽頁面解除安裝
onPullDownRefreash Function 頁面相關事件處理函式--監聽使用者下拉動作
其他 Any 自定義函式--用this可以訪問