用Weex开辟的V2EX三端app,附探坑总结

项目地点

git传送门(内附项目预览)

Weex环境设置

npm install -g weex
npm install -g weexpack 
# weex客户端的cli
npm install -g weex-toolkit
# 装置调试东西
ios依靠Cocopod环境

探坑总结

1.div没法衬着文本需运用<text>
2.不支撑富文本,需native零丁封装module
3.不支撑z-index,层级靠后优先
4.class表达式需运用数组情势,不然会报错
5.css没法简写(例:padding: 0 0 0 0 不支撑,需padding-left padding-right各写属性)
6.不支撑dom操纵
7.weex原生滑动事宜不支撑嵌套<list>和<scroller>标签
8.运用vue-router会涌现跳转生硬,如运用跳转动画需零丁打包各个vue成jsbundle,用navigtor跳转,但零丁打包后没法运用vuex
9.增加ios平台后需将podfile文件ATSDK-weex改成ATSDK不然会报错
10.gif图片仅Ios支撑,android需零丁增加支撑库
11.运用v-if会有闪屏征象,引荐运用opacity显现(opacity为0时android会隐蔽层级,但ios不会,需做推断)
12.weex全局变量没法在vue模板衬着运用,可在vue实例中data增加
13.不支撑百分比,宽度默许750px
14.图片必需定义高度宽度,不然没法显现
15.长列表分页衬着会涌现内存走漏

与react-native的比较

1.react-native支撑热替代,weex不支撑
2.react-native有cookie插件,支撑一些token状况的要求,weex不支撑,只能在客户端增加
3.react-native生态很全,第三方组件许多,weex现在处于发展阶段
4.weex包大小要比react-native小许多

其他开源项目

react-native开辟的V2EX项目
react-native开辟的仿点融网P2P开源项目

    原文作者:harvest
    原文地址: https://segmentfault.com/a/1190000010041882
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞