小程序的核心思想：数据驱动+通信模型
通信模型：小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了WebView 进行渲染；逻辑层采用JsCore线程运行JS脚本。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端（下文中也会采用Native来代指微信客户端）做中转，逻辑层发送网络请求也经由Native转发，小程序的通信模型如图所示。
通信模型.png
数据驱动：WXML可以先转成JS对象，然后再渲染出真正的Dom树；通过setData把msg数据从“Hello World”变成“Goodbye”，产生的JS对象对应的节点就会发生变化，此时可以对比前后两个JS对象得到变化的部分，然后把这个差异应用到原来的Dom树上，从而达到更新UI的目的，这就是“数据驱动”的原理，如图所示。
数据驱动.png
小程序的核心思想：数据驱动+通信模型 通信模型：小程序的渲染层和逻辑层分别由2个线程管理：渲染层的界面使用了Web...
Offical Website 一起脱去小程序的外衣 微信小程序开发框架、资源-干货汇总 setData 工作原理...
微信小程序是介于Native和WebApp之间的产物，它依托浏览器WebView展示同时可以调用原生能力，比如获取...
小程序与普通网页开发的区别 小程序的主要开发语言是 JavaScript，小程序的开发同普通的网页开发相比有很大的...
微信小程序的开发与原理 1, 小程序与普通网⻚开发的区别 小程序的主要开发语言是 JavaScript ，小程序的...
小程序开发架构及原理 小程序宿主环境差异 iOS JavaScriptCore WKWebView 渲染 andr...
小程序原理 小程序本质上也是一个MVVM框架，virtual dom，view和model的双向绑定，配合小程序丰...
setData工作原理 小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 Javascri...
直播原理： 直播协议： 1、HLS协议： 对于hls协议来说，一开始会先发放一个m3u8文件，m3u8文件指向很多...
微信小程序是介于Native和web app之间的产物。它依托浏览器（webview）展示，同时可以调用原生能力（...
本文标题：小程序-工作原理
本文链接：https://www.haomeiwen.com/subject/rjixkctx.html
网友评论