weex入门

一、简介：

Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 Android、iOS 和 Web 应用。简单来说，在集成了 WeexSDK 之后，你可以使用 JavaScript 语言和前端开发经验来开发移动应用。
Weex 渲染引擎与 DSL 语法层是分开的，Weex 并不强依赖任何特定的前端框架。目前 Vue.js 和 Rax 这两个前端框架被广泛应用于 Weex 页面开发，同时 Weex 也对这两个前端框架提供了最完善的支持。

中文文档 https://weex.apache.org/zh/guide/introduction.html

二、安装weex

npm i -g weex-toolkit

查看版本

weex -v

为了调试，需要在手机上安装一个Weex Playground

三、创建并运行项目

weex create day01
cd day01
npm run serve

调试使用 weex debug命令

默认情况下 weex create 命令并不初始化 iOS 和 Android 项目，你可以通过执行 weex platform add 来添加特定平台的项目

weex platform add ios
weex platform add android
weex platform remove ios

四、入门遇到的坑

1、目前不支持其中一角的border-radius，只支持四边圆角。
2、z-index，靠后的显示在前面
3、css样式有一些不支持简写方式，如border:1px solid red，这种不支持。
4、a组件里面要显示文本，必须增加<text>标签
5、默认的flex布局，这个不知道有默认值，会遇到一些奇怪的现象。
6、默认以750px的设计，其他比例需要进行换算。
7、不支持rem等一些单位。