渲染逻辑控制器- (Render Logic Control) #7

Open
Tancy opened this Issue Jun 13, 2016 · 9 comments

Projects

None yet

8 participants

@Tancy
Tancy commented Jun 13, 2016 edited

新版中文网站及文档已经上线,请访问 https://weex-project.io/cn/ , 此处后续不再维护,谢谢理解。

append

append属性没有做数据绑定的工作。它不会改变最终的渲染效果。但是此属性确定是以一整棵树或子节点的方式添加。

append 有两个关键属性,treenode,使用方法如下:

<template>
  <container>
    <container id="world" append="tree">
      <text>Hello World!</text>
    </container>
    <container id="weex" append="node">
      <text>Hello Weex!</text>
    </container>
  </container>
</template>

在上面的代码中,id为world的元素将等待其所有子元素渲染完成,才完全全部渲染。然而id为weex的元素只完成自身的渲染就会被呈现在页面上,其子元素渲染完成一个展示一个。

渲染结果显而易见,后者渲染方式会使第一次绘画的速度比前者快些,但是总体的渲染时间可能比 append="tree" 长些。

默认情况下,元素的呈现为 node 模式,只要元素是 tree的渲染方式,其子元素都将以 tree模式渲染。

下一节我们将介绍复合组件

@Tancy Tancy changed the title from 渲染逻辑控制器 to 渲染逻辑控制器- Render Logic Control Jun 13, 2016
@Tancy Tancy changed the title from 渲染逻辑控制器- Render Logic Control to 渲染逻辑控制器- (Render Logic Control) Jun 13, 2016
@transtone transtone referenced this issue Jul 1, 2016
Open

样式和类 #6

@transtone
transtone commented Jul 1, 2016 edited

上一篇: 样式和类
下一篇: 组件封装

@shenjin1990

点"组件封装"进来的,错了吧?

@natman44

错了

@Jinjiang
Contributor

@shenjin1990 @natman44 fixed
Thanks.

@zhangjh
zhangjh commented Sep 30, 2016

下一节我们将介绍复合组件。

这里的链接又错了,没有更新

@DoranYun
DoranYun commented Dec 9, 2016

@zhangjh 不好意思,文档最近正在更新,变动比较频繁。请访问最新文档 http://alibaba.github.io/weex/cn/doc/

@jetlee0797

最后 ” 其子元素都将已 tree模式渲染。“

这里 ”已“ 应该是 ”以“ 吧?

@DoranYun

@jetlee0797 感谢反馈,不过我们的文档目前已迁移到 weex.io ,欢迎访问

@DoranYun

新版中文网站及文档已经上线,请访问 https://weex-project.io/cn/ , 此处后续不再维护,谢谢理解。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment