weex 所遇到的问题汇总

weex js在IOS上遇到的问题

1. 设置opacity为0并不能透明，暂时通过设置opacity为0.1 background-color为#00000000解决

2.当有animation动画时设置transform为scale(0)时会导致组件的click事件被代理到全屏，暂时通过scale(0.1)，把缩小后的element隐藏来解决该问题。

weex js在NATIVE上遇到的问题

1.webview中的viewappear首次不触发 ,可能页面暂时未加载js，导致onresume中获取不到.

2.font-weight 使用bold normal,因为其在android中不支持数字.

3.border-(xxx-)color 属性无法透明

Weex 降级html遇到的问题

父组件 

<div><child v-model="childshow"></child></div>

子组件需要当show改变后执行动画.

<div v-if="show" ref="child"></div>

props value

data () {

 return {

    show: this.value

}

}

watch: {
  value (val) {
    val !== this.show && this.dodododo(false)
  },
  show (val) {
    val !== this.value && this.$emit('input', val)
  }
},

当子组件初始化的时候childshow(props->value)为false,执行延时操作后childshow变为true,watch到之后执行animation动画，会导致第一次动画不执行且没回调，第二次动画执行回调时会输出第一次和第二次的回调内容，第三次及之后正常...

倘若子组件初始化的时候childshow(props->value)为true,不会导致第一次动画的bug.

目前暂时解决方案：

当childshow改变后，使用

this.$nextTick(() => {

setTimeout(func,50)

}) 解决.(func中执行animation动画)