微信小程序-框架詳解(1)

配置

　　-app.json文件對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現、設置網絡超時時間、tab等

{
  "pages": [ //決定頁面文件的路徑
    "pages/index/index", //第一項配置為默認打開時顯示的頁面，不需要后綴名，因為其包含.js文件、.wxml文件、.wxss文件以及.json文件，
    "pages/logs/logs"
  ],
  "window": { //窗口默認的表現
    "backgroundTextStyle": "light",  //下拉背景字體、loading 圖的樣式，僅支持 dark/ligh,默認值為dark
    "navigationBarBackgroundColor": "#fff", //導航欄背景顏色
    "navigationBarTitleText": "導航欄文本", //導航欄顯示的文本內容
    "navigationBarTextStyle": "black" //導航欄標題顏色，僅支持 black/white，默認值white
  },
  "tabBar": { //設置tab欄，tabBar是一個數組，若是配置，最少2個，最多5個，tab按數組的順序排序
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首頁"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  },
  "networkTimeout": { //設置各自網絡請求的超時時間單位為毫秒
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true //可以在開發者工具中開啟debug模式
}

　　-每一個頁面也可以使用.json文件來對本頁面的窗口進行配置

　　　　--pages.json會覆蓋app.json中window配置項中同的內容，若配置內容不相同，則不覆蓋

　　　　--頁面的.json只能設置window相關的配置項，以決定頁面窗口的表現，因此不需寫window這個鍵

{
  "navigationBarBackgroundColor": "#f00",
  "navigationBarTextStyle": "white",
  "navigationBarTitleText": "具體頁面導航欄演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

邏輯

　　-小程序開發框架的邏輯層是由javascript編寫

　　-邏輯層將數據進行處理后發送給視圖層，同時接受視圖層的事件反饋

　　　　--增加App和Page方法，進行程序和頁面的注冊

　　　　--增加getApp和getCurrentPages方法，分別用來獲取App實例和當前頁面棧

　　　　--每個頁面有獨立的作用域，並提供模塊化能力

　　　　--框架並非運行在瀏覽器中，不存在DOM等，所以javascript在web中的一些功能不能使用

　　　　--開發者寫的所有代碼最終將會打包成一份javascript，並在小程序啟動時運行，直到小程序銷毀，類似serviceWorker，所以邏輯層也稱之為App Service