初识微信小程序

微信小程序是一种无需安装即可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜索一下即可打开应用，真正实现了用完即走的理念，用户不再需要关心是否安装太多应用的问题，应用将无处不在，随时随地可用，无需卸载，极大的方便了生活。

---

那么，微信小程序的具体目录结构是怎样的呢？
微信小程序的目录结构可分为三个部分，素材资源文件，框架页面文件，框架全局文件

1、 素材资源文件存放小程序需要的音频，图片等素材

2、框架页面文件则是实现小程序的各个界面：
框架页面文件里由4个文件组成：js页面逻辑，wxml页面结构，wxss页面样式和json页面配置
微信小程序的框架页面文件是放在pages文件夹下的

3、框架的全局文件则由app.wxss小程序公用样式表、app.json小程序公共设置和app.js小程序逻辑（定义全局数据以及定义函数文件）,他们对所有文件都有效。

3.1app.js小程序逻辑

app.js文件用来定义全局数据和函数的使用，它可以指定微信小城的生命周期函数。生命周期函数可以理解为小程序自己定义的函数，如onLaunch(监听小程序初始化)、onShow（监听小程序显示）、onHide(监听小程序隐藏)等，在不同阶段可以使用不同的生命周期函数，另外，app.js当中还可以自定义一些全局的函数和数据，其他页面引用app.js文件后就可以直接使用全局函数和数据：

3.2app.json小程序公共设置

app.json文件可以对5个功能进行设置：配置页面路径、配置窗口表现、配置标签导航、配置网络超时、配置debug模式。

3.2.1 配置页面路径

页面路径定义了一个数组，存放多个页面的访问路径，它是进行页面访问的必要条件。如果这里没有进行页面的注册，访问时就会报错，如果在这里定义了页面的访问路径，微信小程序就会在页面文件夹（pages）下建立相应名称的文件夹和文件。

3.2.2窗口表现的配置

窗口表现用于配置小程序的状态栏、导航条、标题、窗口背景色，可以设置导航条背景色、导航条文字和导航条文字颜色；还可以设置窗口是否可以下拉刷新，默认值是否可以下拉刷新，窗口的背景色和下拉背景字体或者loading样式。

3.2.3配置标签导航

在app.json文件中配置tabBar属性，tabBar是一个对象，可以配置标签导航文字的默认颜色、选中颜色、标签导航背景色以及上边框的颜色。标签导航存放在list数组里面，list的每个对象，对应一个标签导航，每个对象里可以配置标签导航的路径、导航名称、默认图标以及选中图标。

3.2.4 配置网络超时

可以配置网络请求、文件上传、文件下载是最大的请求时间。超过这个时间则不再请求

3.2.5 配置debug模式

配置debug模式有利于微信小程序的开发者的调试。

3.3 app.wxss小程序公共样式表

app.wxss文件对css样式进行了扩展，和css的使用方式一样，类选择器和行内样式的写法兼容大部分的css文件，有一些css样式在这里是不起作用的，同时还扩展了css，形成了自己风格的样式文件，是对所有页面定义的一个全局样式。只要页面有全局样式里的class，就都可以渲染全局样式里的效果；但如果页面重新定义了这个class样式，则会把全局样式覆盖掉，而使用自己的样式。

微信小程序API