[移动开发]小程序的设计原理

为什么要设计小程序

在传统WEB开发中，在渲染网页的过程中， 执行Javascript，和解析HTML是两个互斥的过程。

这意味着执行复杂Javascript代码，可能则会阻塞UI渲染，导致网页交互会卡顿或者白屏。（参见浏览器渲染网页流程）

从性能（解析JS和HTML并行执行）和安全（对外隔离操作DOM的API）的角度考虑， 微信团队研发小程序。

具体来说。

架构：渲染与逻辑的分离

小程序的运行环境分成视图层和逻辑层，采用双线程模型工作。

逻辑层线程负责：执行JS代码，产生和处理数据。

视图层线程负责：解析页面标签，构建DOM树和Render树，最终渲染页面。??

逻辑层线程产生的数据，通过JsBridge协议，传递给Native层与渲染线程中的数据进行差异比较，Native层再次通过JsBridge，通知渲染线程，更新有数据差异的页面元素。