小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。
![]()
![]()
文件结构大致可以分为：
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;
}