You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ha...@apache.org on 2018/02/26 02:56:28 UTC
[1/3] incubator-weex-site git commit: Updated Weex page architecture
Repository: incubator-weex-site
Updated Branches:
refs/heads/master 14e842f9a -> 288bb98e0
Updated Weex page architecture
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/39719a3e
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/39719a3e
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/39719a3e
Branch: refs/heads/master
Commit: 39719a3e46922b772d189e7ff2aa63051acc53ce
Parents: 14e842f
Author: Jonathan Dong <jo...@outlook.com>
Authored: Sat Feb 24 16:45:21 2018 +0800
Committer: Jonathan Dong <jo...@outlook.com>
Committed: Sat Feb 24 16:45:21 2018 +0800
----------------------------------------------------------------------
source/cn/guide/advanced/page-architecture.md | 16 ++++++++++------
1 file changed, 10 insertions(+), 6 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/39719a3e/source/cn/guide/advanced/page-architecture.md
----------------------------------------------------------------------
diff --git a/source/cn/guide/advanced/page-architecture.md b/source/cn/guide/advanced/page-architecture.md
index 2321040..2842488 100644
--- a/source/cn/guide/advanced/page-architecture.md
+++ b/source/cn/guide/advanced/page-architecture.md
@@ -3,27 +3,27 @@ title: Weex 页面结构
type: guide
group: 高阶特性
order: 8.6
-version: 2.1
+version: 2.2
---
# Weex 页面结构
-一个 Weex 页面就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示、更包含了逻辑处理、设备能力使用、生命周期管理等部分。
+对于一个 Weex 页面来说，在移动设备上它就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示，也包含了应用逻辑、设备能力、生命周期管理等部分。
## 界面
### DOM 模型
-Weex 页面通过类似 HTML DOM 的方式管理界面，首先页面会被分解为一个 DOM 树，，每个 DOM 结点都代表了一个相对独立的 native 视图的单元。然后不同的视图单元之间通过树形结构组合在了一起，构成一个完整的页面。
+Weex 页面通过类似 HTML DOM 的方式管理界面。首先，Weex 会在 JavaScript 执行环境中将界面模板解析为 Virtual DOM 树表示，每个 DOM 节点都代表了一个相对独立的 native 视图的单元；再将该 Virtual DOM 映射到移动设备上，生成用于表示移动设备界面的 Native DOM 树，最后再使用移动控件将之渲染为真正的界面。
-**相关链接**
-
-* [Weex Native DOM APIs](../../references/native-dom-api.html)
+关于 Virtual DOM 和 Native DOM，可以通过`weex debugger`中的`Element Mode`选项查看。
### 组件
Weex 支持文字、图片、视频等内容型组件，也支持 div、list、scroller 等容器型组件，还包括 slider、input、textarea、switch 等多种特殊的组件。Weex 的界面就是由这些组件以 DOM 树的方式构建出来的。
+组件分为**内置组件**和**扩展组件**两类，内置组件随Weex SDK提供，提供构建界面的基础能力；如果觉得不够用或者满足不了特定使用需要，Weex也支持开发者自己创建扩展组件，并通过Weex提供的注册接口将组件集成到应用中使用。
+
**相关链接**
* [Weex 组件列表](../../references/components/index.html)
@@ -40,6 +40,8 @@ Weex 页面中的组件会按照一定的布局规范来进行排布，我们这
Weex 提供了非常丰富的系统功能 API，包括弹出存储、网络、导航、弹对话框和 toast 等，开发者可以在 Weex 页面通过获取一个 native module 的方式引入并调用这些客户端功能 API。
+开发者也可以通过Weex提供的 Module 扩展能力，注册自定义的 API 使用。
+
**相关链接**
* [Weex 模块列表](../../references/modules/index.html)
@@ -47,3 +49,5 @@ Weex 提供了非常丰富的系统功能 API，包括弹出存储、网络、
## 生命周期
每个 Weex 页面都有其自身的生命周期，页面从开始被创建到最后被销毁，会经历到整个过程。这是通过对 Weex 页面的创建和销毁，在路由中通过 SDK 自行定义并实现的。
+
+由于 Weex 内置 Vue，对于 Vue 实例的生命周期回调 Weex 提供原生支持，具体可参照 Vue 生命周期相关文档。
\ No newline at end of file
[3/3] incubator-weex-site git commit: fix spelling mistake for
navigator module reference (#74)
Posted by ha...@apache.org.
fix spelling mistake for navigator module reference (#74)
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/288bb98e
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/288bb98e
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/288bb98e
Branch: refs/heads/master
Commit: 288bb98e0db0e0145177c67d6afdc6364e89a2d5
Parents: 39719a3 d5759f9
Author: Hanks <zh...@gmail.com>
Authored: Mon Feb 26 10:56:02 2018 +0800
Committer: Hanks <zh...@gmail.com>
Committed: Mon Feb 26 10:56:02 2018 +0800
----------------------------------------------------------------------
source/cn/references/modules/navigator.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------
[2/3] incubator-weex-site git commit: fix spelling mistake for
navigator module reference
Posted by ha...@apache.org.
fix spelling mistake for navigator module reference
In the parameter the url param instruction went wrong into `stirng`.
Changed this into `string`
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/d5759f92
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/d5759f92
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/d5759f92
Branch: refs/heads/master
Commit: d5759f9238a18a3e3f85de5a13c75b73dcb063c7
Parents: 14e842f
Author: Souler Ou <ou...@souler.me>
Authored: Sun Feb 25 21:09:56 2018 +0800
Committer: GitHub <no...@github.com>
Committed: Sun Feb 25 21:09:56 2018 +0800
----------------------------------------------------------------------
source/cn/references/modules/navigator.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/d5759f92/source/cn/references/modules/navigator.md
----------------------------------------------------------------------
diff --git a/source/cn/references/modules/navigator.md b/source/cn/references/modules/navigator.md
index a7db145..a375a68 100644
--- a/source/cn/references/modules/navigator.md
+++ b/source/cn/references/modules/navigator.md
@@ -21,7 +21,7 @@ version: 2.1
#### 参数
* `options {Object}`：选项参数
- * `url {stirng}`：要压入的 Weex 页面的 URL
+ * `url {string}`：要压入的 Weex 页面的 URL
* `animated {string}`：`"true"` 示意为页面压入时需要动画效果，`"false"` 则不需要，默认值为 `"true"`
* `callback {Function}`：执行完该操作后的回调函数