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,希望坑不要那么多,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值