1. 應用程式入口下最多有五級頁面，每級頁面可以無限多，但是小程式對整個程式的大小有要求，而且比較小，所以實際開發中，頁面是有限制的。
2. app.js，app.json，app.wxss配置全域性的，要是在頁面和app中都配置了，則使用就近原則
3. 各頁面.wxml骨架，.wxss樣式，.js邏輯，.json配置
4. 根據開發文件可看到app.json 是當前小程式的全域性配置，包括了小程式的所有頁面路徑、介面表現、網路超時時間、底部 tab 等。QuickStart 專案裡邊的 app.json 配置內容如下：

{

  "pages":[

    "pages/index/index",

    "pages/logs/logs"

  ],

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle":"black"

  }

}

pages欄位 —— 用於描述當前小程式所有頁面路徑，這是為了讓微信客戶端知道當前你的小程式頁面定義在哪個目錄。

window欄位 —— 定義小程式所有頁面的頂部背景顏色，文字顏色定義等。

1. xml骨架的編寫流程

先寫好容器，然後在容器中新增元件，再在元件中新增元素

1. 寫樣式要注意的點：

樣式固定不變的可以寫到wxss中，樣式動態改變的一般寫到style中，

1. js檔案結構

當在編輯器裡輸入page回車就能使用page函式生成一個頁面例項，然後js的檔案結構也一目瞭然，

data：頁面的初始資料

一系列的函式：類似監聽函式，在不同的階段執行

onload:function(options):頁面初始化，options為頁面跳轉所帶來的引數

onReady:function():頁面渲染完成

onShow:function():頁面顯示

以下兩個執行條件請見小程式的事件機制（冒泡與非冒泡）

onHide:function():頁面隱藏

onUnload:function():頁面關閉

可以使用console.log(“XXX執行啦”)在控制檯列印輸出，檢視各函式執行順序

執行順序onload，onshow，onready

還能自定義函式，變數

1. 資料繫結：

在data中賦值屬性就行，如date:”nov 18 2016”,然後在wxml檔案中要使用的位置{{date}}使用這樣的格式引用即可，可以引用繫結多個。

1. var post_content={

date:”nov 18 2016”,

img:{

       post_img:” ”,

       author_img:” ”//引用的時候再前面多加上img.即可，嵌套了幾層寫幾層

}

…….

}

this.setData(post_content1);

如上等同於直接在data中平鋪賦值

注意：小程式在解析屬性字串的時候，會解析成布林值，所以只要有值就會為真

如在設定swiper水平或者垂直輪播的時候，設定vertical=”false”時仍然會是垂直輪播。

所以要設定為false的時候可以寫成vertical=“{{false}}”

1. 使用block標籤把要迴圈的標籤包裹起來

<block wx:for=’’{{posts_content}}’’ wx:key=" posts_content" ></block>

wx:for迴圈裡填的是陣列或者集合變數

wx:for-index:index預設子元素的序號

wx:for-item:“item”預設子元素

不新增wx:key情況：

<block wx:for-items="{{userInfoList}}" >，會出現warning： Now you can provide attr "wx:key" for a "wx:for" to improve performance. 如果明確知道該列表是靜態，或者不必關注其順序，可以選擇忽略。

推薦array 的 每一個item都新增一個唯一識別的property來管理，這樣就可以去掉warning，如果使用保留關鍵字，好像會出現顯示的item都是最後一個的

<block wx:for-items="{{userInfoList}}" wx:key="userInfoListId">