android 唤醒 v2ex,用Weex开发的V2EX三端app，附探坑总结

项目地址

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

Weex环境配置

npm install -g weex

npm install -g weexpack

# weex客户端的cli

npm install -g weex-toolkit

# 安装调试工具

ios依赖Cocopod环境

探坑总结

1.div没法渲染文本需使用

2.不支持富文本，需native单独封装module

3.不支持z-index，层级靠后优先

4.class表达式需使用数组形式，不然会报错

5.css没法简写(例:padding: 0 0 0 0 不支持，需padding-left padding-right各写属性)

6.不支持dom操做

7.weex原生滑动事件不支持嵌套和标签

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.长列表分页渲染会出现内存泄漏vue

与react-native的比较

1.react-native支持热替换，weex不支持

2.react-native有cookie插件，支持一些token状况的请求，weex不支持，只能在客户端添加

3.react-native生态很全，第三方组件不少，weex目前处于发展阶段

4.weex包大小要比react-native小不少react

其余开源项目