WEEX跨平台开发实战

近年来，伴随着大前端和移动跨平台技术的兴起，移动应用的开发手段越来越多，常见的移动跨平台技术有React Native、WEEX和Flutter等。WEEX是由阿里巴巴研发的一套移动跨平台技术框架，目的是解决移动应用开发过程中频繁发版和多端研发的问题。

《WEEX跨平台开发实战》是一本系统介绍WEEX跨平台应用开发的书籍，涵盖了WEEX开发的方方面面，主要由基础知识、高级应用开发和项目实战三部分组成。第一部分重点介绍WEEX开发的基础知识，后两部分则重点介绍WEEX开发的进阶知识和项目实战。

《WEEX跨平台开发实战》是一本WEEX入门与实战类书籍，适合有一定前端开发基础或者移动端开发基础的读者阅读。因此，无论你是前端开发者，还是移动端开发者，都可以通过对本书的学习来掌握移动跨平台应用开发的技能。

向治洪，《React Native移动开发实战》和《Kotlin入门与实战》作者，具有多年的移动客户端和前端软件开发经验，热爱大前端技术。同时，作为国内资深的互联网基础应用建设专家、开源技术贡献者和敏捷开发实践者，在软件开发领域，特别是大前端领域有自己独到的见解。

√ 基于Vue.js的高性能、轻量级跨平台开发框架；

√ 由阿里巴巴开源，并捐赠给Apache基金会进行孵化的项目；

√ WEEX首著，从轻松入门到完全胜任工作中的实际项目开发；

√ 全面讲解WEEX框架的各个知识点，并辅以大量案例进行说明，使读者轻松掌握WEEX知识，并应用于实际工作；

√ 本书为读者建立了共读群，方便与作者直接进行交流；

√ 本书适合所有对移动跨平台开发感兴趣及正在致力于移动跨平台开发工作的读者阅读。

近年来，伴随着大前端概念的提出和兴起，移动端和前端的边界变得越来越模糊，一大批移动跨平台开发框架和模式涌现出来。从早期的PhoneGap、Inoic 等Hybrid技术，到现在耳熟能详的React Native、WEEX和Flutter等跨平台技术，无不体现着移动端开发的前端化。

作为阿里巴巴开源的一套移动跨平台技术框架，WEEX框架最初是为了解决移动开发过程中频繁发版和多端研发的问题而开发的。具体来说，使用WEEX提供的跨平台开发技术，开发者可以很方便地使用Web前端技术来构建高性能、可扩展的原生性能体验，并支持在Android、iOS和Web等多平台上进行部署。

作为目前主流的跨平台技术框架之一，WEEX项目使用Vue.js进行编写，对于熟悉Web前端开发的开发者来说，其是一个不错的选择。在性能和项目迭代方面，WEEX与PhoneGap、Inoic等Hybrid技术相比也有一定的优势。

不过由于种种原因，WEEX的社区生态并不是很完善，也没有一本系统介绍WEEX的书籍。基于对跨平台技术的热爱，以及积累的一些WEEX项目实战经验，笔者思量再三决定对WEEX框架进行系统的梳理，并将其整理成书。

“路漫漫其修远兮，吾将上下而求索。”通过对WEEX技术的学习和本书的写作，笔者深刻地意识到“学无止境”的含义。如果本书对你学习WEEX有所帮助和启发，笔者将不胜欣慰。

如何阅读本书

本书共分为9章，章节概要如下。

第1章～第4章：这4章属于WEEX入门与基础部分。这部分内容主要包括WEEX简介、WEEX环境搭建、WEEX基础知识以及WEEX开发常用的组件和模块等内容。同时，本部分内容配备了大量的实例，通过这部分内容的学习，读者将会对WEEX有一个基本的认识。

第5章～第8章：这4章属于WEEX进阶部分。这部分内容主要由讲述Rax、Vue.js、BindingX和WEEX Eros的章节组成，主要是介绍WEEX开发中的一些进阶知识。同时，为了加快WEEX的开发效率，建议开发者直接使用WEEX Eros和weexplus等WEEX脚手架。

第9章：这一章属于WEEX项目实战部分。这部分讲述了WEEX项目实战的内容，是对WEEX基础知识的综合运用。通过此部分的知识讲解，读者将会对WEEX有一个全面的认识。

希望通过本书的讲解，读者可以对WEEX技术有一个全面的了解，并能够使用它进行移动跨平台项目的开发。

适读人群

本书是一本关于WEEX入门与实战的书籍，适合前端开发者和移动Android/iOS开发者阅读。因此，不管你是一线移动开发工程师，还是有志于从事移动开发的前端开发者，都可以通过学习本书来获取移动跨平台开发的技能。

第1章 WEEX简介 1

1.1 WEEX简介 1

1.1.1 原生平台与Web平台的差异 1

1.1.2 设计理念 2

1.1.3 WEEX工作原理 3

1.2 移动跨平台技术剖析 4

1.2.1 React Native 5

1.2.2 Flutter 6

1.2.3 PWA 8

1.2.4 对比与分析 8

1.3 本章小结 9

第2章 WEEX快速入门 10

2.1 安装与配置WEEX 10

2.1.1 安装依赖 10

2.1.2 创建项目 12

2.1.3 开发与运行项目 13

2.1.4 集成到iOS 16

2.1.5 集成到Android 20

2.1.6 WEEX语法插件 22

2.2 在WEEX中使用Vue.js 25

2.2.1 与Web平台的异同 25

2.2.2 单文件组件 26

2.2.3 WEEX支持的Vue.js功能 27

2.3 WEEX调试 29

2.3.1 weex-toolkit简介 29

2.3.2 weex-devtool远程调试 32

2.3.3 集成weex-devtool到iOS 35

2.3.4 集成weex-devtool到Android 37

2.4 本章小结 42

第3章 WEEX基础知识 43

3.1 基本概念 43

3.1.1 组件 43

3.1.2 模块 44

3.1.3 适配器 45

3.2 样式 46

3.2.1 盒模型 46

3.2.2 弹性布局 49

3.2.3 定位属性 57

3.2.4 2D转换 59

3.2.5 过渡 60

3.2.6 伪类 62

3.2.7 线性渐变 63

3.2.8 文本样式 66

3.3 事件 66

3.3.1 通用事件 66

3.3.2 事件冒泡 69

3.3.3 手势 70

3.4 扩展 71

3.4.1 HTML5扩展 71

3.4.2 Android扩展 73

3.4.3 iOS扩展 76

3.4.4 iOS扩展兼容Swift 79

3.5 本章小结 81

第4章 组件与模块 82

4.1 内置组件 82

4.1.1