小程序环境说明
小程序运行环境分为逻辑层、渲染层;同样这两个层面分别由两个线程进行管理;
逻辑层: js脚本;jsCore线程管理
渲染层: wxml、wxss运行层;webview线程管理;
一个小程序存在多个界面,所以渲染层存在多个WebView线程,这两个线程的通信会经由微信客户端做中转,逻辑层发送网络请求也经由客户端转发。
小程序运行流程
- 打开小程序之前会把小程序的代码包下载到本地;
- 通过app.json的pages页面配置获取所有的页面路径;
- 读取pages中的第一个配置的页面进行装载运行,渲染页面;
- 小程序启动之后,在 app.js 定义的 App 实例的 onLaunch 回调会被执行(该APP实例是小程序唯一的,是全部页面共享的,更多说明:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html );
- 页面开始装载时会先会先根据 json 配置生成一个界面,顶部的颜色和文字你都可以在这个 json 文件里边定义好
- 紧接着客户端就会装载这个页面的 WXML 结构和 WXSS 样式;
- 最后客户端会装载 js文件;
- 在js文件内部会存在一个构造器,该构造器内部会有data数据以及function方法等,框架会把data 数据和 index.wxml 一起渲染出最终的结构,于是就得到了你看到的小程序的样子。
- 在渲染完界面之后,页面实例就会收到一个 onLoad 的回调,你可以在这个回调处理你的逻辑。(构造器文档链接:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html)
来源:CSDN
作者:Loren_Wang
链接:https://blog.csdn.net/cmwly/article/details/104563142