小程序开发起步-小程序宿主环境

1. 小程序宿主环境

我们称微信客户端给小程序所提供的环境为宿主环境。小程序借助宿主环境提供的能力，可以完成许多普通网页无法完成的功能。
上一章中我们把小程序涉及到的文件类型阐述了一遍，我们结合QuickStart这个项目来讲一下这些文件是怎么配合工作的。

2. 渲染层和逻辑层

首先，我们来简单了解以下小程序的允许环境，小程序的运行环境分成渲染层和逻辑层，其中WXML模板和WXSS样式工作在渲染层，JS脚本工作在逻辑层。
小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用WebView进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端（下文中也会采用Native来代指微信客户端）做中转，逻辑层发送网络请求也经由Native转发，小程序的通信模型如下所示。

有关渲染层和逻辑层的详细文档参考小程序框架。

3. 程序与页面

微信客户端打开小程序之前，会把整个小程序的代码包下载到本地。
紧接着通过app.json的pages字段就可以知道你当前小程序的所有页面路径：

{
   
   
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ]
}

这个配置说明在QuickStart项目定义了两个页面，分别位于pages/index/index和pages/logs/logs。而写在pages字段的第一个页面就是这个小程序的首页（打开小程序看到的第一个页面）。
于是微信客户端就把首页的代码装载进来，通过小程序底层的一些机制，就可以渲染出这个首页。
小程序启动之后，在app.js定义的app实例的onLanuch回调会被执行：

App({
   
   
  onLaunch: function