weex开发需要注意的一些问题

这里是官方文档

盒模型

Weex盒模型的box-sizing默认为border-box，即盒子的宽高包含内容、内边距和边框的宽度，不包含外边距的宽度。

Flexbox

Flex 容器
在Weex中，Flexbox是默认且唯一的布局模型，所以你不需要手动为元素添加display: flex;属性。flex-direction定义了 flex 容器中 flex 成员项的排列方向，默认值为 column,相当于html中div默认排版

简写

weex中的样式不支持简写, 但是margin、padding这两个属性例外，其他比如border:5px solid red;都是不支持的，需要分别设置border-width、border-style、border-color，如background:#000需要写成background-color:#000

其他

• 不支持背景图片
• 基于750px进行缩放，会有浮点级别的误差
• 单位只支持px
• 如果要显示文本必须使用text组件，并且你想改变字体大小必须写在text组件上
• 只支持class，不允许继承
• 样式需要声明scoped属性
• 如果你想动态的替换class，只能使用数组表达式，
• 原则上不推荐使用预处理器，因为无法预期转译出来的样式符合weex的css子集
• jquery，axios 之类的原来Web开发领域的库都不可以使用
• 不支持DOM操作
• 只有scroller和list组件可以滚动
• 没有window，document，location，history等对象
• 不允许在Weex中操作style，遍历是很耗性能的（会有bug）