Repository: incubator-weex-site
Updated Branches:
  refs/heads/master 63322e63c -> dfeabe7a7


Updated wiki index.


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/dfeabe7a
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/dfeabe7a
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/dfeabe7a

Branch: refs/heads/master
Commit: dfeabe7a7656250308b201d88208444799adfa3b
Parents: 63322e6
Author: Jonathan Dong <jondong.commun...@outlook.com>
Authored: Sun Apr 8 17:33:16 2018 +0800
Committer: Jonathan Dong <jondong.commun...@outlook.com>
Committed: Sun Apr 8 17:33:16 2018 +0800

----------------------------------------------------------------------
 source/cn/wiki/index.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/dfeabe7a/source/cn/wiki/index.md
----------------------------------------------------------------------
diff --git a/source/cn/wiki/index.md b/source/cn/wiki/index.md
index 2777081..2597bfc 100644
--- a/source/cn/wiki/index.md
+++ b/source/cn/wiki/index.md
@@ -11,7 +11,7 @@ version: 2.1
 
 ## 整体架构
 
-Weex 表面上是一个客户端技术,但实际
上它串联起了从本地开发环境到云端部署和分发的整个链路。开发è€
…首先可以在本地像撰写 web 页面一样撰写一个 app 
的页面,然后编译成一段 JavaScript 代码,形成 Weex 的一个 JS 
bundle;在云端,开发者可以把生成的 JS bundle 
部署上去,然后通过网络请求或预下发的方式传
递到用户的移动应用客户端;在移动应用客户端里,WeexSDK 
会准备好一个 JavaScript 引擎,并且在用户打开一个 Weex 
页面时执行相应的 JS 
bundle,并在执行过程中产生各种命令发送到 native 
端进行的界面渲染或数据存储、网络通信、调用设备功能、用户交互响应等移动应用的场景实践;同时,如果用户没有安è£
…移动应用,他仍然可以在浏览器里打开一个相同的 web 
页面,这个页面是使用相同的页面源代码,通过浏览器里的 
JavaScript 引擎运行起来的。
+Weex 表面上是一个客户端技术,但实际
上它串联起了从本地开发、云端部署到分发的整个链路。开发è€
…首先可在本地像编写 web 页面一样编写一个 app 
的界面,然后通过命令行工具将之编译成一段 JavaScript 代ç 
ï¼Œç”Ÿæˆä¸€ä¸ª Weex 的 JS bundle;同时,开发者可以将生成的 JS 
bundle 部署至云端,然后通过网络请求或预下发的方式加
载至用户的移动应用客户端;在移动应用客户端里,Weex SDK 
会准备好一个 JavaScript 执行环境,并且在用户打开一个 Weex 
页面时在这个执行环境中执行相应的 JS 
bundle,并将执行过程中产生的各种命令发送到 native 
端进行界面渲染、数据存储、网络通信、调用设备功能及用户交互响应等功能;同时,如果用户希望使用浏览器访问这个界面,那么他可以在浏览器里打开一个相同的
 web 页面,这个页面和移动应用使用相同的页面源代码,但è¢
 «ç¼–译成适合Web展示的JS Bundle,通过浏览器里的 JavaScript 
引擎及 Weex SDK 运行起来的。
 
 ![How it works](/cn/guide/images/flow.png)
 
@@ -19,9 +19,9 @@ Weex 表面上是一个客户端技术,但实际
上它串联起了从本地开
 
 Weex 的本地开发环境基于 web 开发体验而设计,web 开发者
可以通过自己熟悉的 HTML/CSS/JavaScript 
技术和语法实现移动应用的界面。同时 Weex 也对 
[Vue.js](https://vuejs.org/) 
这一非常优秀的前端框架做了官方的支持。
 
-除此之外,Weex 的工程设计也是 web 开发者非常熟悉的,首å…
ˆ web 开发者可以使用自己熟悉的 npm 进行依赖管理;其次 web 
开发者
在通过项目脚手架初始化工程、开发、调试、质量控制等各个环节,都可以参考
 web 开发已有的最佳实践。
+此外,Weex 的工程设计也是 web 开发者非常熟悉的,首先 web 
开发者可以使用自己熟悉的 npm 进行依赖管理;其次 web 
开发者
在初始化工程、开发、调试、质量控制等各个环节,都可以参考
 web 开发已有的最佳实践。
 
-和如今 web 开发的最佳实践一样,Weex 会把一个页面的源代ç 
å…¨éƒ¨ç¼–译打包成一个 JS 
bundle,在浏览器中,我们需要把这个 JS bundle 作为一段 
`<script>` 载入网页,在客户端里,我们把这段 JS bundle è½½å…
¥æœ¬åœ°ï¼Œå¹¶é€šè¿‡ WeexSDK 直接执行。
+和如今 web 开发的最佳实践一样,Weex 会把一个页面的源代ç 
å…¨éƒ¨ç¼–译打包成一个 JS 
bundle,在浏览器中,我们需要把这个 JS bundle 作为一段 
`<script>` 载入网页;而在客户端里,我们把这段 JS bundle 
通过Weex SDK加载并直接执行。
 
 **相关阅读**
 
@@ -32,17 +32,17 @@ Weex 的本地开发环境基于 web 
开发体验而设计,web 开发者可以
 
 ## 云端部署和分发
 
-Weex 的 JS bundle 可以作为 web 
开发中的一段静态资源进行部署和下发。几乎可以复用 HTML5 
所有的工程体系和最佳实践。比如在本地开发环境通过部署工å
…·å°† JS bundle 部署到 CDN、通过 CMS 
或搭建平台把业务数据和模块化的前端组件自动化拼接生成 
JS bundle、通过服务端 JS bundle 的流量和日志统计页面的访问情
况、通过 AppCache 或类似的方式对 JS bundle 
在客户端进行缓存或预加载以降低网络通信的成本等。
+Weex 的 JS bundle 
可以作为一段静态资源进行部署和下发,如同部署和下发 web 
页面一样,几乎可以复用 HTML5 
所有的工程体系和最佳实践。比如在本地开发环境通过部署工å
…·å°† JS bundle 部署到 CDN、通过 CMS 
或搭建平台把业务数据和模块化的前端组件自动拼接生成 JS 
bundle、通过服务端 JS bundle 的流量和日志来统计页面的访问情
况、通过 AppCache 或类似的方式对 JS bundle 
在客户端进行缓存或预加载以降低网络通信的成本等。
 
 ## 客户端 JavaScript 引擎
 
-Weex 的 iOS 和 Android 客户端中都会运行一个 JavaScript 
引擎,来执行 JS 
bundle,同时向各端的渲染层发送规范化的指令,调度客户端的渲染和å
…¶å®ƒå„种能力。我们在 iOS 下选择了 JavaScriptCore 内核,而在 
Android 下选择了 UC 提供的 v8 内核。无
论是从性能还是稳定性方面都提供了强有力的保障。
+Weex 的 iOS 和 Android 客户端中都会运行一个 JavaScript 
引擎,来执行 JS 
bundle,同时向各端的渲染层发送规范化的指令,调度客户端的渲染并实现å
…¶å®ƒå„种能力。我们在 iOS 下选择了基于 JavaScriptCore 内æ 
¸çš„iOS系统提供的 JSContext,在 Android 下也使用了 JavaScriptCore 
内核的 JavaScript 
引擎。经过长期优化与多种业务场景检验,JavaScriptCore 无
论是从性能还是稳定性方面都为Weex提供了强有力的保障,同时也保证了双端
 JavaScript 引擎的统一,更有利于开发者调试跨端的 JavaScript 
错误。
 
-为了让整个移动应用的资源利用得更好,我们在客户端提供的
 JavaScript 引擎是单例的,即所有 JS bundle 公用一个 JavaScript 内
核实例,同时对每个 JS bundle 
在运行时进行了上下文的隔离,使得每个 JS bundle 
都能够高效安全的工作。我们还把 Vue 2.0 这样的 JS Framework 
做了预置,开发者不必把 JS Framework 打包在每个 JS bundle 
里,从而大大减少了 JS bundle 
的体积,也就进一步保障了页面打开的速度。
+为了让整个移动应用的资源利用得更好,我们在客户端提供的
 JavaScript 引擎是单例的,即所有 JS bundle 公用一个 JavaScript 
执行环境实例,同时对每个 JS bundle 
在运行时进行了上下文的隔离,使得每个 JS bundle 
都能够高效安全的工作。我们还把 Vue 2.0 这样的 JS Framework 
做了预置,开发者不必把 JS Framework 打包在每个 JS bundle 
里,从而大大减少了 JS bundle 
的体积,也就进一步保障了页面打开的速度。
 
 ## 客户端渲染层
 
-Weex 目前提供了 iOS 和 Android 两个客户端的 native 
渲染层。每个端都基于 DOM 模型设计并实现了æ 
‡å‡†çš„界面渲染接口供 JavaScript 引擎调用。并且结合 web æ 
‡å‡†å’Œ native 的特点和优势实现了一套统一的组件和模块。Weex 
在性能方面的表现也是非常优异的,尤其是界面首屏加
载时间、native 下长列表的资源开销和复用情况、CPU、内
存、帧率 等关键指标。当然,尽管 Weex 
官方已经提供了一组开发者
最常用的组件和模块,但面对丰富多样的移动应用ç 
”发需求,团队也难å…
ä¼šåŠ›ä¸ä»Žå¿ƒï¼Œä¸ºæ­¤æˆ‘们提供了灵活自由的横向扩展能力,开发è€
…可以根据自身的情
况定制属于自己的客户端组件和模块,进一步丰富 Weex 
在客户端上的能力。
+Weex 目前提供了 iOS 和 Android 两个客户端的 native 
渲染层。每个端都基于 DOM 模型设计并实现了æ 
‡å‡†çš„界面渲染接口供 JavaScript 引擎调用。并且结合 web æ 
‡å‡†å’Œ native 的特点和优势实现了一套统一的组件和模块。Weex 
在性能方面的表现也是非常优异的,尤其是界面首屏加
载时间、native 下长列表的资源开销和复用、CPU、内
存、帧率等关键指标。当然,尽管 Weex 
已经提供了一组开发者最常用的组件和模块,但面对丰富多æ 
·çš„移动应用ç 
”发需求,这些常用基础组件还是远远不够的,因
此我们提供了灵活自由的能力扩展方式,开发者可以æ 
¹æ®è‡ªèº«çš„情
况定制属于自己的客户端组件和模块,进一步丰富 Weex 
在客户端上的能力。
 
 **相关链接**
 
@@ -54,7 +54,7 @@ Weex 目前提供了 iOS 和 Android 两个客户端的 
native 渲染层。每
 
 ## 浏览器渲染
 
-Weex 除了提供 iOS 和 Android 的客户端渲染层之外,还基于 Vue 
2.0 对官方的所有组件和模块进行了封装,开发者可以基于 
Vue 2.0 用同一套源代ç 
æž„建出在浏览器中相同效果的页面。并且同æ 
·å¯ä»¥æ¨ªå‘扩展。
+Weex 除了提供 iOS 和 Android 的客户端渲染层之外,还基于 Vue 
2.0 对官方的所有组件和模块进行了 web 封装,开发者
可以基于 Vue 2.0 用同一套源代ç 
æž„建出在浏览器中相同效果的页面。并且同æ 
·å¯ä»¥æ¨ªå‘扩展。
 
 **相关链接**
 

Reply via email to