weex初始的坎坷之路

年前，老大就交代年后要把某个页面weex实现，当时不了解weex，连名字都叫不出来，问了度娘，才知道跟react native类似的三端开发，春节回来就开始学，入门很坎坷，因为他是以vue为模板引擎，我没学过vue，当时会react，之前也用过handlebars，两个差不多，大概花了一个上午看了下文档，开始开发。开发过程真的很想死啊，各种坑，因为weex毕竟还不不成熟，社区也不活跃，文档也不全，什么都得自己试，做了10几天，做出了个东西，可是在ios上看全部乱套了，没办法现在换成rn开发，毕竟社区活跃，也成熟，虽然现在放弃了，但是至少自己学到了不少东西，比如vue至少知道怎么用，打算着至少等weex稳定一点，坑没那么多的时候，自己在做个demo出来，这个就当做自己的计划吧。做完个东西得总结，我现在要慢慢养成这个习惯，下面就总结下weex的东西，先贴上 http://weex.incubator.apache.org/cn/guide/

这是工程目录，开发时运行npm run dev运行webpack打包，运行npm run serve开启服务器，打开localhost:8080/weex.html，可以看到页面，entry.js是入口文件，加入了vue-router进行路由管理，router.js是路由设置，app.vue是所有页面的外层包装，通过vue-router将里面的内容替换成指定页面，views文件夹存放页面，这边是个列表页和详情页，components放一些公用的组件，mixins声明一个所有组件都可以用的方法，通过Vue.mixin(mixins)，  filter存放公共方法，store存放接口请求，大概的目录文件就是这样

weex新版很大程度兼容vue2.0,所以写法上暂时没遇到很大问题，但是目前很多问题也未解决，比如，dom.scrollToElement(）这个还没效果，

1.Weex 中只支持单个类名选择器，不支持关系选择器，也不支持属性选择器。

2.很多css属性也不支持，但是又多了很多不一样的属性，flex是默认且唯一的布局模式

3.不支持百分号设置，所以类似height：100%这些都不能用，很蛋疼

4.标签必须用他们有的，很多标签度不能用

5.外层必须有这个套着，并且template的子标签要是有多个，还得用一个div或者其他的套着，这一点跟react是一样的

下班啦，先总结到这里吧，等以后weex成熟了，再试试，明天开始react native，希望坑不要那么多，