Pages：這個是編寫的 js 文件，后綴 .js 這里不需要使用，配置好正確路徑即可正常應用到（應用不到在重啟微信開發者工具會直接報 page 錯誤）。 
Window：配置頂部的一些樣式，文檔介紹比較詳細。 
tabBar：底部的幾項配置，見名知意。 
iconPath 和 selectedIconPath：底部菜單按鈕圖片與得到切換點擊高亮。

這里用視圖容器view塊級元素將每個元素包裹起來，以便方便wxss的樣式添加和js交互實現。常用的樣式的屬性： 
display ：顯示的模式。可選項有：flex（代表view可以伸縮，彈性布局）

flex-direction ：view容器主軸布局方向。可選項有：row ， column

justify-content ：view容器子元素沿著主軸的排列方式。可選項有：flex-start、center、flex-end、space-around

align-items ：view容器子子元素沿著次軸（與主軸垂直的軸，比如若主軸方向為row，則次軸方向為column）的排列方式。可選項有：flex-start、center、flex-end

flex :權重。可選項：1，2, 3, 4, 5…(flex與display屬性一般結合使用，單獨使用flex無效)

（1）: 視圖層嵌入的是{{motto}}而不是{{data.motto}}，微信框架默認設定視圖層綁定的變量定義在Page對象的data屬性中，也就是說，如果變量需要綁定到視圖層，一定要定義data屬性中

（2）: 通過調用Page對象的setData(Page對象預定義)方法，可以更新界面數據，但是直接設置變量是無效的，因此對于綁定到視圖層的變量，要永遠使用setData方法來設置變量值

rpx單位是微信小程序中css的尺寸單位，rpx可以根據屏幕寬度進行自適應。

規定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0. 
rpx單位是微信小程序中css的尺寸單位，rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。

如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0。

rpx單位是微信小程序中css的尺寸單位，rpx可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

設備 rpx換算px (屏幕寬度/750) px換算rpx (750/屏幕寬度)

iPhone5 1rpx = 0.42px 1px = 2.34px 
iPhone6 1rpx = 0.5px 1px = 2rpx 
iPhone6s 1rpx = 0.552px 1px = 1.81rpx

微信小程序也支持rem尺寸單位，rem和rpx的換算關系：rem: 規定屏幕寬度為20rem；1rem = (750/20)rpx

注：開發微信小程序時設計師可以用 iPhone6 作為視覺稿的標準。

1.wx.switchTab(OBJECT) 
跳轉到 tabBar 頁面，并關閉其他所有非 tabBar 頁面（搭配onTap組件使用，點擊后跳轉頁面）

2.app.js中包含一個App()函數，我把它理解為微信小程序真正意義上的入口，也就是說當啟動一個小程序的時候，首先會執行到這里。App()函數用來注冊一個小程序，參數為Object類型，可以在其中指定小程序的生命周期函數（理解還不是很透徹）, 當然，也可以定義一個全局的數據和函數，我們可以在頁面中調用全局的getApp()方法，獲得小程序實例，從而來調用我們定義的全局數據和函數。