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

hedge_hog 发布于2019-08-20 17:44 / 597人阅读

摘要：项目地址传送门内附项目预览环境配置客户端的安装调试工具依赖环境探坑总结无法渲染文本需使用不支持富文本，需多带带封装不支持，层级靠后优先表达式需使用数组形式，否则会报错无法简写例不支持，需各写属性不支持操作原生滑动事件不支持嵌套和

项目地址

git传送门（内附项目预览）

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

与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开源项目

云服务器 GPU云服务器附探坑做app开发用什么云服务器开发手机app用哪个云服务器 webrtc音视频开发总结

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83836.html

Weex系列(4) —— 老生常谈的三端统一

摘要：刚看到这仨页面的时候，我就想着可以用路由，做成三端统一。样式这部分真的三端基本是高度统一的，部分微调一下就可以了，也正是这样，我们后续才能迅速解决和。终于不是谈谈三端统一了，也是真的体验了一次，虽然最后有点出入，但是下次基本是没问题了。目录 Weex系列(序) —— 总要知道原生的一点东东(iOS) Weex系列(序) —— 总要知道原生的一点东东(Android) Weex系列(...

wzyplus 2019-08-23 14:09 评论0 收藏0
Weex系列(1) ——Hello World项目

摘要：由于最开始没有一点点原生开发的经验，所以我就直接用的脚手架初始化项目。那下面我们就从最最原始的项目开始吧，序篇太枯燥，自由发挥时间开始啦。执行如下代码，最后会得到如图的项目结构。入口文件等简析进行了初始化。目录 Weex系列(序) —— 总要知道原生的一点东东(iOS) Weex系列(序) —— 总要知道原生的一点东东(Android) Weex系列(1) —— Hello Wor...

xiaowugui666 2019-08-23 12:53 评论0 收藏0