学习笔记(一)应该是讲Weex的安装的,但是目前我自己还没搞明白,还没装好Android Studio,所以暂时跳过。
目前是跟着技术胖的视频教程(文字版)在了解Weex的开发语法之类的。
Vue与Weex的差异点
- Weex为了兼容移动端,不支持除了
Flex布局
外的其他布局。 - CSS单位只支持
px
,且能实现自适应;除了px外的百分比、rem、em等都不支持。 - 书写CSS属性时必须分开,Weex不认识一起写的CSS属性。例如background、border。
- 书写CSS时嵌套会不起作用,除了class、id之外的选择器也不会生效,例如标签选择器。
input
等标签必须闭合。
Weex新增
- CSS属性
lines: 1;
,代表行数只有一行。可以实现文本不换行且自动隐藏。 <image>
标签必须写明宽或高,且需要闭合</image>
。新属性resize
可实现图片的展示形式,有stretch
,contain
,cover
三种值。- 标签名为关键字,不能作为组件名称使用。
- 目前没找到连续不同动画的实现方式。
navigator
模块的animated
属性的true/false
必须写字符串形式,布尔形式会导致程序崩溃。div
不能在APP上产生滑动效果,可以在外层放入<scroller>
标签。<scroller>
外层最好加个<div>
标签防止样式错乱。
各设备差异(Android与IOS与Web)
- IOS不能识别
border-bottom-width
,能识别border-width
。(2019.6.12) - IOS端的
<List>
标签只能有一层父元素。(2019.6.12) <slider>
标签下的<indicator>
组件,添加postion:absolute
属性后才会在移动端中显示。