详解 Weex JS Framework 的编译过程-低调大师

详解 Weex JS Framework 的编译过程

2016-08-31 698

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

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

这个过程涉及三种数据类型：JS Bundle 、Virtual DOM 、Vm 。

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

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

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

微信关注我们

原文链接：https://yq.aliyun.com/articles/59935

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

2016-09-01 00:00:00

Weex 框架中 JS Framework 的结构

Weex 具有移动端跨平台的特性，JS Framework 是其中比较关键的一层。首先来看一下 JS Framework 在 Weex 中的位置：从图中可以看出 Weex 整体的工作流程。首先开发者可以声明式的定义组件，形成 .we 文件，通过 weex-toolkit 提供的工具将 .we 文件转为 JS Bundle。JS Framework 接收并执行 JS Bundle 的代码，并且执行数据绑定、模板编译等操作，然后输出 json 格式的 Virtual DOM 传递给移动端，同时也提供了 callNative 和 callJS 接口，方便 JS Framework 和 Native 的通信。同样的一份 json 数据，在不同平台的渲染引擎中能够渲染成不同版本的 UI，这也是 Weex 可以实现动态化的原因。简而言之，JS

796

2016-09-01 00:00:00

[Weex Tips] 合理使用 Weex 的生命周期

这是 Weex Tips 系列文章中的一篇，汇总目录在这里。首先建议先看一下有关组件定义的官方文档，其中介绍了生命周期。在 Weex 项目里有个 issue 专门描述了 Weex 的生命周期，里面有几张很清晰的图，我这里只讲一下用法。如果想了解组件的编译细节可以参考：《详解 Weex JS Framework 的编译过程》。如果看完了上边的链接，对 Weex 生命周期的理解应该很到位了，可以简单总结成这么一张图：注：在新版本的 JS Framework（>0.15.6）中才支持 destroyed 生命周期。生命周期的用法 <script> module.exports = { data: {}, methods: {}, init: function () { con

863

资源下载

更多资源

优质分享Android(本站安卓app)

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Apache Tomcat7、8、9（Java Web服务器）

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

Eclipse（集成开发环境）

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包，主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心，它包含了JAVA的运行环境（JVM+Java系统类库）和JAVA工具。