说说微信小程序的实现原理?
网页开发,渲染线程和脚本是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应的原因,本质就是我们常说的 JS 是单线程的
。而在小程序中,选择了 Hybrid
的渲染方式,将视图层和逻辑层是分开的,双线程同时运行,视图层的界面使用 WebView
进行渲染,逻辑层运行在 JSCore
中
- 渲染层:界面渲染相关的任务全都在 WebView 线程里执行。一个小程序存在多个界面,所以渲染层存在多个 WebView 线程
- 逻辑层:采用 JsCore 线程运行 JS 脚本,在这个环境下执行的都是有关小程序业务逻辑的代码
如何通信?
小程序在渲染层,宿主环境会把 wxml
转化成对应的 JS
对象。在逻辑层发生数据变更的时候,通过宿主环境提供的 setData
方法把数据从逻辑层传递到渲染层,再经过对比前后差异,把差异应用在原来的 Dom
树上,渲染出正确的视图