微信小程序_小程序開發框架
阿新 • • 發佈:2018-11-12
復雜 創建 事件 style 視圖 scrip 無縫切換 href 組件
微信小程序_小程序開發框架
微信小程序小程序開發框架的目標是通過盡可能簡單、高效的方式讓開發者可以在微信中開發具有原生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,可以方便的調起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等。
---------------------
微信小程序_小程序開發框架