weex踩坑汇总

[WangXiZhu]

weex踩坑汇总

网上有大部分总结，大家遇到的情况都类似。但随着weex版本更新，有的可能不存在了。这里只是为了汇总坑，方便查找。

1. weex不能有操作DOM相关内容，所以DOM, v-show等不能使用。

2. 多类名 (1) vue 只能使用 <div class="['color', 'font-size' ? true: false ]">， {'color': true}不行

3. 字体不同。 iOS默认值：32，Android：不同设备不同，H5 默认值：32。所以每次要设置font-size, font-size需要设置 <text>上。

4. border-right-color: transparent; 无效。所以目前还不能使用border画出三角形。

5. background-image: 只支持线性渐变（不支持图片）。如何实现背景图片呢？ <image> + position absulute https://weex.incubator.apache.org/cn/references/common-style.html#线性渐变-v0-10

6. weex不是在浏览器中运行，所以没有浏览器提供对象BOM, location和window这些不能使用，但是它提供了环境判断。 weex.config.env.platform来判断平台环境。

7. 优化css书写体验。 因为要单类名，这里面肯定会通过css的规则去查找类，然后动态添加一个别名 https://npm.taobao.org/package/weex-style-loader

• 部分网上资料
  • http://www.jianshu.com/p/740431068ff5
  • http://imweb.io/topic/59355fdec99e696d3ab4d916
  • https://www.v2ex.com/t/372929

[WangXiZhu]

使用stream的发送请求，如果是get请求需要对参数encodeURIComponent。即

var data = {id: 1};
stream.fetch({
   url: 'http://www.baidu.com/getData?request='+ encodeURIComponent(JSON.stringify(data)),
})

这与开发web不同的是，浏览器通常会帮我们处理这部分工作，但是weex不会