微信小程序底层原理是如何实现的？

本文共计1634个文字，预计阅读时间需要7分钟。

页面渲染的方式主要有三种 + 推荐：《小程序开发教程》+ 1.web渲染 + 2.Native原生渲染 + 3.web与Native两者结合，即Hybrid渲染。小程序的呈现形式为第三种。为什么通信要使用双线程？

页面渲染的方式主要有三种

推荐：《小程序开发教程》

1.web渲染

2.Native原生渲染

3.web与Native两者掺杂，即Hybrid渲染。

小程序的呈现形式为第三种。

双线程通信方式

为什么要双线程 ？ -> 为了管控安全，避免操作DOM。

小程序的渲染层和逻辑层分别由 2 个线程管理：渲染层的界面使用了 WebView 进行渲染，逻辑层采用 JsCore 线程运行 JS 脚本。

微信小程序的框架包含两部分 view视图层、APP service逻辑层。

view层用来渲染页面结构，

AppService用来逻辑处理、数据请求、接口调用。

在两个进程（两个webview）里运行。

视图层和逻辑层通过系统层的JSBridage进行通信。

逻辑层： 创建一个单独的线程去执行JavaScript,在这个环境下执行的都是有关小程序业务逻辑的代码

渲染层： 界面渲染相关的任务全都在webView线程中执行，通过逻辑层的代码去控制渲染哪些界面。

一个小程序存在多个界面，所以渲染层存在多个webview线程。