漫谈微信小程序入门初识小程序

       小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

文件结构大致可以分为：

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;

}