Apache Weex官方版

Apache Weex简介

Apache Weex提供web应用程序设计功能。如果需要设计网页型软件，可以通过这个框架快速配置界面功能。可以使用内置变量内容快速设计软件，使用API内容快速部署软件功能，使用组件设计UI，使用设计web界面为用户设计应用提供更多帮助，软件还可以设计Andid程序。直接在软件中开发新的安卓应用，用户通过调用框架可以更快地配置应用的所有内容，部署功能模块和部署UI界面都可以轻松设计。Apache Weex提供了很多开发组件，支持文字、图像、表单、动画、博客、网络、滑块、手势等组件！

Apache Weex软件功能

Weex是一个具有现代Web开发经验的框架，用于构建高能跨平台移动应用。

你可以把“weeks”发音为/weeks/，就像“Weeks”一样。

Weex使开发人员能够使用现代网络开发技能，用单一代码库构建Andid、iOS和网络应用程序。事实上，您可以将JavaScpt与现代前端框架一起使用来开发移动应用程序。

Weex的结构是独立的。渲染引擎与语法层(DSL)是分离的。这意味着Weex不依赖于任何特定的前端框架或语言。目前，在Vue.js和rax的支持下，Weex已经得到了广泛的应用。Weex的另一个主要目标是跟上网络和本地计算机的现代开发技术和平台功能。生产力可以存储在Weex中。编写Weex页面几乎就像编写网页一样，即使该页面被指定在本机环境中运行。

本地模块

对于那些不依赖UI视图的功能，Weex将其打包成模块。在您的前端代码中，它只需要用于weex . require module(& # 8216；xxx & # 8217)导入模块以调用其方法。Weex模块为JavaScpt提供原生功能，如网络、存储、剪贴板和导航器等。例如，您可以使用模块来获取Vue.js流的星星数量

同样，Weex提供了一套用于基本目的的内置模块，并支持将现有的原生模块集成到Weex平台中。

写一次，到处跑。

是的，Weex使开发人员能够在单个代码基础上为Andid、iOS和Web构建应用程序，这大大提高了开发效率，简化了测试、构建和发布流程。

尽管Weex页面使用单一代码库，但您仍然可以编写特定于平台的代码。Weex为WXEnvinment提供了获取当前运行时环境的方法。

使用前端框架

前端框架是Weex的语法层。Weex从不局限于某些前端框架。目前，Vue.js和Rax已经广泛应用于Weex开发中。

Vue.js是一个用于构建用户界面的渐进式前端框架。

Rax是一个前端框架，具有React兼容的API。

Apache Weex软件特色

高能的

Weex正在使用本机组件和本机模块来利用本机渲染功能和平台功能。组件和模块是可插拔和可扩展的。

跨平台

您可以使用单个代码库来生成不同的捆绑软件文件，以便同时在Web、Andid和iOS平台上运行。本机组件和模块在每个平台上都有不同的实现，但是它们都公开了相同的API。

前端友好

Weex有一个现有的Web生态系统，您可以使用现代前端技术来开发您的移动应用程序。Weex支持最常用的CSS属和最流行的前端框架，比如Vue和Rax，未来可能还会有更多。

大规模生产

长期以来，Weex广泛应用于众多超级应用，服务近十亿人。Weex还为工业发展提供了许多工程产品和平台。

Apache Weex教程

创建您自己的应用程序

Weex提供了一个命令行工具weex -cli来帮助开发人员轻松入门。CLI可以帮助你创建入门项目、设置iOS和Andid开发环境、调试、安装插件等。

目前，weex-cli只支持创建Vue.js项目。如果您想使用Rax，这可能会有所帮助。

给出提示

Rax-cli是第三方插件，不是由Apache Weex或开发的。

建立

随着Node.js的安装，安装weex-cli全局cli。

npm安装weex-工具包-g

这将把weex命令添加到全局路径中，并允许您使用它来生成一个新项目。使用weex创建一个启动项目:

weex awesome-app

之后，将在当前路径的文件夹中生成一个标准的Weex+Vue.js项目awesome-app。

#发展

下一步是导航到生成的目录，安装依赖项并开始:

Npstart将在端口上启动Web8081。Http://localhost:8081在您选择的浏览器中打开，查看您的Weex应用程序的渲染结果。源代码位于src/文件夹中。你可以把它开发成一个普通的Vue.js项目。

另外，可以打开http://localhost:8081/web/preview . html，在iframe中预览网络上的渲染结果。

生成并运行

默认情况下，这个WEEK命令不会创建iOS和Andid项目，但是您可以使用weex平台添加它们来添加它们。

根据您的网络环境，添加它们可能需要一段时间。请耐心等待。

为了在本地计算机上开发应用程序，您需要设置一个移动开发环境。对于iOS，应该安装Xcode。有了Andid，就应该安装Andid Studio。开发环境准备就绪后，运行以下命令在模拟器或设备上启动应用程序。

排除故障

weex工具包也可以用来调试你的移动应用程序。快跑:

weex调试

Weex debug将开始调试并在Chme中打开网页(仅支持V8引擎)

漫画

动画模块用于在组件上执行动画。

-动画可以使用Javascpt对组件执行一系列简单的变换(位置、大小、旋转、背景颜色和不透明度)。

例如，如果您有一个图像组件，您可以通过动画移动、旋转、增长或收缩它。

您可以调用animation.transition (ref，options，callback)来启动动画。请参考以下代码片段。

运输

#转换(引用、选项、回调)

@ref，要设置动画的元素。例如，如果ref元素的值是test，则可以使用来启动动画。$refs.test

@选项，动画类别，如关键点，时长。

样式，样式指定应应用过渡效果的样式的名称和值。支持的样式如下:

宽度

高度

背景颜色

不透明的

transormogin

变化

翻译/翻译X/翻译y

旋转/旋转X/旋转y

意见

比例/比例X/比例y

Duration，durationnumber指定动画执行的持续时间。默认值为0，这意味着组件会立即获得所需的亏格。

延迟，延迟数指定动画开始前的等待时间。默认值为0。

NeedLayout，needLayoutboolean指定是否更改布局(宽度/高度/等)。)是永久的，在动画后生效。默认值为假

timingFunction，TimingFunction的字符串描述如何计算中间值。CSS以动画效果为准。默认值为线性，支持的值如下所示:

线性:指定从开始到结束以相同的速度过渡效果。

缓和:指定缓慢开始和快速结束的过渡效果。

缓和:指定快速开始和慢速结束的过渡效果。

缓和:指定慢开始、快中间、慢结束的过渡效果。

三次贝塞尔曲线(x1，y1，x2，y2):在三次贝塞尔函数中定义自己的值。的可能值是介于0和1之间的参数值。

@ callback，callback是动画完成后调用的函数。在iOS平台上，您可以使用函数来获取。

给出提示

在iOS平台上，你会得到关于完成动画的消息，其中有两种类型的参数:result、Success和Fail，目前还不支持Andid。

Andid不支持结果参数。

#风格上的动画种类

宽度，widt应用于完成后的组件。需要布局如果您希望更改是永久性的，请将其设置为真。默认值为comd宽度。

高度，高度动画在完成后应用于组件。需要布局如果您希望更改是永久性的，请将其设置为真。默认值为comd高度。

backgundColor，BackgundColor动画在完成后应用于组件。默认值为comd backgundColor。

不透明度，完成后不透明度动画应用于组件。默认值为comdofacity。

transormagin，transormagin表示要设置的动画元素的轴心。该对的x轴可能值为左/中/右/长或百分比，y轴可能值为上/中/下/长或百分比。默认值为居中。

Tranorm，Tranorm对象，可能包括以下状态、平移、缩放等转换的细节。

translate/translate x/translate y:指定元素将被转换到的位置。是一个单位数字或百分比，默认值为0。

tate/tateX/tatyv 0.14+:指定元素旋转的角度。单位为度，默认值为0。

透视v0.16 +:z = 0平面与用户之间的距离。支持Andid 4.1及更高版本。是一个单位数，默认值为正无穷大。

缩放:拉伸或收缩元素。是单位编号，默认值为1。