进击的weex 第二发 weex的各种坑

摘要：各种错误处理错误使用模块发送请求时报错。不支持但靠后的元素层级更高支持四种伪类所有组件都支持但只有组件和组件支持。篇不支持值仅支持和如果定位元素超过容器边界，在下，超出部分将不可见，原因在于端元素默认值为，但目前暂不支持设置。

1.错误：ReferenceError: global is not defined

使用stream模块发送请求时报错。

解决办法
把下面代码放入app.js中

if (weex.config.platform == "Web") {
  if(window && !window.global) { // Stream.fetch jsonp调用失败，原因是找不到global
    window.global = window;
  }
}

2.错误：weex is not defined
解决办法
命令行中执行 npm install weex-vue-render@0.10.3 --save
然后检查weex.html里这句
修改为

3.weex.config.platform判断平台失败(undefined)？？？
解决办法

// 输出 Web Android iOS
console.log(weex.config.platform || weex.config.env.platform);
         

4.web可以接受jsonp的返回数据 app不行
web

app

解决办法
后端检验reffer，然而web有这个，app没有。。。所以让他们去掉就好了~

5.setRefreshOrLoading: HostView == null !!!!!! check list attr has append =tree

解决办法
还没解决。。。。

不支持class嵌套（得跟sass，less，precss说拜拜啦~）

只支持px长度单位（跟%，rem，em等等也得说拜拜啦~）

color最好写成#000，#000000，black这种形式
rgb(a,b,c) 或 rgba(a,b,c,d) 的性能比其他颜色格式差很多

css属性(border margin padding background 等等) 不可简写
错误的写法-> border: 1 solid #ff0000;margin: 0 auto;

默认盒模型为flex，box-sizing 默认为 border-box

组件暂不支持本地图片，需指明width和height否则无法显示

background-image需要使用组件和position定位来现实

background-image 优先级高于 background-color，这意味着同时设置 background-image 和 background-color，background-color 被覆盖。

不支持z-index但靠后的元素层级更高

Weex 支持四种伪类：active, focus, disabled, enabled
所有组件都支持 active, 但只有 input 组件和 textarea 组件支持 focus, enabled, diabled。

各种不能在app上正常显示的 大多都能在web上被支持- -!!

支持 9 种 font-weight值
（normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900）

不支持webp 用jpg吧~

image组件不可省略写成img标签

组件上尚无法只定义一个或几个角的 border-radius。比如你无法在这两个组件上使用 border-top-left-radius。

不支持gif

font-weight值仅支持 400（normal） 和 700（bold）

如果定位元素超过容器边界，在 Android 下，超出部分将不可见，原因在于 Android 端元素 overflow 默认值为 hidden，但目前 Android 暂不支持设置 overflow: visible。