Weex学习笔记（二）——Vue与Weex的差异/Android与IOS与Web三大设备差异/踩坑记录

学习笔记（一）应该是讲Weex的安装的，但是目前我自己还没搞明白，还没装好Android Studio，所以暂时跳过。
目前是跟着技术胖的视频教程（文字版）在了解Weex的开发语法之类的。

Vue与Weex的差异点

1. Weex为了兼容移动端，不支持除了Flex布局外的其他布局。
2. CSS单位只支持px，且能实现自适应；除了px外的百分比、rem、em等都不支持。
3. 书写CSS属性时必须分开，Weex不认识一起写的CSS属性。例如background、border。
4. 书写CSS时嵌套会不起作用，除了class、id之外的选择器也不会生效，例如标签选择器。
5. input等标签必须闭合。

Weex新增

1. CSS属性lines: 1;，代表行数只有一行。可以实现文本不换行且自动隐藏。
2. <image>标签必须写明宽或高，且需要闭合</image>。新属性resize可实现图片的展示形式，有stretch，contain，cover三种值。
3. 标签名为关键字，不能作为组件名称使用。
4. 目前没找到连续不同动画的实现方式。
5. navigator模块的animated属性的true/false必须写字符串形式，布尔形式会导致程序崩溃。
6. div不能在APP上产生滑动效果，可以在外层放入<scroller>标签。
7. <scroller>外层最好加个<div>标签防止样式错乱。

各设备差异（Android与IOS与Web）

1. IOS不能识别border-bottom-width，能识别border-width。（2019.6.12）
2. IOS端的<List>标签只能有一层父元素。（2019.6.12）
3. <slider>标签下的<indicator>组件，添加postion:absolute属性后才会在移动端中显示。