Return-Path: X-Original-To: archive-asf-public-internal@cust-asf2.ponee.io Delivered-To: archive-asf-public-internal@cust-asf2.ponee.io Received: from cust-asf.ponee.io (cust-asf.ponee.io [163.172.22.183]) by cust-asf2.ponee.io (Postfix) with ESMTP id B62B4200C39 for ; Thu, 2 Mar 2017 04:54:29 +0100 (CET) Received: by cust-asf.ponee.io (Postfix) id B4912160B78; Thu, 2 Mar 2017 03:54:29 +0000 (UTC) Delivered-To: archive-asf-public@cust-asf.ponee.io Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by cust-asf.ponee.io (Postfix) with SMTP id 64C7D160B70 for ; Thu, 2 Mar 2017 04:54:27 +0100 (CET) Received: (qmail 68397 invoked by uid 500); 2 Mar 2017 03:54:26 -0000 Mailing-List: contact commits-help@weex.incubator.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: dev@weex.incubator.apache.org Delivered-To: mailing list commits@weex.incubator.apache.org Received: (qmail 68320 invoked by uid 99); 2 Mar 2017 03:54:26 -0000 Received: from pnap-us-west-generic-nat.apache.org (HELO spamd4-us-west.apache.org) (209.188.14.142) by apache.org (qpsmtpd/0.29) with ESMTP; Thu, 02 Mar 2017 03:54:26 +0000 Received: from localhost (localhost [127.0.0.1]) by spamd4-us-west.apache.org (ASF Mail Server at spamd4-us-west.apache.org) with ESMTP id 68DE7C05AA for ; Thu, 2 Mar 2017 03:54:25 +0000 (UTC) X-Virus-Scanned: Debian amavisd-new at spamd4-us-west.apache.org X-Spam-Flag: NO X-Spam-Score: -6.566 X-Spam-Level: X-Spam-Status: No, score=-6.566 tagged_above=-999 required=6.31 tests=[KAM_ASCII_DIVIDERS=0.8, RCVD_IN_DNSWL_HI=-5, RCVD_IN_MSPIKE_H3=-0.01, RCVD_IN_MSPIKE_WL=-0.01, RP_MATCHES_RCVD=-2.999, SPF_NEUTRAL=0.652, URIBL_BLOCKED=0.001] autolearn=disabled Received: from mx1-lw-eu.apache.org ([10.40.0.8]) by localhost (spamd4-us-west.apache.org [10.40.0.11]) (amavisd-new, port 10024) with ESMTP id l68VwaP_cznm for ; Thu, 2 Mar 2017 03:54:09 +0000 (UTC) Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by mx1-lw-eu.apache.org (ASF Mail Server at mx1-lw-eu.apache.org) with SMTP id 941D960D53 for ; Thu, 2 Mar 2017 03:53:55 +0000 (UTC) Received: (qmail 65674 invoked by uid 99); 2 Mar 2017 03:53:54 -0000 Received: from git1-us-west.apache.org (HELO git1-us-west.apache.org) (140.211.11.23) by apache.org (qpsmtpd/0.29) with ESMTP; Thu, 02 Mar 2017 03:53:54 +0000 Received: by git1-us-west.apache.org (ASF Mail Server at git1-us-west.apache.org, from userid 33) id 44B46F3206; Thu, 2 Mar 2017 03:53:54 +0000 (UTC) Content-Type: text/plain; charset="us-ascii" MIME-Version: 1.0 Content-Transfer-Encoding: 8bit From: sospartan@apache.org To: commits@weex.incubator.apache.org Date: Thu, 02 Mar 2017 03:54:30 -0000 Message-Id: <202896e9a89f405290fe5b34fe3d7d50@git.apache.org> In-Reply-To: References: X-Mailer: ASF-Git Admin Mailer Subject: [38/39] incubator-weex-site git commit: * update site archived-at: Thu, 02 Mar 2017 03:54:29 -0000 http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/index.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/index.html b/content/cn/guide/index.html index 83d464a..8657156 100644 --- a/content/cn/guide/index.html +++ b/content/cn/guide/index.html @@ -5,49 +5,6 @@ 快速上手 | Weex - @@ -58,7 +15,7 @@ Vue 是什么？Vue.js 是 Evan You 开"> Vue 是什么？Vue.js 是 Evan You 开"> - +
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -144,7 +117,7 @@ Vue 是什么？Vue.js 是 Evan You 开">
    - +
    @@ -275,7 +248,7 @@ Vue 是什么？Vue.js 是 Evan You 开">
  • -

    旧文档

    +

    旧语法文档

    • @@ -411,7 +384,7 @@ Vue 是什么？Vue.js 是 Evan You 开">
  • -

    旧文档

    +

    旧语法文档

    • @@ -429,18 +402,22 @@ Vue 是什么？Vue.js 是 Evan You 开"> - +

    快速上手

    Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。

    -

    Vue 是什么？

    Vue.js 是 Evan You 开发的渐进式 JavaScript 框架，在易用性、灵活性和性能等方面都非常优秀。开发者能够通过撰写 *.vue 文件，基于 <template>, <style>, <script> 快速构建组件化的 web 应用。

    +

    Vue 是什么？

    Vue.js 是 Evan You 开发的渐进式 JavaScript 框架。开发者能够通过撰写 *.vue 文件，基于 <template>, <style>, <script> 快速构建组件化的 web 应用。

    Hello World

    尝试 Weex 最简单的方法是使用 Playground App 和在 dotWe 编写一个 Hello World 例子。你不需要考虑安装开发环境或编写 native 代码，只需要做下面两件事：

    • 为你的手机安装 Playground App，当然，Weex 是跨平台的框架，你依然可以使用浏览器进行预览，只是这样你就无法感受到 native 优秀的体验了。
    • 在新标签页中打开 Hello World 例子，点击预览，然后用 Playground 扫码即可。
    +

    在这个例子中，我们看到了熟悉的 HTML 语义化标签、CSS 样式和 Javascript 代码。这是一个最简单的 Weex 示例，它在页面中渲染了一个 “Hello World”。请注意，这不是一个 H5 页面，而是 native 的。

    mobile_preview

    -

    很简单，我们可以看到语法就是我们熟悉的 Vue。你可以修改这个例子，再次扫码尝试。

    -

    搭建开发环境

    第一步：安装依赖

    Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 weex-toolkit。

    +

    发生了什么？

    就如示例代码所示：

    +
    <template>
      <div>
        <text class="text">{{text}}</text>
      </div>
    </template>
    <style>
      .text {
        font-size: 50;
      }
    </style>
    <script>
      export default {
        data () {
          return {
            text: 'Hello World.'
          }
        }
      }
    </script>
    +

    我们暂时不去关心 Weex 的技术细节，仅看大致的代码结构，我们可以看到语法就是我们熟悉的 Vue。你可以修改这个例子，再次扫码尝试。

    +

    搭建开发环境

    使用 dotWe 对 Weex 尝鲜是一个不错的选择，但如果你想更专业的开发 Weex， dotWe 就不怎么够用了。本节会教你如何搭建本地开发环境进行 Weex 开发。

    +

    第一步：安装依赖

    Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 weex-toolkit。

    安装 Node.js 方式多种多样，最简单的方式是在 Node.js 官网 下载可执行程序直接安装即可。

    对于 Mac，可以使用 Homebrew 进行安装：

    brew install node
    @@ -498,7 +475,7 @@ Vue 是什么？Vue.js 是 Evan You 开"> English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/integrate-to-your-app.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/integrate-to-your-app.html b/content/cn/guide/integrate-to-your-app.html index c326bb9..ad338fa 100644 --- a/content/cn/guide/integrate-to-your-app.html +++ b/content/cn/guide/integrate-to-your-app.html @@ -5,49 +5,6 @@ 集成 Weex 到已有应用 | Weex - - +
    - +
    +
  • +
    + + Language + + + +
    +
    • @@ -159,7 +132,7 @@ SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可
    - +
    @@ -290,7 +263,7 @@ SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可
  • -

    旧文档

    +

    旧语法文档

    • @@ -426,7 +399,7 @@ SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可
  • -

    旧文档

    +

    旧语法文档

    • @@ -444,7 +417,7 @@ SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可 - +

    集成 Weex 到已有应用

    集成到 Android

    注：以下文档都是假设您已经具备一定的Android开发经验。

    Android 集成有两种方式

      @@ -534,7 +507,7 @@ SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可 English
    1. - 中文 + 中文
    http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/app-architecture.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/app-architecture.html b/content/cn/guide/intro/app-architecture.html index 7eb1c7c..acc0f85 100644 --- a/content/cn/guide/intro/app-architecture.html +++ b/content/cn/guide/intro/app-architecture.html @@ -5,49 +5,6 @@ 用 Weex 构建移动应用 | Weex - @@ -58,7 +15,7 @@ - +
    - +
    +
  • +
    + + Language + + + +
    +
    • @@ -144,7 +117,7 @@
    - +
    @@ -275,7 +248,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -411,7 +384,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -429,7 +402,7 @@ - +

    用 Weex 构建移动应用

    今天的移动应用

    这里谈一谈 Weex 对移动应用的理解。

    移动应用需要支撑并行研发

    如今移动应用的开发需要并行研发的能力，当一个移动应用发展到一定规模的时候，能否支撑大规模的并行研发就成为了一件非常关键而又重要的事情。否则很容易变成工程瓶颈。

    @@ -476,7 +449,7 @@ English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/devtools.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/devtools.html b/content/cn/guide/intro/devtools.html index c4f243f..8184fe4 100644 --- a/content/cn/guide/intro/devtools.html +++ b/content/cn/guide/intro/devtools.html @@ -5,49 +5,6 @@ 使用 Devtools | Weex - @@ -67,7 +24,7 @@ - +
    - +
    +
  • +
    + + Language + + + +
    +
    • @@ -154,7 +127,7 @@
    - +
    @@ -285,7 +258,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -421,7 +394,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -439,7 +412,7 @@ - +

    Devtools

    weex devtools是专门为weex定制的一款实现了Chrome Debugging Protocol的inspect/debug工具，能够帮助你快速查看app运行状态和调试weex中的Javascript代码，当前支持IOS和Android两个平台。

    安装

    $ npm install  -g  weex-toolkit
    @@ -495,7 +468,7 @@ English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/how-it-works.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/how-it-works.html b/content/cn/guide/intro/how-it-works.html index a1dd945..7610bb9 100644 --- a/content/cn/guide/intro/how-it-works.html +++ b/content/cn/guide/intro/how-it-works.html @@ -5,49 +5,6 @@ 工作原理 | Weex - @@ -55,7 +12,7 @@ - + @@ -117,13 +74,29 @@
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -140,7 +113,7 @@
    - +
    @@ -271,7 +244,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -407,7 +380,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -425,7 +398,7 @@ - +

    工作原理

    整体架构

    Weex 表面上是一个客户端技术，但实际上它串联起了从本地开发环境到云端部署和分发的整个链路。开发者首先可以在本地像撰写 web 页面一样撰写一个 app 的页面，然后编译成一段 JavaScript 代码，形成 Weex 的一个 JS bundle；在云端，开发者可以把生成的 JS bundle 部署上去，然后通过网络请求或预下发的方式传递到用户的移动应用客户端；在移动应用客户端里，WeexSDK 会准备好一个 JavaScript 引擎，并且在用户打开一个 Weex 页面时执行相应的 JS bundle，并在执行过程中产生各种命令发送到 native 端进行的界面渲染或数据存储、网络通信、调用设备功能、用户交互响应等移动应用的场景实践； 同时，如果用户没有安装移动应用，他仍然可以在浏览器里打开一个相同的 web 页面，这个页面是使用相同的页面源代码，通过浏览器里的 JavaScript 引擎运行起来的。

    How it works

    @@ -478,7 +451,7 @@ English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/index.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/index.html b/content/cn/guide/intro/index.html index 6ba7dcf..5c2f01a 100644 --- a/content/cn/guide/intro/index.html +++ b/content/cn/guide/intro/index.html @@ -5,49 +5,6 @@ 介绍 | Weex - - +
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -156,7 +129,7 @@ Weex 页面结构">
    - +
    @@ -287,7 +260,7 @@ Weex 页面结构">
  • -

    旧文档

    +

    旧语法文档

    • @@ -423,7 +396,7 @@ Weex 页面结构">
  • -

    旧文档

    +

    旧语法文档

    • @@ -441,7 +414,7 @@ Weex 页面结构"> - +

    Intro

    http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/page-architecture.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/page-architecture.html b/content/cn/guide/intro/page-architecture.html index 893f4ef..996e4e5 100644 --- a/content/cn/guide/intro/page-architecture.html +++ b/content/cn/guide/intro/page-architecture.html @@ -5,49 +5,6 @@ Weex 页面结构 | Weex - @@ -56,7 +13,7 @@ - +
    - +
    +
  • +
    + + Language + + + +
    +
    • @@ -141,7 +114,7 @@
    - +
    @@ -272,7 +245,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -408,7 +381,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -426,7 +399,7 @@ - +

    Weex 页面结构

    一个 Weex 页面就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示、更包含了逻辑处理、设备能力使用、生命周期管理等部分。

    界面

    DOM 模型

    Weex 页面通过类似 HTML DOM 的方式管理界面，首先页面会被分解为一个 DOM 树，，每个 DOM 结点都代表了一个相对独立的 native 视图的单元。然后不同的视图单元之间通过树形结构组合在了一起，构成一个完整的页面。

    @@ -472,7 +445,7 @@ English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/using-vue.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/using-vue.html b/content/cn/guide/intro/using-vue.html index 76d5c25..bbfee8e 100644 --- a/content/cn/guide/intro/using-vue.html +++ b/content/cn/guide/intro/using-vue.html @@ -5,49 +5,6 @@ 使用 Vue 开发 Weex 页面 | Weex - @@ -59,7 +16,7 @@ Vue.js 在 2016 年 10 月正式发布了"> Vue.js 在 2016 年 10 月正式发布了"> - +
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -146,7 +119,7 @@ Vue.js 在 2016 年 10 月正式发布了">
    - +
    @@ -277,7 +250,7 @@ Vue.js 在 2016 年 10 月正式发布了">
  • -

    旧文档

    +

    旧语法文档

    • @@ -413,7 +386,7 @@ Vue.js 在 2016 年 10 月正式发布了">
  • -

    旧文档

    +

    旧语法文档

    • @@ -431,7 +404,7 @@ Vue.js 在 2016 年 10 月正式发布了"> - +

    使用 Vue 开发 Weex 页面

    Vue in Weex

    Vue.js 是 Evan You 开发的渐进式 JavaScript 框架，在易用性、灵活性和性能等方面都非常优秀。开发者能够通过撰写 *.vue 文件，基于 <template>, <style>, <script> 快速构建组件化的 web 应用。

    a vue file

    @@ -478,7 +451,7 @@ Vue.js 在 2016 年 10 月正式发布了"> English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/web-dev-experience.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/web-dev-experience.html b/content/cn/guide/intro/web-dev-experience.html index 8fd72d6..7ad4b27 100644 --- a/content/cn/guide/intro/web-dev-experience.html +++ b/content/cn/guide/intro/web-dev-experience.html @@ -5,49 +5,6 @@ Web 开发体验 | Weex - - +
    - +
    +
  • +
    + + Language + + + +
    +
    • @@ -147,7 +120,7 @@
    - +
    @@ -278,7 +251,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -414,7 +387,7 @@
  • -

    旧文档

    +

    旧语法文档

    • @@ -432,7 +405,7 @@ - +

    Web 开发体验

    什么是 Web 开发体验

    Weex 的开发体验和 web 的开发体验是非常接近的，它通过 HTML 或基于 HTML 模板来描述界面的结构和内容，通过 CSS 的方式描述界面的展现形式，用 JavaScript 来描述用户行为和业务逻辑。同时有完整的工程机制，如创建、开发、调试、部署。

    为什么选择 Web 开发体验

    我们选择基于 Web 开发体验有以下几方面原因：

    @@ -478,7 +451,7 @@ English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/write-once.html ---------------------------------------------------------------------- diff --git a/content/cn/guide/intro/write-once.html b/content/cn/guide/intro/write-once.html index d90d3dd..6a42844 100644 --- a/content/cn/guide/intro/write-once.html +++ b/content/cn/guide/intro/write-once.html @@ -5,49 +5,6 @@ 一次撰写，多端运行 | Weex - - +
    - +
    +
  • +
    + + Language + + + +
    +
    • @@ -162,7 +135,7 @@ Weex 开发同一份代码，可以在不同的端上分别执行，避免了多
    - +
    @@ -293,7 +266,7 @@ Weex 开发同一份代码，可以在不同的端上分别执行，避免了多
  • -

    旧文档

    +

    旧语法文档

    • @@ -429,7 +402,7 @@ Weex 开发同一份代码，可以在不同的端上分别执行，避免了多
  • -

    旧文档

    +

    旧语法文档

    • @@ -447,7 +420,7 @@ Weex 开发同一份代码，可以在不同的端上分别执行，避免了多 - +

    一次撰写，多端运行

    Weex 提供了多端一致的技术方案。

      @@ -488,7 +461,7 @@ Weex 开发同一份代码，可以在不同的端上分别执行，避免了多 English
    • - 中文 + 中文
    http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/hello/index.html ---------------------------------------------------------------------- diff --git a/content/cn/hello/index.html b/content/cn/hello/index.html index 537bf93..9b75ce3 100644 --- a/content/cn/hello/index.html +++ b/content/cn/hello/index.html @@ -5,54 +5,11 @@ hello | Weex - - + @@ -112,13 +69,29 @@
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -137,7 +110,7 @@
  • - +
    @@ -155,7 +128,7 @@
  • - + FAQ
    • @@ -226,7 +199,7 @@ English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/index.html ---------------------------------------------------------------------- diff --git a/content/cn/index.html b/content/cn/index.html index 66c6c1a..976b594 100644 --- a/content/cn/index.html +++ b/content/cn/index.html @@ -5,54 +5,11 @@ Weex - - + @@ -112,13 +69,29 @@
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -137,7 +110,7 @@
  • - +
    @@ -155,7 +128,7 @@
  • - + FAQ
    • @@ -190,7 +163,34 @@ -
    + +
    @@ -414,7 +414,7 @@ var swiper = new Swiper('.swiper-container', { loop: false, autoplay: false, autoplayDisableOnInteraction: false -}) +}); @@ -433,7 +433,7 @@ var swiper = new Swiper('.swiper-container', { English
  • - 中文 + 中文
    • http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/playground.html ---------------------------------------------------------------------- diff --git a/content/cn/playground.html b/content/cn/playground.html index 7a20480..4f3d832 100644 --- a/content/cn/playground.html +++ b/content/cn/playground.html @@ -5,54 +5,11 @@ Weex - - + @@ -112,13 +69,29 @@
  • - +
    • +
  • +
    + + Language + + + +
    +
    • @@ -137,7 +110,7 @@
  • - +
    @@ -155,7 +128,7 @@
  • - + FAQ
    • @@ -236,7 +209,7 @@ English
  • - 中文 + 中文