# 构成

## 不同类型文件

1. `.json` 后缀的 `JSON` 配置文件，JSON 是一种数据格式，并不是编程语言，在小程序中，JSON扮演的静态配置的角色。
2. `.wxml` 后缀的 `WXML` 模板文件， 在小程序中也有同样的角色，其中 `WXML` 充当的就是类似 `HTML` 的角色。打开 `pages/index/index.wxml`，你会看到类似于html的代码
3. `.wxss` 后缀的 `WXSS` 样式文件， `WXSS` 具有 `CSS` 大部分的特性，小程序在 `WXSS` 也做了一些扩充和修改。
4. `.js` 后缀的 `JS` 脚本逻辑文件， 一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 `JS` 脚本文件来处理用户的操作。

## 目录结构

| 文件       | 必需 | 作用       |
| -------- | -- | -------- |
| app.js   | 是  | 小程序逻辑    |
| app.json | 是  | 小程序公共配置  |
| app.wxss | 否  | 小程序公共样式表 |

一个小程序页面由四个文件组成，分别是：

| 文件类型 | 必需 | 作用    |
| ---- | -- | ----- |
| js   | 是  | 页面逻辑  |
| wxml | 是  | 页面结构  |
| json | 否  | 页面配置  |
| wxss | 否  | 页面样式表 |

**注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。**

* index.js
* index.wxml
* index.json
* index.wxss