今天的文章是講微信小程序開發(fā)的,按理解把架構與框架說說。有不對之處請大神指點……
微信小程序與web應用很像,但是原理不同,微信小程序是運行在微信應用內(nèi)的,不是運行在瀏覽器上,所以JS的一些DOM操作在這里不適用。小程序有自己的一套標記語言(wxml),樣式語言(wxss),與web開發(fā)的html和css思想是一致的。
首先,說說微信小程序架構。
架構分為視圖層,邏輯層,組件,API幾個部分。視圖層負責頁面結構、樣式和數(shù)據(jù)展示,用wxml、wxss語言編寫。邏輯層負責業(yè)務邏輯,調(diào)用API等,由js編寫。視圖層和邏輯層類似MVVM模式,邏輯層只需對數(shù)據(jù)對象更新,就可以改變視圖層的數(shù)據(jù)顯示,這個很像vue,不知道底層是不是vue! 組件是視圖層封裝好的基礎組件,如按鈕、輸入框等!API提供了訪問手機設備、網(wǎng)絡、服務器、微信平臺接口等能力。如下圖
架構圖:(按自己理解畫的,僅供參考)
其次,在說說開發(fā)框架。
每個小程序在微信里是個應用(App),App中又包含了多個頁面(Page)。App有屬于他的生命周期和目錄結構,Page也有屬于他的生命周期和目錄結構。如下圖:
框架圖(看開發(fā)文檔的總結)