ReactNative 到 Weex 的艰难一迈
很多人可能要问我搞了这么久的RN现在转Weex干什么?说起来,真是一个悲伤的故事 为什么不用
|
Type | iPhone4 | iPhoneSE | iPhone8 | iPhone8P | iPhoneX |
---|---|---|---|---|---|
物理像素 | 640x960 | 640x1136 | 750x1334 | 1080x1920 | 1125x2436 |
显示像素 | 750x1125 | 750x1331 | 750x1334 | 750x1333 | 750x1624 |
像素比 | @0.85x | @0.85x | @1x | @1.44x | @1.5x |
对CSS3
的支持
Weex虽然也对CSS
做了一定的阉割,但比较 ReactNative
,它保留得更多,甚至支持大量的CSS3
特性,这一点值得赞叹。CSS3
作为Web开发的利器,放着不用难免可惜。下面列举Weex 和标准Web
的样式差异:
- 支持的
CSS3
特性包括:FlexBox、2D转换、过渡、线性渐变、阴影(仅Web
和iOS
)、伪类、自定义字体(iconFront
图标也能用哦) - 中支持单个 类名选择器,不支持 关系型选择器,也不支持 属性选择器
- 支持组件级别的作用域,为了保持
Web
和Native
的一致,需要<style scoped>
声明作用域 - 不支持
CSS3
动画(动画请使用Weex内建animation
模块)和3D转换 - 不支持
display: none
,用模板语法v-if
替代,不建议用opacity: 0
(Native
里有点透问题) - 类似
RN
,为了提高解析效率,Weex样式属性不支持简写,比如font
、border
、transfrom
不能简写
Weex不足之处
本节的最后,还是想吐槽几个Weex
的不足之处,希望官方能尽快升级和改进:
社区建设缓慢
这应该是最要命的,Weex
社区从去年开源到今天还是这般冷清不免令人神伤,虽然我知道阿里内部推广力度很大,但是既然选择开源,就应该跳出阿里的圈子,一些成功案例、成熟解决方案、优秀架构设计等就不应该藏着掖着,不然真的很难推广起来。我不希望遇到坑点 Google 几圈都找不到有价值的方案,GitHub上提问半天都等不到一个满意的答案(哈哈,说得有点激动啊,很感谢 mario 上次回答我的提问,希望能尽快反应到官方文档里)
Native能力提高
如果不提高Native能力,Weex
的 全页模式 价值其实不大。不要求面面俱到,但希望能再添加一些常用的,比如:statusBar
控制、位置信息、Android
动态权限分配等
真机调试工具升级
Weex
提倡Web
开发体验,所以开发和调试都以Web
为主,做静态页面还好,但我要调试Native
端的特有逻辑,就需要在Native端集成weex-devtool
。这个方案的确另辟蹊径,不过每次改完代码需要手动刷新会不会太麻烦,能不能搞个类似RN的 热替换 或 LiveReload
功能呢?
Mac端文件权限问题
在Mac端Shell工具进入Weex
的目录,无论npm
相关命令,还是git
操作都需要sudo
权限,好麻烦。我很懒的,Weex
在创建文件的时候能不能帮我把写权限的事也做了?
哈哈,是不是我太蠢没能领悟到技巧,不对的地方欢迎留言指正哈。不过前端工程师都是挑剔的,希望Weex
能不断改进和完善!
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!