web框架的作用 移动端跨平台开发的深度解析(4)

??JS Bridge主要用来和 JS 端实现进行双向通信，比如把 JS 端的 dom 结构传递给Dom线程。Dom主要是用于负责 dom 的解析、映射、添加等等的操作，最后通知UI线程更新。而Render负责在UI线程中对 dom 实现渲染。

??和 react native一样，weex 所有的标签也不是真实控件，JS 代码中所生成存的 dom，最后都是由 Native 端解析，再得到对应的Native控件渲染，如 Android 中<text>标签对应WXTextView控件。

??weex 中文件默认为 .vue ，而 vue 文件是被无法直接运行的，所以 vue 会被编译成 .js 格式的文件，Weex SDK会负责加载渲染这个js文件。Weex可以做到跨三端的原理在于：在开发过程中，代码模式、编译过程、模板组件、数据绑定、生命周期等上层语法是一致的。不同的是在JS Framework层的最后，web 平台和 Native 平台，对 Virtual DOM 执行的解析方法是有区别的。

??实际上，在 Native 中对 bundle 文件的加载大致经历以下阶段：

weex 接收到 js 文件以后，JS Framework 根据文件为 Vue 模式，会调用weex-vue-framework中提供的createInstance方法创建实例。(也可能是Rax模式)

createInstance中会执行 Js Entry 代码里new Vue()创建一个组件，通过其 render 函数创建出 Virtual DOM 节点。

由JS V8 引擎上解析 Virtual DOM ，得到 Json 数据发送至 Dom 线，这里输出 Json 也是方便跨端的数据传输。

在进行脱排油烟机尺寸大小大小尺寸选择之前，得需要考虑到灶台的大小，我们可以在使用的时候先用合适的米尺来进行测量，然后得到相应的数据之后再来进行合理的尺寸大小的选择。

须要用json网站提供的专门解析json的库去解析，下载地址，找到vb-json下载，然后需导入cjsonscript.cls、cstringbuilder.cls、json.bas这三个文件到工程中，然后set datadic = json.parse(originalstr)这样使用，传入一个json字符串，将返回dictionary类型的字典，这个类型ios开发者很熟悉，java中叫做map。

json parser: 解析 json 格式的数据，json 是一种自带字段名称及类型的序列化协议，解析 json 格式仅需反序列化即可。

(2)把自变量与函数的对应值代入函数解析式中，得到关于待定系数的方程或方程组．。

Render在原生端最终处理处理渲染任务，并回调里JS方法。web框架的作用

??得益于上层的统一性，只是通过weex-vue-framework判断是由Vue.js生成真实的 Dom ，还是通过 Native Api 渲染组件，weex 一定程度上上，用JS 实现了vue一统天下的效果。

?? weex 在原生渲染 Render 时，在接收到渲染指令后，会逐步将数据渲染成原生组件。Render 通过解析渲染数据的描述，然后分发给不同的模块。

?? 比如 控件渲染属于dom模块中，页面跳转属于navigator模块等。模块的渲染过程并非一个执行完，再执行另一个的流程，而是类似流式的过程。如上一个<text>的组件还没渲染好，下一个<div>的渲染又发了过来。这样当一个组件的嵌套组件很多时，或者可以看到这个大组件内的UI，一个一个渲染出来的过程。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-91693-4.html