微信小程序 框架（MINA）

微信小程序框架（MINA）旨在以簡單高效的方式，讓開發(fā)者為微信用戶提供原生APP體驗(yàn)的服務(wù)。該框架通過WXML和WXSS視圖層描述語言、JavaScript邏輯層框架、以及數(shù)據(jù)傳輸和事件系統(tǒng)來聚焦于數(shù)據(jù)和邏輯。其中，響應(yīng)的數(shù)據(jù)綁定系統(tǒng)是整個(gè)框架的核心。通過對(duì)頁面管理、基礎(chǔ)組件和微信原生API等方面的優(yōu)化，框架可讓開發(fā)者輕松實(shí)現(xiàn)無縫切換的頁面路由、創(chuàng)建強(qiáng)大的微信小程序以及調(diào)用微信提供的能力。例如，可以將邏輯層與視圖層中的數(shù)據(jù)進(jìn)行綁定和修改達(dá)到自動(dòng)更新的效果。

1. 響應(yīng)的數(shù)據(jù)綁定

框架通過視圖層(View)和邏輯層(App Service)來實(shí)現(xiàn)數(shù)據(jù)綁定。只需要在邏輯層修改數(shù)據(jù)，視圖層就會(huì)進(jìn)行相應(yīng)的更新。以下代碼即為示例：

<!-- 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'
    })
  }
})

• 通過框架將邏輯層數(shù)據(jù)中的name與視圖層的name進(jìn)行綁定，頁面一打開會(huì)顯示Hello WeChat!。
• 當(dāng)點(diǎn)擊按鈕時(shí)，視圖層發(fā)送changeName事件給邏輯層，執(zhí)行setData的操作，將name從WeChat變?yōu)?code>MINA，因?yàn)樵摂?shù)據(jù)和視圖層已經(jīng)綁定了，從而視圖層自動(dòng)響應(yīng)改變?yōu)?code>Hello MINA!。

2. 頁面管理

框架管理了整個(gè)小程序的頁面路由，可以實(shí)現(xiàn)頁面間的無縫切換，并賦予頁面完整的生命周期。只需將頁面的數(shù)據(jù)、方法和生命周期函數(shù)注冊(cè)到框架中，其他復(fù)雜操作都交由框架處理。

3. 基礎(chǔ)組件

框架提供了一套基礎(chǔ)的組件，這些組件具備微信風(fēng)格的樣式和特殊的邏輯，開發(fā)者通過組合基礎(chǔ)組件，可創(chuàng)建出功能強(qiáng)大的微信小程序。

4. 豐富的API

框架提供豐富的微信原生API，方便調(diào)用微信提供的能力，如獲取用戶信息、本地存儲(chǔ)和支付功能等。

<本文由himall原創(chuàng)，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)標(biāo)明：himall原創(chuàng)>