微信小程序-初识小程序架构骨架

根据官方文档 ： https://mp.weixin.qq.com/debug/wxadoc/dev/

创建项目

创建一个微信小程序，通过官方所示，通过勾选 quick start 来添加新的项目，首先我们就会看到生成的一个项目结构如下所示：

├─ pages/ ····················································· 项目页面模块
　　├── index/ ····················································· index页面模块
　　│　　 ├── index.js ······································· index页面逻辑部分
　　│　　 ├── index.json ·································· index页面配置部分
　　│　　 ├── index.wxml ································ index页面骨架部分
　　│　　 └── index.wxss ································· index页面样式部分
　　└───logs/ ························································ 其他页面模块
　　　　　├── logs.js
　　　　　├── logs.json
　　　　　├── logs.wxml
　　　　　└── logs.wxss
├─ utils/ ····················· 小工具目录
　　└───utils.js
├─ app.js ·················· 项目启动文件
├─ app.json ············· 项目总配置文件
└─ app.wxss ············ 项目公共样式文件

依照上图和具体的代码细节可知，项目微信小程序通过全局变量 App 来创建一个应用实例。每个页面模块通过全局变量 Page 模块来组织配置各个功能页面模块。

未完，待续…