小程序运行逻辑说明

时光怂恿深爱的人放手 提交于 2020-02-29 02:05:09

小程序环境说明

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

逻辑层: 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)
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!