小程序运行逻辑说明

小程序环境说明

小程序运行环境分为逻辑层、渲染层；同样这两个层面分别由两个线程进行管理；

逻辑层： js脚本；jsCore线程管理
渲染层： wxml、wxss运行层；webview线程管理；

一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端做中转，逻辑层发送网络请求也经由客户端转发。

小程序运行流程

1. 打开小程序之前会把小程序的代码包下载到本地；
2. 通过app.json的pages页面配置获取所有的页面路径；
3. 读取pages中的第一个配置的页面进行装载运行，渲染页面；
4. 小程序启动之后，在 app.js 定义的 App 实例的 onLaunch 回调会被执行（该APP实例是小程序唯一的，是全部页面共享的，更多说明：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html ）；
5. 页面开始装载时会先会先根据 json 配置生成一个界面，顶部的颜色和文字你都可以在这个 json 文件里边定义好
6. 紧接着客户端就会装载这个页面的 WXML 结构和 WXSS 样式；
7. 最后客户端会装载 js文件；
8. 在js文件内部会存在一个构造器，该构造器内部会有data数据以及function方法等，框架会把data 数据和 index.wxml 一起渲染出最终的结构，于是就得到了你看到的小程序的样子。
9. 在渲染完界面之后，页面实例就会收到一个 onLoad 的回调，你可以在这个回调处理你的逻辑。（构造器文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html）