今天的文章是講微信小程序開(kāi)發(fā)的，按理解把架構(gòu)與框架說(shuō)說(shuō)。有不對(duì)之處請(qǐng)大神指點(diǎn)……

        微信小程序與web應(yīng)用很像，但是原理不同，微信小程序是運(yùn)行在微信應(yīng)用內(nèi)的，不是運(yùn)行在瀏覽器上，所以JS的一些DOM操作在這里不適用。小程序有自己的一套標(biāo)記語(yǔ)言（wxml），樣式語(yǔ)言(wxss)，與web開(kāi)發(fā)的html和css思想是一致的。

        首先，說(shuō)說(shuō)微信小程序架構(gòu)。

        架構(gòu)分為視圖層，邏輯層，組件，API幾個(gè)部分。視圖層負(fù)責(zé)頁(yè)面結(jié)構(gòu)、樣式和數(shù)據(jù)展示，用wxml、wxss語(yǔ)言編寫(xiě)。邏輯層負(fù)責(zé)業(yè)務(wù)邏輯，調(diào)用API等，由js編寫(xiě)。視圖層和邏輯層類(lèi)似MVVM模式，邏輯層只需對(duì)數(shù)據(jù)對(duì)象更新，就可以改變視圖層的數(shù)據(jù)顯示，這個(gè)很像vue，不知道底層是不是vue! 組件是視圖層封裝好的基礎(chǔ)組件，如按鈕、輸入框等！API提供了訪問(wèn)手機(jī)設(shè)備、網(wǎng)絡(luò)、服務(wù)器、微信平臺(tái)接口等能力。如下圖

架構(gòu)圖：（按自己理解畫(huà)的，僅供參考）

        其次，在說(shuō)說(shuō)開(kāi)發(fā)框架。

        每個(gè)小程序在微信里是個(gè)應(yīng)用(App)，App中又包含了多個(gè)頁(yè)面(Page)。App有屬于他的生命周期和目錄結(jié)構(gòu)，Page也有屬于他的生命周期和目錄結(jié)構(gòu)。如下圖：

框架圖（看開(kāi)發(fā)文檔的總結(jié)）