weex的实践踩坑日常（一）

先简单说下weex吧，官网的介绍是基于当代 Web 开发技术，使用同一套代码来构建 Android、iOS 和 Web 应用。具体来讲，在集成了 WeexSDK 之后，你可以使用 JavaScript 和现代流行的前端框架来开发移动应用。我个人当时认为是‘一套代码，三端都可使用’。在此之前考虑过reactNative,angular和ionic,但由于学习成本和项目需求，最后决定用weex。下面简单说下我这中间踩得一些坑吧。

1、由于我选得是最新的版本，所以根据官网的文档，故npm版本<5的用户需要通过npm i npm@latest -g更新一下npm的版本。版本低就会报错，报错信息上有提示的。

2、我用的weex的官网推荐的ui,Weex Ui。在项目中使用的话，最好使用最新的版本，旧的版本有一些功能模块有bug。

3、weex在使用之前，最好把官网文档读一遍。我是前端开发，选用的VUE开发。在使用过程中，首先weex中必须使用它本身提供的标签元素，不然解读的时候虽然在浏览器端虽然你也可以看到效果，但是手机上是看不到的。因为浏览器的特性在手机上不一定能适用。第二css样式，有些css3的一些简单写法是不支持的，在weex中需要把每个样式都写出来，不要简写。在weex中默认的是flex弹性布局，如果有不懂的最好去看下看几个博客，看一遍基本上就可以了。这里推荐一篇很通俗易懂的日志Flex。在weex中默认的flex-direction是column，内容是垂直排列的，如果需要从左到右排列，需要自己更改flex-direction为row。还有背景图片，可以用image标签加定位实现，或者用background-image这个也可以，不过最好使用网络资源加载，它还可以用来写渐变色。在使用定位（绝对，相对，固定）时，注意z-index是不生效，这个在浏览器中是可以看到效果得，但是在手机上是没用的。在手机上元素的层级，是写在后面的比前面的层级高。第三，在weex中事件时，要看清楚有哪些事件时支持的，不是所有js事件都是可以使用的。第四，在weex中使用vue时要注意哪些语法是不支持的，在weex中使用vue。第五，在weex中宽高是固定的，只支持px写法，比如宽是750px，那么在编译过程中就会默认宽度为100%。页面的跳转，暂时我用的是路由跳转，原生的不是很懂。网上也有不少例子，可以下载下来，看下里面的一些方法，还是很不错的。Weex Market上面有不少不错的插件可以，有需要的可以打开看看。

暂时就这么多了，有什么不足之处，请大神多多指教。