Weex 部分

“html 标签”

目前 Weex 支持了基本的容器 (div)、文本 (text)、图片 (image)、视频 (video) 等组件,注意是组件,而不是标签,虽然使用起来跟 html 标签很像,至于其他标签基本可以使用以上组件组合而成。

Weex 环境中没有 DOM

因为 Weex 解析 vue 得到的并不是 dom,而是原生布局树

支持有限的事件

并不支持 Web 中所有的事件类型,详情请参考《通用事件》

没有 BOM 但可以调用原生 API

在 Weex 中能够调用移动设备原生 API,使用方法是通过注册、调用模块来实现。其中有一些模块是 Weex 内置的,如 clipboard 、 navigator 、storage 等。 [《clipboard 剪切板》]、[《navigator 导航控制》]、[《storage 本地存储 》],为了保持框架的通用性,Weex 内置的原生模块有限,不过 Weex 提供了横向扩展的能力,可以扩展原生模块,具体的扩展方法请参考《iOS 扩展》  和《Android 扩展》

样式差异

Weex 中的样式是由原生渲染器解析的,出于性能和功能复杂度的考虑,Weex 对 CSS 的特性做了一些取舍 1、Weex 中只支持单个类名选择器,不支持关系选择器,也不支持属性选择器。 2、组件级别的作用域,为了保持 web 和 Native 的一致性,需要<style scoped>写法 3、支持了基本的盒模型和 flexbox 布局,详情可参考Weex 通用样式文档。但是需要注意的是,

  • 不支持display: none;
  • 样式属性暂不支持简写(提高解析效率)
  • flex 布局需要注意 web 的兼容性
  • 不支持 css 动画和 3D 样式