小程序開發學習第一天

微信小程序 框架（MINA）

框架

---

小程序開發框架的目標是通過儘可能簡單、高效的方式讓開發者可以在微信中開發具有原生APP體驗的服務。

框架提供了自己的視圖層描述語言WXML和WXSS，以及基於JavaScript的邏輯層框架，並在視圖層與邏輯層間提供了數據傳輸和事件系統，可以讓開發者可以方便的聚焦於數據與邏輯上。

響應的數據綁定

---

框架的核心是一個響應的數據綁定系統。

整個系統分爲兩塊視圖層(View)和邏輯層(App Service)

框架可以讓數據與視圖非常簡單地保持同步。當做數據修改的時候，只需要在邏輯層修改數據，視圖層就會做相應的更新。

通過這個簡單的例子來看：

<!-- Thie is our View -->
<view> Hello {{name}}! </view>
<button bindtap="changeName"> Click me! </button>

// This is our App Service.
// This is our data.
var helloData = {
  name: 'WeChat'
}


// Register a Page.
Page({
  data: helloData,
  changeName: function(e) {
    // sent data change to view.
    this.setData({
      name: 'MINA'
    })
  }
})

• 開發者通過框架將邏輯層數據中的name與視圖層的name進行了綁定，所以在頁面一打開的時候會顯示Hello WeChat!

• 當點擊按鈕的時候，視圖層會發送changeName的事件給邏輯層，邏輯層找到對應的事件處理函數

• 邏輯層執行了setData的操作，將name從weChat變爲MINA，因爲該數據和視圖層已經綁定了，從而視圖層會自動響應改變爲Hello MINA! 。

頁面管理

---

框架管理了整個小程序的頁面路由，可以做到頁面間的無縫切換，並給以頁面完整的生命週期。開發者需要做的只是將頁面的數據，方法，生命週期函數註冊進框架中，其他的一切複雜的操作都交由框架處理。

基礎組件

---

框架提供了一套基礎的組件，這些組件自帶微信風格的樣式以及特殊的邏輯，開發者可以通過組合基礎組件，創建出強大的微信小程序 。

豐富的API

---

框架提供豐富的微信原生API，可以方便的調起微信提供的能力，如獲取用戶信息，本地存儲，支付功能等。