WEEX跳坑记

基础学习

环境搭建

安装工具

Weex Devtools

必备的开发工具

npm install  -g  weex-toolkit

主要功能有：
1. 编译
2.

手机Playground

就是装个APP，然后扫一下weex-toolkit生成的二维码，就能在手机上看到效果，这个方便。
下载

weex-pack

weexpack 是 weex 新一代的工程开发套件。它允许开发者通过简单的命令，创建 weex 工程项目，将项目运行在不同的开发平台上。
GitHub Weexpack

运行WXSample，android studio更新Gradle超慢

做出来东西最终还是要部署到手机上的，所以看着教程在自己本机跑一下例子。
GitHub: WXSample
目前android studio还是开发android的主流IDE，很可惜本人之前没怎么做过android的项目，所以得重新搭建环境。
因为GFW的存在，导致gradel去下载更新包时一直假死状态，上网找了资料
Android Studio及Eclipse Android版开发环境搭建（顺便解决Gradle不能翻墙的问题）

Android Studio每次更新都会更新Gradle，但由于GFW每次更新都是失败，又是停止在Refreshing Gradle Project假死。打开android studio项目 找到项目目录gradle\wrapper\gradle-wrapper.properties这个文件，修改最后一行

distributionUrl=http\://services.gradle.org/distributions/gradle-2.14-all.zip

记得还有个办法是改成

distributionUrl=file:///C:/dev/gradle-2.13/gradle-2.13-all.zip

就是改成本机地址。先用迅雷或什么东西下载到本地，然后本地更新

另外介绍一个镜像网站，目前有Android SDK, Android IDE, Android IDE Patches, Android NDK, XCode, Gradle的镜像，用QQ号就能登录，速度快还不用翻墙。
腾迅大师兄

在网上也看到，新建C:\Users\yourName.gradle\gradle.properties的文件。内容为:

org.gradle.daemon=true

目的是gradle起了一个后台线程，在需要编译的时候不用重新初始化加载什么的，加快一点点。但并不能解决连不上国外资源的问题

背后的原理

将html, css, js 编译成jS Bundle

各平台在内存中生成virtual dom，再通过各平台的渲染引擎显示出来

杂记

weex的整个app的宽度定死在750，其它的宽度是通过计算变换得来，我觉得还是挺方便的。

吐槽

因为weex主要是阿里的人在开发，从知乎或其它渠道看到，很多人担心这个只是KPI的产品，过一段时间没人继续开发，fix bug， 维护的话，后果就惨了。如果是公司用这个来做项目的话，还是有一点点风险的。目前weex还是在快速成长中，希望能成为和react native，ionic一样的多端解决方案。

官方的组件和模块不完善，一些功能需要自己实现。在学习官方的example时，看到那个

那个文档教程竟然是用英文写的，英文也罢，速度巨慢啊，点半天不开，累觉不爱。
中文文档

资源

Weex项目主页
Weex GitHub
Weex调试神器——Weex Devtools使用手册
GitHub上维护的教程视频文章工具收集项目
阿里巴巴开源前端框架–Weex实践
Weex Android SDK源码分析