小程序渲染层与逻辑层交互原理

 

1.网页开发与小程序开发的对比
  网页开发 小程序开发
结构 HTML WXML
样式 CSS WXSS
逻辑 JS JS
DOM操作 DOM API
渲染层和逻辑层 互斥的 分开的
     

①如何理解互斥??

当渲染界面的时候,脚本是不执行的;脚本执行时,渲染也是不可进行的。

 

2.小程序运行环境
运行环境 逻辑层 渲染层
ios JavaScriptCore WKWebView
安卓 V8 定制内核
小程序开发工具 NW.js Chromium Webview

提示:小程序开发时多用真机调试,因为真机调试可以反馈更多的问题!

 

3.渲染页面的技术选型

小程序选择用客户端原生技术与web技术结合的混合技术(Hybrid)

双线程:渲染层与逻辑层分开,不争用资源。

 

4.原理

View(渲染层WebView)-------Native(系统层)------APP Service(逻辑层 JsCore)

View(渲染层WebView)
WXML
WXSS
Native(系统层)
JSBridge
实现功能
APP Service(逻辑层 JsCore)
JS
API

 

 

 

 

提示:小程序开发少用setData(),少用资源!

你可能感兴趣的:(学习笔记)