文件結構大致可以分爲：
WXML（WeiXin Mark Language，微信標記語言） 視圖層
WXSS（WeiXin Style Sheet，微信樣式表）
JS（JavaScript，小程序的主體） 邏輯層
在語言方面，不同於我們移動端的語言， 他在Html、javascript和css中加入了自己的標準，下面我作爲一個安卓開發人員對比一下與原生的JavaScript和css有什麼區別：
1： HTML與WXML，從名字的定義中我們可以發現，WX + XMl = WXML，也就是說微信的WXML相當於安卓中的XML（佈局界面），沒接觸過安卓的人員，可能不太明白，這裏簡單說一下安卓的佈局界面，大家都知道一個應用程序都要有各自的界面，每個界面之間互相交互，傳遞數據，XML也就是安卓界面的定義，微信的WXML這裏扮演了與安卓相同的角色，定義了小程序界面。
2 : WXSS與CSS ： WX +CSS=WXSS,與原生CSS沒有什麼不同，定義了某個界面，或者某個組件的樣式，這裏不做過多描述，大家一看應該就能明白。
3：JS文件：也就是我們所說的JavaScript，小程序在原生基礎上增加了一下自己的API接口，去掉了一下不需要的功能。
一個小程序必須包含的內容：App.js App.json App.wxss
App.json:
就像安卓的AndroidManifest一樣，定義了本程序中所包含的頁面、全局變量等，其他頁面可以訪問到這裏聲明的全局變量，後面我們會講到使用方式。
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
其中pages聲明瞭本應用中所包含的頁面信息，如果不定義將會報錯，如同安卓中的Activity一樣，要使用它，必須在配置文件中聲明。
window爲整個應用的主題
App.wxss:
這裏可以想象成css的樣式表，基本符合了css的定義規則,
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}