微信小程序框架

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

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,海北州企業(yè)網(wǎng)站建設,海北州品牌網(wǎng)站建設,網(wǎng)站定制,海北州網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,海北州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

框架提供了自己的視圖層描述語言WXML和WXSS，以及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，可以讓開發(fā)者可以方便的聚焦于數(shù)據(jù)與邏輯上。

響應的數(shù)據(jù)綁定

微信小程序框架的核心是一個響應的數(shù)據(jù)綁定系統(tǒng)。

整個系統(tǒng)分為兩塊視圖層(View)和邏輯層(App Service)

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

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

 Hello {{name}}! 
 Click me! 

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

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

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

• 邏輯層執(zhí)行了setData的操作，將name從weChat變?yōu)?code>MINA，因為該數(shù)據(jù)和視圖層已經(jīng)綁定了，從而視圖層會自動響應改變?yōu)?code>Hello MINA! 。

微信小程序-頁面管理

微信小程序框架管理了整個小程序的頁面路由，可以做到頁面間的無縫切換，并給以頁面完整的生命周期。開發(fā)者需要做的只是將頁面的數(shù)據(jù)，方法，生命周期函數(shù)注冊進框架中，其他的一切復雜的操作都交由框架處理。

微信小程序-基礎組件

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

微信小程序-API接口

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