阿里weex是什么东西(阿里 weex)

首先,我们要知道weex是什么?

简言之,就是我们可以用web开发技术来开发原生APP应用了。同一套代码在 Android、iOS 和 Web上都能够应用。

最初,我们利用web开发技术,只能开发一些基于WEB的应用,后来,可以我们可以用HBUILDER来生成原来应用,但是只能在Android上应用,现在,阿里为我们提出了一套解决方式,使我们可以只凭web开发技术开发出来的应用,除了应用到WEB上,还可以生成 Android和iOS的原生应用。真是太棒了!

Weex 的结构是解耦的,渲染引擎与语法层是分开的,也不依赖任何特定的前端框架,目前主要支持 Vue.js 和 Rax 这两个前端框架,我上一篇文章说过,我们在前端技术上要跟紧vue。

Weex 的另一个主要目标是跟进当代先进的 Web 开发和原生开发的技术,使生产力和性能共存。在开发 Weex 页面就像开发普通网页一样;在渲染 Weex 页面时和渲染原生页面一样。

例子:

如果你只是想尝试 Weex,你并不需要安装任何东西。 Weex有一个在线编写代码的平台,你可以在上面写单个页面的例子,而不需要任何配置。在平台上源代码应该用 Vue.js 的单文件组件语法来编写,在 Web 平台的渲染结果将显示在一个模拟的手机壳中。

这个例子在屏幕正中间渲染了一个单词 “Yo”。 如果你想在移动设备上预览渲染结果,你只需要安装Weex playground app 或将 Weex SDK 集成到您自己的应用程序中,然后使用扫描网页右侧的二维码。

在源代码的 <template> 中,<div> 你应该很熟悉了,它在 Weex 平台上也是一个通用容器。但是 <text> 组件是由 Weex 特有的,它是一个块级的文本容器,可以用来渲染文字。

文本只能放在 <text> 标签里,否则将被忽略。

在 <style> 标签内,你可以写 CSS 来描述一个组件的样式,需要注意的是,这些样式在 Weex 里只能作用于当前组件。(强制 scoped)。

例子先说到这里,我们再来理解一下weex:weex不是一个 HTML5 库或开发框架weex不是一套全新的技术weex不是为了解决纯 native 开发的体验问题weex不是一个以自身为中心的移动应用开发框架

Weex 是一款轻量级的移动端跨平台动态性技术解决方案。

Weex其实一个整套的技术解决方案,并不是一个新的框架或者库,它是一些技术的整合。

一次编写,处处运行

Weex 可以只编写一份代码,开发出三端都可用的页面。

在多个端中使用相同的源代码可以显著提高开发效率,并简化测试,构建和发布流程。在此基础上,Weex 可以将前端的打包、测试流程与手机端监控、发布系统结合起来,提高开发效率。

支持多个前端框架

前端框架对 Weex 而言只是一个语法层,它们和原生渲染器是解耦的。Weex 并没有强绑定与某个特定的前端框架,而是可以把渲染原生 UI 的能力赋予某些前端框架。

目前 Weex 将 Vue.js 和 Rax 作为其内置的前端框架。

Vue.js 是一套用于构建用户界面的渐进式框架。Rax 兼容 React 接口的前端框架。

Vue.js 和 Rax 都已经集成进了 Weex SDK,你不需要再额外引入。

说到这儿,大家是不是都兴奋了。那就跟着我一块学习吧!