小程序的基本组成：怎么串起来？   

• JS逻辑交互：.js 交互逻辑， js脚本文件处理用户的操作。还可以在 JS 中调用小程序提供的丰富的 API。

                          文件里提供数据响应事件等。Page({ data:{ } })

• WXML模版：.wxml 文件写页面的结构。联想以前做的XML。WXML 由标签、属性等等构成。

                    <text>{{msg}}</text> 通过 {{ }} 的语法把一个变量绑定到界面上，我们称为数据绑定。仅仅通过数据绑定还不够完整的描述状态和界面的关系，还需要 if/else, for等控制能力，在小程序里边，这些控制能力都用 wx: 开头的属性来表达。

• WXSS样式：.wxss 文件里设置样式。如宽高颜色之类，尺寸单位+全局的样式/局部样式。其中app.wxss 为全局样式。
• JSON配置：app.json 是当前小程序的全局配置。包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等

        其中 pages字段 —— 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

            window字段 —— 定义小程序所有页面的顶部背景颜色，文字颜色定义等。

•  project.config.json 开发者的工具配置

原文：https://www.cnblogs.com/kimiyo/p/10109230.html