weex体验报告

第一个问题: weex是啥?

官网:戳这里

A framework for building Mobile cross-platform UI

英语不好不知道这句话是什么意思,用google翻译了一下是:《一种用于构建移动跨平台的UI框架》,阿里百川出品。

第二个问题:TM哪里可以下载?

我也不知道,但是我是在 https://github.com/Laisly/weex 这里找到了这个,其实可以先不用管,不用下载这个也可以。后续当作weex的例子来看倒是挺好的。

第三个问题:怎么跑起来?

第一步:安装android运行环境

到这里下载安装 http://alibaba.github.io/weex/download.html 这里把二维码也偷过来,也可以扫这个,当然这个可能是旧的。

第二步:安装 weex-toolkit

npm install -g weex-toolkit

第三步:跑起来

  1. 新建一个文件比如 hello.we
<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 扫码。这时可能会出现两种情况

  1. 一种情况是成功:

不要扫这个二维码,扫了也没用

  1. 另一种情况是报错:

不要急,进入错误指示的位置union库的response-stream.js的第88行,添加代码,就OK了

if (method === 'setHeader')  {
    arguments[1] = encodeURIComponent(arguments[1]);
}

遇到的问题和感受。

  1. 千万不要调用 require('./weex-ui'); 调用这一句的后果就是极慢。
  2. 就是上面这个错误。
  3. 自动刷新还是蛮爽的。
  4. 这货据说是KPI产物,不知道后续会发展的怎么样?
  5. 目前只是试了android端,流畅度还是杠杠的。
  6. 这货和vue,riot有什么区别?简直一毛一样。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Jack-Cui

Python3网络爬虫(九):使用Selenium爬取百度文库word文章

运行平台: Windows Python版本: Python3.x IDE: Sublime text3 1 前言     大家都应该有过从百度文库下...

5086
来自专栏木子昭的博客

从3000行缩减到1000行,用django类代替视图函数

702
来自专栏安恒网络空间安全讲武堂

typecho漏洞分析与HCTF实战

typecho漏洞分析与HCTF实战 0x00前记 通过最近的比赛,决定沉淀下来,从复现cms开始慢慢锻炼自己的审计能力,毕竟这个年头的CTF,不会审计只能活在...

1928
来自专栏python小白到大牛

小白也可以快速入门的Python爬虫攻略,信息任我抓

最近经常有人问我,明明看着教程写个爬虫很简单,但是自己上手的时候就麻爪了。。。那么今天就给刚开始学习爬虫的同学,分享一下怎么一步一步写爬虫,直至抓到数据的过程。

1052
来自专栏一“技”之长

Xcode创建可复用的代码块 原

        在各种程序开发中,编写代码的效率是非常重要的一个问题,各种优秀的编译器也都有相应的插件用于提高程序员的编码速度。在xcode中,可以通过定义代码...

992
来自专栏前端说吧

vue - 使用vue实现自定义多选与单选的答题功能

1192
来自专栏老九学堂

从Hello World说程序运行机制

学习任何一门编程语言,都会从Hello World 开始。对于一门从未接触过的语言,在短时间内我们都能用这种语言写出它的Hello World。然而,对于Hel...

3658
来自专栏owent

C++又一坑:动态链接库中的全局变量

前几天我们项目的日志系统出现了一点问题,但是一直没有时间去深究。 昨天在同事的帮助下,无意中猜了一种可能性,结果还真被我猜中了,于是今天就特别研究了一下,记录...

883
来自专栏熊二哥

Python快速入门

最近在很多地方都可以看到Python的身影,尤其在人工智能等科学领域,其丰富的科学计算等方面类库无比强大。很多身边的哥们也提到Python非常的简洁方便,比如用...

17810
来自专栏菜鸟前端工程师

JavaScript学习笔记027-BOM0window0location

753

扫码关注云+社区