1. 程式人生 > >小程式入門基礎知識

小程式入門基礎知識

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可以訪問