今天(tian)的文章(zhang)是講微信小程(cheng)序(xu)開(kai)發的，按理解把架(jia)構與框架(jia)說說。有(you)不(bu)對之處請(qing)大神指點……

        微信(xin)(xin)小程序(xu)與web應(ying)用很像，但是原理不(bu)同，微信(xin)(xin)小程序(xu)是運行在(zai)微信(xin)(xin)應(ying)用內的(de)(de)(de)，不(bu)是運行在(zai)瀏覽器上，所以JS的(de)(de)(de)一(yi)些(xie)DOM操(cao)作在(zai)這里不(bu)適用。小程序(xu)有(you)自(zi)己的(de)(de)(de)一(yi)套標記語(yu)言（wxml），樣式語(yu)言(wxss)，與web開(kai)發的(de)(de)(de)html和css思想是一(yi)致的(de)(de)(de)。

   ;     首先，說(shuo)說(shuo)微信(xin)小程(cheng)序架構。

        架構分為視(shi)(shi)(shi)圖(tu)層(ceng)，邏輯(ji)層(ceng)，組(zu)件(jian)，API幾個部(bu)分。視(shi)(shi)(shi)圖(tu)層(ceng)負責頁面結構、樣式(shi)和數(shu)據展示(shi)，用wxml、wxss語言編寫(xie)。邏輯(ji)層(ceng)負責業務邏輯(ji)，調用API等(deng)，由js編寫(xie)。視(shi)(shi)(shi)圖(tu)層(ceng)和邏輯(ji)層(ceng)類似MVVM模(mo)式(shi)，邏輯(ji)層(ceng)只(zhi)需對數(shu)據對象更新，就可以改變視(shi)(shi)(shi)圖(tu)層(ceng)的數(shu)據顯(xian)示(shi)，這個很像vue，不知道底層(ceng)是不是vue! 組(zu)件(jian)是視(shi)(shi)(shi)圖(tu)層(ceng)封裝好的基礎組(zu)件(jian)，如(ru)按鈕、輸入框等(deng)！API提供了訪問手機設備(bei)、網絡(luo)、服務器、微信(xin)平(ping)臺接口等(deng)能力。如(ru)下圖(tu)

架構(gou)圖：（按自己理解畫(hua)的，僅供參考）

        其(qi)次，在說(shuo)說(shuo)開發框(kuang)架。

        每(mei)個小(xiao)程(cheng)序在微信里是個應(ying)用(App)，App中又包含(han)了多個頁面(Page)。App有屬(shu)于(yu)他的生命周期和目錄結構，Page也(ye)有屬(shu)于(yu)他的生命周期和目錄結構。如下圖：

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