You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ji...@apache.org on 2017/02/20 06:41:38 UTC
[49/50] [abbrv] incubator-weex git commit: * [doc] updated
guide/intro/page-arch
* [doc] updated guide/intro/page-arch
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex/commit/6228f653
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex/tree/6228f653
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex/diff/6228f653
Branch: refs/heads/master
Commit: 6228f653d8bad2b246d7673283cd8a8244859024
Parents: 7d94533
Author: Jinjiang <zh...@me.com>
Authored: Fri Feb 17 15:08:28 2017 +0800
Committer: Jinjiang <zh...@me.com>
Committed: Fri Feb 17 15:08:28 2017 +0800
----------------------------------------------------------------------
doc/source/cn/guide/intro/page-architecture.md | 18 +++++-----
doc/source/guide/intro/page-architecture.md | 40 ++++++++++++++++++++-
2 files changed, 48 insertions(+), 10 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/6228f653/doc/source/cn/guide/intro/page-architecture.md
----------------------------------------------------------------------
diff --git a/doc/source/cn/guide/intro/page-architecture.md b/doc/source/cn/guide/intro/page-architecture.md
index 686fdd5..296ee98 100644
--- a/doc/source/cn/guide/intro/page-architecture.md
+++ b/doc/source/cn/guide/intro/page-architecture.md
@@ -15,13 +15,17 @@ version: 2.1
Weex \u9875\u9762\u901a\u8fc7\u7c7b\u4f3c HTML DOM \u7684\u65b9\u5f0f\u7ba1\u7406\u754c\u9762\uff0c\u9996\u5148\u9875\u9762\u4f1a\u88ab\u5206\u89e3\u4e3a\u4e00\u4e2a DOM \u6811\uff0c\uff0c\u6bcf\u4e2a DOM \u7ed3\u70b9\u90fd\u4ee3\u8868\u4e86\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u7684 native \u89c6\u56fe\u7684\u5355\u5143\u3002\u7136\u540e\u4e0d\u540c\u7684\u89c6\u56fe\u5355\u5143\u4e4b\u95f4\u901a\u8fc7\u6811\u5f62\u7ed3\u6784\u7ec4\u5408\u5728\u4e86\u4e00\u8d77\uff0c\u6784\u6210\u4e00\u4e2a\u5b8c\u6574\u7684\u9875\u9762\u3002
-<!-- DOM APIs -->
+**\u76f8\u5173\u94fe\u63a5**
+
+* [Weex Native DOM APIs](../../references/native-dom-api.html)
### \u7ec4\u4ef6
Weex \u652f\u6301\u6587\u5b57\u3001\u56fe\u7247\u3001\u89c6\u9891\u7b49\u5185\u5bb9\u578b\u7ec4\u4ef6\uff0c\u4e5f\u652f\u6301 div\u3001list\u3001scroller \u7b49\u5bb9\u5668\u578b\u7ec4\u4ef6\uff0c\u8fd8\u5305\u62ec slider\u3001input\u3001textarea\u3001switch \u7b49\u591a\u79cd\u7279\u6b8a\u7684\u7ec4\u4ef6\u3002Weex \u7684\u754c\u9762\u5c31\u662f\u7531\u8fd9\u4e9b\u7ec4\u4ef6\u4ee5 DOM \u6811\u7684\u65b9\u5f0f\u6784\u5efa\u51fa\u6765\u7684\u3002
-<!-- \u7ec4\u4ef6\u5217\u8868 -->
+**\u76f8\u5173\u94fe\u63a5**
+
+* [Weex \u7ec4\u4ef6\u5217\u8868](../../references/components/index.html)
### \u5e03\u5c40\u7cfb\u7edf
@@ -35,14 +39,10 @@ Weex \u9875\u9762\u4e2d\u7684\u7ec4\u4ef6\u4f1a\u6309\u7167\u4e00\u5b9a\u7684\u5e03\u5c40\u89c4\u8303\u6765\u8fdb\u884c\u6392\u5e03\uff0c\u6211\u4eec\u8fd9
Weex \u63d0\u4f9b\u4e86\u975e\u5e38\u4e30\u5bcc\u7684\u7cfb\u7edf\u529f\u80fd API\uff0c\u5305\u62ec\u5f39\u51fa\u5b58\u50a8\u3001\u7f51\u7edc\u3001\u5bfc\u822a\u3001\u5f39\u5bf9\u8bdd\u6846\u548c toast \u7b49\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u5728 Weex \u9875\u9762\u901a\u8fc7\u83b7\u53d6\u4e00\u4e2a native module \u7684\u65b9\u5f0f\u5f15\u5165\u5e76\u8c03\u7528\u8fd9\u4e9b\u5ba2\u6237\u7aef\u529f\u80fd API\u3002
-<!-- \u6a21\u5757\u5217\u8868 -->
+**\u76f8\u5173\u94fe\u63a5**
+
+* [Weex \u6a21\u5757\u5217\u8868](../../references/modules/index.html)
## \u751f\u547d\u5468\u671f
\u6bcf\u4e2a Weex \u9875\u9762\u90fd\u6709\u5176\u81ea\u8eab\u7684\u751f\u547d\u5468\u671f\uff0c\u9875\u9762\u4ece\u5f00\u59cb\u88ab\u521b\u5efa\u5230\u6700\u540e\u88ab\u9500\u6bc1\uff0c\u4f1a\u7ecf\u5386\u5230\u6574\u4e2a\u8fc7\u7a0b\u3002\u8fd9\u662f\u901a\u8fc7\u5bf9 Weex \u9875\u9762\u7684\u521b\u5efa\u548c\u9500\u6bc1\uff0c\u5728\u8def\u7531\u4e2d\u901a\u8fc7 SDK \u81ea\u884c\u5b9a\u4e49\u5e76\u5b9e\u73b0\u7684\u3002
-
-<!-- ios apis -->
-
-<!-- android apis -->
-
-<!-- html5 apis -->
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/6228f653/doc/source/guide/intro/page-architecture.md
----------------------------------------------------------------------
diff --git a/doc/source/guide/intro/page-architecture.md b/doc/source/guide/intro/page-architecture.md
index 73e5302..a9d8014 100644
--- a/doc/source/guide/intro/page-architecture.md
+++ b/doc/source/guide/intro/page-architecture.md
@@ -7,4 +7,42 @@ version: 2.1
# Weex Page Architecture
-Work in progress.
+A Weex page is a independent mobile page which includes UI, interaction logic, device power, lifecycle management etc.
+
+## UI
+
+### Native DOM Model
+
+Weex page has its HTML-like DOM model to manage UI. It will be decomposed into a DOM tree which consists of some DOM nodes.
+
+**Links**
+
+* [Weex Native DOM APIs](../../references/native-dom-api.html)
+
+### Components
+
+Weex supports many kinds of components. Some of them are content components such as text, image and videos. Some of them are container components such as div, list, scroller. Also there are some special components like slider, input, textarea, and switch.
+
+**Links**
+
+* [All components Weex supports](../../references/components/index.html)
+
+### Layout System
+
+Weex use some CSS properties to layout every nodes in the DOM tree together. It includes:
+
+* Box model: Describe the `width`, `height`, `padding`, `margin` and `border` of a component node.
+* Flexbox: Describe the relations between different nodes with CSS Flexbox Spec.
+* Supportting `absolute`, `relative`, `fixed` and `sticky` value of CSS `position` property.
+
+### Features
+
+Weex supports lots of device features through modules such as storage, navigation, modals etc. Each of them exposes some JS APIs.
+
+**Links**
+
+* [All modules Weex supports](../../references/modules/index.html)
+
+### Lifecycle
+
+Every Weex page has its lifecycle which is defined and implemented in WeexSDK. All Weex pages will go through the whole process, from being created and last to being destroyed.