当前位置: 首页 > Web前端 > HTML5

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

时间:2023-04-05 01:34:08 HTML5

项目地址git传送门(附项目预览)Weex环境配置npminstall-gweexnpminstall-gweexpack#clinpminstall-gweex-toolkitofweexclient#安装调试工具ios依赖于Cocopod环境。陷阱总结1.div无法渲染文字,需要使用2.不支持富文本,需要在原生模块中单独打包3.不支持z-index,优先下层4.类expressions必须是数组形式,否则会报错。5.CSS不能简写(例如:不支持padding:0000,padding-leftpadding-right需要写属性)6.不支持dom操作7.不支持weex原生滑动事件嵌套标签8.使用vue-router会导致跳跃僵硬。如果使用跳转动画,需要将每个vue单独打包成jsbundle,使用navigator跳转,但是vuex9单独打包后无法使用。添加ios平台后,需要将podfile文件ATSDK-weex改成ATSDK,否则会报错。10、gif图片只有Ios支持,android需要单独添加支持库。11、使用v-if会出现闪烁现象。android会隐藏层级,ios不会,需要自己判断)12.weex全局变量不能用于vue模板渲染,可以在vue实例中添加数据13.不支持百分比,宽度默认到750px14。图片必须定义高宽,否则无法显示15.长列表页面渲染会导致内存泄漏和react-native比较1.react-native支持热替换,weex不支持2.react-native有cookie插件-in,支持一些token请求,weex不支持,只能在客户端添加。3、react-native生态系统非常完善,第三方组件也很多。Weex目前处于开发阶段。4.weex的包体积比react-native小很多。react-native是其他开源项目开发的V2EX项目react-native模仿点融网开发的P2P开源项目