锐客网

  1. 首页 > it技术 > >

Weex

Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。Weex 的目标就是使用开发者基于一份代码，编写出可以运行在 iOS，Android 和 Web 上的应用，并最大化地提高开发效率和简化测试、构建、发布流程。
DOM（Document Object Model），即文档对象模型，是 HTML 和 XML 文档的编程接口，是 Web 中的概念。Weex 的运行环境以原生应用为主，在 Android 和 iOS 环境中渲染出来的是原生的组件，不是 DOM Element。原生环境中不支持 Web API，没有 Element 、Event 、File 等对象，详细列表可以参考 Web APIs on MDN。不支持选中元素如 document.getElementById 、 document.querySelector 等；当然也不支持基于 DOM API 的程序库（如 jQuery）。
BOM（Browser Object Model），即浏览器对象模型，是浏览器环境为 javascript 提供的接口。Weex 在原生端并不基于浏览器运行，不支持浏览器提供的 BOM 接口。Weex 中并未提供浏览器中的 window 和 screen 对象，不支持使用全局变量。没有 document 对象，没有 history 、location 、navigator 对象
内置组件
1、 组件用于实现页面间的跳转。（不可以在标签内部直接添加文本，需要使用 标签来显示文本。）
2、 是通用容器。（不要在中直接添加文本，而要使用 组件。在 Weex 中， 不可滚动。要控制的层级，建议不要超过14层，否则会很影响页面性能。）
3、 用于在界面中显示单个图片。
4、 组件是提供垂直列表功能的核心组件，拥有平滑的滚动和高效的内存管理，非常适合用于长列表的展示。最简单的使用方法是在 标签内使用一组由简单数组循环生成的 标签填充。（不允许相同方向的 或者互相嵌套，换句话说就是嵌套的 /必须是不同的方向。 需要显式的设置其宽高，可使用 position: absolute; 定位或 width、height 设置其宽高值）
5、Cell 必须以一级子组件的形式存在于 list recycler waterfall 中。（Cell 支持添加任意类型的组件作为自己的子组件，但是请不要再内部添加滚动容器了。不要指定 的 flex 值。Cell 的宽度是由它的父容器决定的，你也不需要指定它的高度。Cell 的排版的位置是由父容器控制的，所以一般不要为其指定 margin 样式。）
6、 为容器提供上拉加载功能。（ 是 、、 的子组件，只能在被它们包含时才能被正确渲染。）
7、 为容器提供下拉刷新功能。（ 是 、、 的子组件，只能在被它们包含时才能被正确渲染。）
8、 是一个新的支持竖向或横向的列表容器，具有回收和复用的能力，可以大幅优化内存占用和渲染性能。（ 只能使用 作为其直接子节点，使用其他节点无效。）
9、 是一个容纳子组件进行横向或竖向滚动的容器组件。如果你的组件需要进行滚动，可以将当作根元素或者父元素使用，否则页面无法滚动（ 组件除外， 默认可以滚动，不允许相同方向的 或者互相嵌套，换句话说就是嵌套的 /必须是不同的方向。 需要显式的设置其宽高，可使用 position: absolute; 定位或 width、height 设置其宽高值。）
10、Slider 组件用于在一个页面中展示多个图片，在前端这种效果被称为轮播图。默认的轮播间隔为3秒。
11、indicator 只能在 slider 中使用。
12、textarea> 与 组件类似，可用于接受用户输入数据。