微信小程序开发（2）-开发文件介绍

一、自动创建的demo示例

Paste_Image.png

二、全局文件

1、app.json

进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等

Paste_Image.png

对象属性介绍：

1）pages

接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。
文件名不需要写文件后缀，因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。

Paste_Image.png

2）window

用于设置小程序的状态栏、导航条、标题、窗口背景色。

Paste_Image.png

3）tabBar

客户端窗口的底部或顶部有 tab 栏可以切换页面
Tip： 通过页面跳转（wx.navigateTo）或者页面重定向（wx.redirectTo）所到达的页面，即使它是定义在 tabBar 配置中的页面，也不会显示底部的 tab 栏。
tabBar 是数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

Paste_Image.png
其中 list 接受一个数组，数组中的每个项都是一个对象（文本，文件，图标，选中时的图标）
Paste_Image.png

2、app.js

监听并控制这整个程序的生命周期，也是全局变量声明的地方
默认生成的js文件如下：

Paste_Image.png

3、app.wxss

整个小程序的公共样式表
rpx 是尺寸单位，可根据屏幕宽度自适应大小。与之对应的有rem：规定屏幕宽度为20rem；1rem = (750/20)rpx 。