本文作者:IMWeb 黄龙 原文出处:IMWeb社区 未经同意,禁止转载
官网:戳这里
| |
|:----|
A framework for building Mobile cross-platform UI
英语不好不知道这句话是什么意思,用google翻译了一下是:《一种用于构建移动跨平台的UI框架》,阿里百川出品。
我也不知道,但是我是在 https://github.com/Laisly/weex 这里找到了这个,其实可以先不用管,不用下载这个也可以。后续当作weex的例子来看倒是挺好的。
第一步:安装android运行环境
到这里下载安装 http://alibaba.github.io/weex/download.html 这里把二维码也偷过来,也可以扫这个,当然这个可能是旧的。
第二步:安装 weex-toolkit
npm install -g weex-toolkit
第三步:跑起来
<template>
<div>
<text style="font-size:100px;">Hello World.</text>
<list>
<cell repeat="{{items}}">
<text class="item">{{title}} ---- {{id}}</text>
</cell>
</list>
</div>
</template>
<style>
.item {
font-size: 34px;
height: 100px;
}
</style>
<script>
module.exports = {
data: {
items: [
{id: 1, title: 'Title Start'},
{id: 2, title: 'Title Title'},
{id: 3, title: 'Title Title'},
{id: 4, title: 'Title Title'},
{id: 5, title: 'Title Title'},
{id: 6, title: 'Title Title'},
{id: 7, title: 'Title Title'},
{id: 8, title: 'Title Title'},
{id: 9, title: 'Title Title'},
{id: 10, title: 'Title Title'},
{id: 11, title: 'Title Title'},
{id: 12, title: 'Title Title'},
{id: 13, title: 'Title Title'},
{id: 14, title: 'Title Title'},
{id: 15, title: 'Title End'}
]
}
}
</script>
然后进入命令行执行,记得把命令行最大化。这个二维码有点大。
weex hello.we
打开weex Playground App 扫码。这时可能会出现两种情况
不要扫这个二维码,扫了也没用
不要急,进入错误指示的位置union库的response-stream.js的第88行,添加代码,就OK了
if (method === 'setHeader') {
arguments[1] = encodeURIComponent(arguments[1]);
}
require('./weex-ui');
调用这一句的后果就是极慢。