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 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

WordPress 开发之使用WordPress 3.8+后台图标(dashicons)

伴随着WordPress 3.8 的新界面,WordPress 官方为后台UI 引进了目前贼流行的webfont(又称 icon font),官方独立项目名为d...

1738
来自专栏木子昭的博客

一行python 生成终端二维码

1476
来自专栏张善友的专栏

ASP.NET开发人员需要学习ASP.NET MVC么?

InfoQ上有篇文章ASP.NET开发人员需要学习ASP.NET MVC么? 文章已经覆盖了绝大多数对于学习/使用ASP.NET MVC的观点。 我觉得ASP....

1769
来自专栏pangguoming

AngularJS中的按需加载ocLazyLoad

初学者,有不足的地方希望各位指出 一、前言     ocLoayLoad是AngularJS的模块按需加载器。一般在小型项目里,首次加载页面就下载好所有的资源...

3408
来自专栏十月梦想

import引入页面的js效果无法使用解决!

谷歌浏览器可以正常使用,但是在谷歌吧浏览器之外使用link的import引入的页面就无法显示

681
来自专栏九彩拼盘的叨叨叨

学习纲要:HTML 基础概念

531
来自专栏DeveWork

CSS Auto Reload:解放F5 键,自动刷新浏览器的前端利器(Chrome 扩展)

在进行前端开发的时候(本文具体而言是编辑CSS 文件时候),常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了,以前在开发WordPress ...

2048
来自专栏vue学习

3.vue-router之什么是动态路由

比如在写商品详情页面的时候,页面结构都一样,只是商品id的不同,所以这个时候就可以用动态路由动态。

772
来自专栏指尖下的Android

Android中compileSdkVersion、buildToolsVersion、minSdkVersion和targetSdkVersion的含义作用

AndroidStudio中的build.gradle中包含了这些值,compileSdkVersion和minSdkVersion还比较通俗易懂,compil...

802
来自专栏LIN_ZONE

laravel初次学习总结及一些细节

刚开始一周多一点的时间先把laravel的开发文档看了一遍,,感觉刚开始接触时的感觉laravel的目录与thinkphp又不一样,它们的渲染模板的方式也不一样...

672

扫码关注云+社区