想通了一件事情
# 前情提要
1.通过了解浏览器线程的一些知识我们知道浏览器进程中GUI线程是与JS引擎线程互斥的。 2.小程序的架构是JsCore执行js逻辑代码 webview页面渲染双线程,两个线程并不互斥。
# 那么问题来了
为什么浏览器中js代码会阻塞页面渲染而小程序环境里面JS却可以和页面渲染同时进行。 *GUI线程被设计成是和JS引擎线程互斥的(谷歌浏览器为例) *小程序逻辑层线程和webview渲染线程是可以同时执行的
# 原因
- 浏览器环境
由于JavaScript是可操纵DOM的,如果在修改这些元素属性同时渲染界面(即JS线程和GUI线程同时运行),那么渲染线程前后获得的元素数据就可能不一致了
- 小程序环境
小程序底层屏蔽了窗口对象(JsCore环境是没有窗口对象的),小程序里的JS代码是无法操作document对象的,也就无法改变dom树的结构,不会出现前后不一致的问题。
附: JsCore示意图