[1/3] incubator-weex-site git commit: Updated Weex page architecture

[hanks]

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 <jondong.commun...@outlook.com>
Authored: Sat Feb 24 16:45:21 2018 +0800
Committer: Jonathan Dong <jondong.commun...@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