weex开发

出于对开发效率和热更新的要求，团队决定使用weex进行开发，本人将从环境搭建、开发、debug、构建、发布来分析下weex。
文章共分为三个部分，

1.环境跟工具的搭建.
2.weex开发.
3.weex扩展ios.

weex打包之后会在dist目录下生成index.js文件。

index.js文件是整个weex核心的部分，客户端把JS FrameWork内置在SDK中，用来解析从服务端下载的js文件。JS Framework解析完成以后会输出Json格式的Virtual DOM，客户端只需要专心负责Virtual DOM的解析和布局、UI渲染。这一套解析、布局、渲染的逻辑SDK都已经帮我们实现基本实现了。

最后Weex支持三端一致，服务器上的一份JS Bundle，通过解析，实现iOS/Android/HTML5 三端的一致性。

接下来我们了解weex开发中的一些细节问题。weex开发与vue开发大体相像，从文件形式，包管理等。但是还是存在些许差别。

1.在html或者Vue中我们可以使用浮动布局，但是weex并不支持，所以请不要使用。weex提倡使用Flex进行布局。

2.html中布局，经常使用百分比进行布局，这种布局可以适应不同屏幕，但是你用weex布局时百分比是不支持的

3.不支持综合式写法。例如：border:1px solid #ccc;  

4.weex长度单位只支持px。

5.class切换的时候用:class="[useNewClass?'newClass':'oldClass']"
或者:class="[changeStyle(needChange)]"
lineStyle (needChange) {
  if (needChange === true) {
    return 'newClass'
  } else {
  return 'oldClass'
  }
}

6 <image:src='网络地址'>  图片必须设置宽高