详解 Weex JS Framework 的编译过程

  1. 云栖社区>
  2. 博客>
  3. 正文

详解 Weex JS Framework 的编译过程

门柳 2016-09-01 09:50:47 浏览8485
展开阅读全文

之前写了一篇文章《Weex 框架中 JS Framework 的结构》概述了 JS Framework 的整体结构,其中编译过程写的有些简略,这里再详细介绍一下。

一句话概括 JS Framework 的编译过程就是: 将 JS Bundle 转换成 Virtual DOM 发送到原生模块渲染。

这个过程涉及三种数据类型:JS BundleVirtual DOMVm

  • JS Bundle 是由 .we 文件转换过来的,会被视为代码而执行。
  • Virtual DOM 是描述页面结构的 JSON 数据,用于给原生模块发送消息。
  • Vm 是 View Model 的简写,属于 MVVM 结构中的一部分,会执行模板编译、数据绑定等操作。

简化版的 Vm 构造函数如下:

// html5/default/vm/index.js
function V

网友评论

登录后评论
0/500
评论
门柳
+ 关注