weex czzlm 项目开发总结--重构

WEEX重构存在问题与解决方案

一、不能支持横屏
二、native不支持less内嵌（.header . hd_back{}）、@import写法
三、native 不支持样式属性简写：好比不支持padding: 10px 5px 0px 0px; 必须写成

padding-top: 10px; padding-right: 5px; 才能生效

四、不要使用 background 简写.
五、<image> 设置padding和 width 生成效果H五、android不一致,须要把padding修改为margin
六、ios 不支持line-height,得统一使用padding-top
七、native 不支持before、after等伪元素
八、native div默认是inline 须要用display: flex;
九、H5 使用了flex: 1; 高度(1px)不会auto。得设置display: block;
十、native在设置position: absolute; 不支持width百分比, 统一用750px就是100%
十一、native 设置display: flex; height，致使padding、margin不生效。得去掉height。
十二、底部对齐两个不一样元素的文字，必须给两个文字设置高度

1三、native a组件不能直接嵌入文体，样式没有color, font-size等等必须嵌入文本得使用内嵌入text组件方式
1三、native ios 环境下<list>组件没有auto 高度，默认高度为0px，致使显示不了<cell>组件内容。
1四、native 不支持一下css选择器，好比：:last-child、:nth-child(n)等等
1五、text 组件的父父级设置了display: flex; text 组件的父级必须得设置flex,否则text 组件换行无效。

1六、设置display: flex,height。致使padding计算到height上。好比：

display: flex; height: 200px; padding-top: 20px;
展现的结果是 整个元素高度仍是200px ，内部内容向下移动20px

1七、native <text> 不支持oblique倾斜, 支持italic斜体。font-style: italic;
1八、使用<scroller>组件时，其组件内元素默认背景白色，若是须要在<scroller>内部设置新颜色，得在<scroller>组件内嵌入div组件
20、焦点图组件兼容问题：若是设置style 的scoped属性，会致使H5设置indicator组件样式不生效。解决方案：在焦点图的组件上去掉scoped属性，设置indicator
2一、使用<scroller>组件设置水平方向滑动时，在ios native <scroller>组件的高度不支持auto，必须得统一给<scroller>组件设置固定高度。
2二、android native不支持负值margin-top: -50px;而且H5跟ios native解析margin-top: -50px; 结果不一致, 使用position, top 解决
2三、若是定位元素超过容器边界，在 Android native下，超出部分将不可见，缘由在于 Android 端元素 overflow 默认值为 hidden，但目前 Android 暂不支持设置 overflow: visible。
2四、列表: 在 Android native下设置border-top 1px被下个节点覆盖，解决方式 margin-top: 1px;