小程序代码构成

参考自官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/

四种不同类型的文件

1. JSON配置文件

JSON的基本语法：
（1）包裹在一个大括号中 { }，通过key-value的方式来表达数据。
（2）key必须包裹在一个双引号中。
（3）value的数据格式只能是以下几种：数字、字符串（需要包裹在双引号中）、Bool值、数组（需要包裹在方括号中 []）、对象（需要包裹在大括号中 {}）、Null。
（4） JSON 文件中无法使用注释，试图添加注释将会引发报错。

小程序中的json文件通常包括根目录下的app.json 和 project.config.json，以及pages各子目录下的**.json：

• app.json
  当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。如：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

pages字段 —— 用于描述当前小程序所有页面路径。
window字段 —— 定义小程序全局页面的顶部背景颜色，文字颜色等。

• project.config.json
  小程序开发者工具在每个项目的根目录都会生成一个 project.config.json，当你重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置。

• pages各子目录中的**.json
  app.json是针对全局页面进行的配置，如果想对不同的页面进行不同的配置，可在各页面的json文件中配置。

2. WXML模板文件

weixin markup language，与HTML类似，是框架设计的一套标签语言，用于构建页面的结构。WXML语法参考

3. WXSS样式文件

weixin style sheets，是一套样式语言，用于描述 WXML 的组件样式，决定 WXML 的组件应该怎么显示，也具有全局样式（app.wxss）和局部样式（**.wxss）。WXSS语法参考

4. JS脚本逻辑文件

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，通过编写 JS 脚本文件来处理用户的操作。事件参考