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上面有不少不错的插件可以,有需要的可以打开看看。

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

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章