【微信小程序開發】秒懂，架構及框架

今天1024程序員節，寫文章慶祝！！！

        今天的文章是講微信小程序開發的，按理解把架構與框架說說。有不對之處請大神指點……

        微信小程序與web應用很像，可是原理不一樣，微信小程序是運行在微信應用內的，不是運行在瀏覽器上，因此JS的一些DOM操做在這裏不適用。小程序有本身的一套標記語言（wxml），樣式語言(wxss)，與web開發的html和css思想是一致的。

        首先，說說微信小程序架構。

        架構分爲視圖層，邏輯層，組件，API幾個部分。視圖層負責頁面結構、樣式和數據展現，用wxml、wxss語言編寫。邏輯層負責業務邏輯，調用API等，由js編寫。視圖層和邏輯層相似MVVM模式，邏輯層只需對數據對象更新，就能夠改變視圖層的數據顯示，這個很像vue，不知道底層是否是vue! 組件是視圖層封裝好的基礎組件，如按鈕、輸入框等！API提供了訪問手機設備、網絡、服務器、微信平臺接口等能力。以下圖

架構圖：（按本身理解畫的，僅供參考）

        其次，在說說開發框架。

        每一個小程序在微信裏是個應用(App)，App中又包含了多個頁面(Page)。App有屬於他的生命週期和目錄結構，Page也有屬於他的生命週期和目錄結構。以下圖：

框架圖（看開發文檔的總結）

 

更詳細資料請查看微信小程序開發文檔：

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html

本文主要把框架結構搞懂！

 

End

---

多多關注