You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/06/19 10:25:48 UTC
[46/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-19 18:24:52
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/5cd706b2/cn/guide/intro/using-vue.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/using-vue.html b/cn/guide/intro/using-vue.html
deleted file mode 100644
index de86083..0000000
--- a/cn/guide/intro/using-vue.html
+++ /dev/null
@@ -1,536 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>使用 Vue 开发 Weex 页面 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="使用 Vue 开发 Weex 页面Vue in WeexVue.js 是 Evan You 开发的渐进式 JavaScript 框架，在易用性、灵活性和性能等方面都非常优秀。开发者能够通过撰写 *.vue 文件，基于 &lt;template&gt;, &lt;style&gt;, &lt;script&gt; 快速构建组件化的 web 应用。 Vue.js 在 2016 年 10 月正式发布了">
-<meta property="og:type" content="website">
-<meta property="og:title" content="使用 Vue 开发 Weex 页面">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/using-vue.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="使用 Vue 开发 Weex 页面Vue in WeexVue.js 是 Evan You 开发的渐进式 JavaScript 框架，在易用性、灵活性和性能等方面都非常优秀。开发者能够通过撰写 *.vue 文件，基于 &lt;template&gt;, &lt;style&gt;, &lt;script&gt; 快速构建组件化的 web 应用。 Vue.js 在 2016 年 10 月正式发布了">
-<meta property="og:image" content="https://cn.vuejs.org/images/vue-component.png">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="使用 Vue 开发 Weex 页面">
-<meta name="twitter:description" content="使用 Vue 开发 Weex 页面Vue in WeexVue.js 是 Evan You 开发的渐进式 JavaScript 框架，在易用性、灵活性和性能等方面都非常优秀。开发者能够通过撰写 *.vue 文件，基于 &lt;template&gt;, &lt;style&gt;, &lt;script&gt; 快速构建组件化的 web 应用。 Vue.js 在 2016 年 10 月正式发布了">
-<meta name="twitter:image" content="https://cn.vuejs.org/images/vue-component.png">
-
- <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
-
-
- <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
-
-
- <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
-
- <link rel="stylesheet" href="/css/style.css">
- <link rel="stylesheet" href="/css/swiper.min.css">
-</head>
-
-<body id="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/cn/guide">教程</a></li>
- <li><a href="/cn/references">手册</a></li>
- <li class="dropdown">
- <a href="javascript:;">参考</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/cn/releasenote.html">版本说明</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">工具和服务</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Code Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- </ul>
- <ul class="info">
- <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
- </ul>
- <ul class="tools">
- <li>
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
- </li>
- <li>
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/intro/using-vue.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/using-vue.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
- </div>
-</header>
-
- <div id="sidebar" class="">
- <div class="sidebar-menu">
-
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link current ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link current ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 使用 Vue 开发 Weex 页面
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="使用-Vue-开发-Weex-页面" class="article-heading"><a href="#使用-Vue-开发-Weex-页面" class="headerlink" title="使用 Vue 开发 Weex 页面"></a>使用 Vue 开发 Weex 页面<a class="article-anchor" href="#使用-Vue-开发-Weex-页面" aria-hidden="true"></a></h1><h2 id="Vue-in-Weex" class="article-heading"><a href="#Vue-in-Weex" class="headerlink" title="Vue in Weex"></a>Vue in Weex<a class="article-anchor" href="#Vue-in-Weex" aria-hidden="true"></a></h2><p><a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> 是 Evan You 开发的渐进式 JavaScript 框架，在易用性、灵活性和性能等方面都非常优秀。开发者能够通过撰写 <code>*.vue</code> 文件，基于 <code><template></code>, <code><style></code>, <code><script></code> 快速构建组件化的 web 应用。</p>
-<p><img src="//cn.vuejs.org/images/vue-component.png" alt="a vue file"></p>
-<p>Vue.js 在 2016 年 10 月正式发布了 2.0 版本，该版本加入了 Virtual-DOM 和预编译器的设计，使得该框架在运行时能够脱离 HTML 和 CSS 解析，只依赖 JavaScript；同时 Virtual-DOM 也使得 Vue 2.x 渲染成原生 UI 成为了可能。</p>
-<p>目前 Weex 与 Vue 正在展开官方合作，并将 Vue 2.x 作为内置的前端框架，Vue 也因此具备了开发原生应用的能力。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../index.html">Weex 快速上手</a></li>
-<li><a href="https://cn.vuejs.org/v2/guide/" target="_blank" rel="external">Vue 介绍</a></li>
-<li><a href="./index.html">Weex 工作原理</a></li>
-</ul>
-<h2 id="Vue-2-x-在-Weex-中的特色功能" class="article-heading"><a href="#Vue-2-x-在-Weex-中的特色功能" class="headerlink" title="Vue 2.x 在 Weex 中的特色功能"></a>Vue 2.x 在 Weex 中的特色功能<a class="article-anchor" href="#Vue-2-x-在-Weex-中的特色功能" aria-hidden="true"></a></h2><h3 id="流式渲染" class="article-heading"><a href="#流式渲染" class="headerlink" title="流式渲染"></a>流式渲染<a class="article-anchor" href="#流式渲染" aria-hidden="true"></a></h3><p>在 Weex 中，我们可以通过 <code><foo append="tree|node"></code> 的方式定义页面首次渲染时的渲染颗粒度，这让开发者有机会根据界面的复杂度和业务需求对首次渲染过程进行定制。<code>append="tree"</code> 表示整个结点包括其所有子结点全部生成完毕之后，才会一次性渲染到界面上；而 <code>append="node"</code> 则表示该结点会先渲染在界面上作为�
�个容器，其子结点会稍后做进一步渲染。</p>
-<!-- dotwe demo -->
-<h3 id="表单控件绑定" class="article-heading"><a href="#表单控件绑定" class="headerlink" title="表单控件绑定"></a>表单控件绑定<a class="article-anchor" href="#表单控件绑定" aria-hidden="true"></a></h3><p>在 Weex 中，我们针对 <code><input></code> 和 <code><textarea></code> 这两个表单控件提供了和 web 体验相同的 <code>v-model</code> 指令。通过 <code><input v-model="message"></code> 或 <code><textarea v-model="message"></code>，开发者可以把数据 <code>message</code> 的值自动展示在文本框上，同时用户修改了文本框的值的时候，数据 <code>message</code> 会自动被更新。</p>
-<!-- dotwe demo -->
-<h3 id="多页面上下文隔离" class="article-heading"><a href="#多页面上下文隔离" class="headerlink" title="多页面上下文隔离"></a>多页面上下文隔离<a class="article-anchor" href="#多页面上下文隔离" aria-hidden="true"></a></h3><p>如 Weex 工作原理文中所述，所有 Weex 的 JS bundle 公用一个 JavaScript 内核实例。所以如何能够让多个 JS bundle 中使用的 Vue 是完全隔离的，并且其中一个页面对 Vue 进行扩展或改写不会影响到其它页面就变成了一个问题，通过 Weex 和 Vue 双方的协作，这一问题已经得以解决。大家可以放心使用。</p>
-<!-- html5 apis -->
-<h3 id="lt-transition-gt-过渡状态" class="article-heading"><a href="#lt-transition-gt-过渡状态" class="headerlink" title="<transition> 过渡状态"></a><code><transition></code> 过渡状态<a class="article-anchor" href="#lt-transition-gt-过渡状态" aria-hidden="true"></a></h3><p>Weex 支持了 Vue 2.x 中经典的 <code><transition></code> 写法，开发者可以通过 <code><transition></code> 轻松定义一个界面在两种状态中的过渡方式。</p>
-<h2 id="注意事项" class="article-heading"><a href="#注意事项" class="headerlink" title="注意事项"></a>注意事项<a class="article-anchor" href="#注意事项" aria-hidden="true"></a></h2><p>Vue.js 最初是为 Web 设计的，虽然可以基于 Weex 开发移动应用，但是 Web 开发和原生开发毕竟不同，在功能和开发体验上都有一些差异，这些差异从本质上讲是原生开发平台和 Web 平台之间的差异，Weex 正在努力缩小这个差异的范围。</p>
-<p>参考文章<a href="../../references/vue/index.html">《Vue 2.x 在 Weex 和 Web 中的差异》</a>了解存在差异的原因和细节。</p>
-<h2 id="使用其他-Vue-的工具库" class="article-heading"><a href="#使用其他-Vue-的工具库" class="headerlink" title="使用其他 Vue 的工具库"></a>使用其他 Vue 的工具库<a class="article-anchor" href="#使用其他-Vue-的工具库" aria-hidden="true"></a></h2><p>Vue.js 也有较多周边技术产品，如 <a href="https://github.com/vuejs/vuex" target="_blank" rel="external">Vuex</a> 和 <a href="https://github.com/vuejs/vue-router" target="_blank" rel="external">vue-router</a> 等，这些库也可以在 Weex 中很好的工作。</p>
-<p>关于 Vuex 和 vue-router 的使用方法，可以参考<a href="../../references/vue/difference-of-vuex.html">《在 Weex 项目中使用 Vuex 和 vue-router》</a>。</p>
-<blockquote>
-<p>我们基于 Weex 和 Vue 开发了一个的完整项目 <a href="https://github.com/weexteam/weex-hackernews" target="_blank" rel="external">weex-hackernews</a> ，引入了包含 Vue 2.x 的 WeexSDK，创建了三端的项目和基本的编译配置。在项目中使用了 Vuex 和 vue-router ，能够实现同一份代码，在 iOS、Android、Web 下都能完整地工作。</p>
-</blockquote>
-
- </div>
-
-</article>
-</div>
-
- <footer id="footer">
- <div class="row clearfix">
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/intro/using-vue.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/using-vue.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="disclaimer">
- <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div>
- <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div>
- <br/>
- </div>
- <hr>
- <div class="row">
- <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></p>
- </div>
- <div class="row clearfix">
- <div></div>
- </div>
-</footer>
- <div style="display: none;">
- <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script>
-</div>
-
- <script src="/js/reqwest.js"></script>
- <script src="/js/common.js"></script>
-</body>
-</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/5cd706b2/cn/guide/intro/web-dev-experience.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/web-dev-experience.html b/cn/guide/intro/web-dev-experience.html
deleted file mode 100644
index eac05cd..0000000
--- a/cn/guide/intro/web-dev-experience.html
+++ /dev/null
@@ -1,533 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Web 开发体验 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Web 开发体验什么是 Web 开发体验Weex 的开发体验和 web 的开发体验是非常接近的，它通过 HTML 或基于 HTML 模板来描述界面的结构和内容，通过 CSS 的方式描述界面的展现形式，用 JavaScript 来描述用户行为和业务逻辑。同时有完整的工程机制，如创建、开发、调试、部署。 为什么选择 Web 开发体验我们选择基于 Web 开发体验有以下几方面原因： 今天在技术社区有大">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Web 开发体验">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/web-dev-experience.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Web 开发体验什么是 Web 开发体验Weex 的开发体验和 web 的开发体验是非常接近的，它通过 HTML 或基于 HTML 模板来描述界面的结构和内容，通过 CSS 的方式描述界面的展现形式，用 JavaScript 来描述用户行为和业务逻辑。同时有完整的工程机制，如创建、开发、调试、部署。 为什么选择 Web 开发体验我们选择基于 Web 开发体验有以下几方面原因： 今天在技术社区有大">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Web 开发体验">
-<meta name="twitter:description" content="Web 开发体验什么是 Web 开发体验Weex 的开发体验和 web 的开发体验是非常接近的，它通过 HTML 或基于 HTML 模板来描述界面的结构和内容，通过 CSS 的方式描述界面的展现形式，用 JavaScript 来描述用户行为和业务逻辑。同时有完整的工程机制，如创建、开发、调试、部署。 为什么选择 Web 开发体验我们选择基于 Web 开发体验有以下几方面原因： 今天在技术社区有大">
-
- <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
-
-
- <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
-
-
- <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
-
- <link rel="stylesheet" href="/css/style.css">
- <link rel="stylesheet" href="/css/swiper.min.css">
-</head>
-
-<body id="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/cn/guide">教程</a></li>
- <li><a href="/cn/references">手册</a></li>
- <li class="dropdown">
- <a href="javascript:;">参考</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/cn/releasenote.html">版本说明</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">工具和服务</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Code Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- </ul>
- <ul class="info">
- <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
- </ul>
- <ul class="tools">
- <li>
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
- </li>
- <li>
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/intro/web-dev-experience.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
- </div>
-</header>
-
- <div id="sidebar" class="">
- <div class="sidebar-menu">
-
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link current ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link current ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Web 开发体验
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Web-开发体验" class="article-heading"><a href="#Web-开发体验" class="headerlink" title="Web 开发体验"></a>Web 开发体验<a class="article-anchor" href="#Web-开发体验" aria-hidden="true"></a></h1><h2 id="什么是-Web-开发体验" class="article-heading"><a href="#什么是-Web-开发体验" class="headerlink" title="什么是 Web 开发体验"></a>什么是 Web 开发体验<a class="article-anchor" href="#什么是-Web-开发体验" aria-hidden="true"></a></h2><p>Weex 的开发体验和 web 的开发体验是非常接近的，它通过 HTML 或基于 HTML 模板来描述界面的结构和内容，通过 CSS 的方式描述界面的展现形式，用 JavaScript 来描述用户行为和业务逻辑。同时有完整的工程机制，如创建、开发、调试、部署。</p>
-<h2 id="为什么选择-Web-开发体验" class="article-heading"><a href="#为什么选择-Web-开发体验" class="headerlink" title="为什么选择 Web 开发体验"></a>为什么选择 Web 开发体验<a class="article-anchor" href="#为什么选择-Web-开发体验" aria-hidden="true"></a></h2><p>我们选择基于 Web 开发体验有以下几方面原因：</p>
-<ol>
-<li>今天在技术社区有大量的 web 开发者，Weex 可以赋能更多的 web 开发者构建高性能和高体验的移动应用。</li>
-<li>Web 开发本身具有非常强的高效率和灵活性，这和 Weex 想解决的移动端动态性问题不谋而合。</li>
-<li>Web 标准和开发体验是很多顶尖而优秀的科技公司共同讨论和建设的结果，本身的设计和理念都有极高的品质保障，同时 Weex 也希望可以借此机会努力为标准贡献一点自己的微薄之力。</li>
-<li>Web 是一种标准化的技术，标准本身就是一种力量，基于标准、尊重标准、贴近标准都意味着拥有更多的可能性。</li>
-<li>Web 今天的生态和社区是非常繁荣的，有很多成熟的工具、库、工程体系、最佳实践可以使用、引入和借鉴。</li>
-</ol>
-<h2 id="Weex-对-Web-标准的支持情况怎么样？" class="article-heading"><a href="#Weex-对-Web-标准的支持情况怎么样？" class="headerlink" title="Weex 对 Web 标准的支持情况怎么样？"></a>Weex 对 Web 标准的支持情况怎么样？<a class="article-anchor" href="#Weex-对-Web-标准的支持情况怎么样？" aria-hidden="true"></a></h2><p>我们从以下几个方面进行介绍和梳理：</p>
-<ul>
-<li>HTML 标签：目前 Weex 支持了基本的容器 (div)、文本 (text)、图片 (image)、视频 (video) 等组件，HTML 中几乎所有的块级标签都可以通过容器组件进行自定义模拟，inline 的标签则可以通过文本组件进行自定义模拟，另外 Weex 还支持了 input/textarea 这样的表单型组件。</li>
-<li>CSS：Weex 支持了部分常用的 CSS 属性、值类型和单位，并且会根据用户反馈和在 web 中的使用频度陆续支持更多。</li>
-<li>JavaScript：目前 Weex 提供了一套简化版的 DOM APIs，用来操作原生界面，同时 Weex 在陆续支持更多的 W3C Device APIs。</li>
-<li>在框架方面，Weex 官方支持了 Vue 2.0，以及相关的 vuex, vue-router 等，同时开发者可以直接使用各种第三方 JavaScript 工具库。</li>
-<li>在工程方面，Weex 推荐 npm 包管理工具，也推荐用 webpack 进行 JS bundle 打包，并提供了 weex-devtool 开发工具，让开发者可以像调试 Chrome 一样调试 Weex 原生应用，同时 Weex 的页面发布系统、客户端缓存机制都尊重目前 Web 的最佳实践。</li>
-</ul>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/web-standards.html">Weex 和 web 标准的差异</a></li>
-<li><a href="./using-vue.html">使用 Vue.js</a></li>
-<li><a href="./devtools.html">使用 Devtools</a></li>
-</ul>
-
- </div>
-
-</article>
-</div>
-
- <footer id="footer">
- <div class="row clearfix">
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/intro/web-dev-experience.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="disclaimer">
- <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div>
- <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div>
- <br/>
- </div>
- <hr>
- <div class="row">
- <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></p>
- </div>
- <div class="row clearfix">
- <div></div>
- </div>
-</footer>
- <div style="display: none;">
- <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script>
-</div>
-
- <script src="/js/reqwest.js"></script>
- <script src="/js/common.js"></script>
-</body>
-</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/5cd706b2/cn/guide/intro/write-once.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/write-once.html b/cn/guide/intro/write-once.html
deleted file mode 100644
index 09520a5..0000000
--- a/cn/guide/intro/write-once.html
+++ /dev/null
@@ -1,528 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>一次撰写，多端运行 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="一次撰写，多端运行Weex 提供了多端一致的技术方案。 首先 web 开发体验在各端当中是相同的。包括语法设计和工程链路。 其次，Weex 的组件、模块设计都是 iOS、Android、Web 的开发者共同讨论出来的，有一定的通用性和普遍性。 Weex 开发同一份代码，可以在不同的端上分别执行，避免了多端的重复研发成本。 我们这样设计基于以下几点设想： 今天绝大多数的移动应用，虽然要同时出现">
-<meta property="og:type" content="website">
-<meta property="og:title" content="一次撰写，多端运行">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/write-once.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="一次撰写，多端运行Weex 提供了多端一致的技术方案。 首先 web 开发体验在各端当中是相同的。包括语法设计和工程链路。 其次，Weex 的组件、模块设计都是 iOS、Android、Web 的开发者共同讨论出来的，有一定的通用性和普遍性。 Weex 开发同一份代码，可以在不同的端上分别执行，避免了多端的重复研发成本。 我们这样设计基于以下几点设想： 今天绝大多数的移动应用，虽然要同时出现">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="一次撰写，多端运行">
-<meta name="twitter:description" content="一次撰写，多端运行Weex 提供了多端一致的技术方案。 首先 web 开发体验在各端当中是相同的。包括语法设计和工程链路。 其次，Weex 的组件、模块设计都是 iOS、Android、Web 的开发者共同讨论出来的，有一定的通用性和普遍性。 Weex 开发同一份代码，可以在不同的端上分别执行，避免了多端的重复研发成本。 我们这样设计基于以下几点设想： 今天绝大多数的移动应用，虽然要同时出现">
-
- <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
-
-
- <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
-
-
- <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
-
- <link rel="stylesheet" href="/css/style.css">
- <link rel="stylesheet" href="/css/swiper.min.css">
-</head>
-
-<body id="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/cn/guide">教程</a></li>
- <li><a href="/cn/references">手册</a></li>
- <li class="dropdown">
- <a href="javascript:;">参考</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/cn/releasenote.html">版本说明</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">工具和服务</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Code Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- </ul>
- <ul class="info">
- <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
- </ul>
- <ul class="tools">
- <li>
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
- </li>
- <li>
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/intro/write-once.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/write-once.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
- </div>
-</header>
-
- <div id="sidebar" class="">
- <div class="sidebar-menu">
-
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link current ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link current ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 一次撰写，多端运行
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="一次撰写，多端运行" class="article-heading"><a href="#一次撰写，多端运行" class="headerlink" title="一次撰写，多端运行"></a>一次撰写，多端运行<a class="article-anchor" href="#一次撰写，多端运行" aria-hidden="true"></a></h1><p>Weex 提供了多端一致的技术方案。</p>
-<ul>
-<li>首先 web 开发体验在各端当中是相同的。包括语法设计和工程链路。</li>
-<li>其次，Weex 的组件、模块设计都是 iOS、Android、Web 的开发者共同讨论出来的，有一定的通用性和普遍性。</li>
-<li>Weex 开发同一份代码，可以在不同的端上分别执行，避免了多端的重复研发成本。</li>
-</ul>
-<p>我们这样设计基于以下几点设想：</p>
-<ol>
-<li>今天绝大多数的移动应用，虽然要同时出现在不同的移动操作系统平台上，但是要解决的问题和用户的需求是相同或非常接近的。Weex 希望提供的是一个快速直接统一描述业务的通用方式，为业务和产品需求直接服务。</li>
-<li>针对各大操作系统平台差异的现状，我们倾向于通过以下两方面来解决这一问题<ol>
-<li>把不同端的样式和行为设计并描述成为相同的 API，这样上层的业务逻辑是同一份，但是在不同端上可以做到不一样的展现效果。</li>
-<li>通过横向扩展的方式在不同的端上扩展不一样的功能、特性或表现形式。</li>
-<li>各端不一致的业务描述也是难免的，我们通过提供更多更丰富的环境变量来帮助开发者在同一套代码里高效适配不同的设备场景。</li>
-</ol>
-</li>
-<li>我们相信标准和规范的力量</li>
-</ol>
-<p>部分功能特性由于 native 特性的关系，会略有不同，我们会在相应的组件、模块、API 文档中做相应的描述和提示。</p>
-
- </div>
-
-</article>
-</div>
-
- <footer id="footer">
- <div class="row clearfix">
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/intro/write-once.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/write-once.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="disclaimer">
- <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div>
- <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div>
- <br/>
- </div>
- <hr>
- <div class="row">
- <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></p>
- </div>
- <div class="row clearfix">
- <div></div>
- </div>
-</footer>
- <div style="display: none;">
- <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script>
-</div>
-
- <script src="/js/reqwest.js"></script>
- <script src="/js/common.js"></script>
-</body>
-</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/5cd706b2/cn/guide/set-up-env.html
----------------------------------------------------------------------
diff --git a/cn/guide/set-up-env.html b/cn/guide/set-up-env.html
deleted file mode 100644
index 444e2c7..0000000
--- a/cn/guide/set-up-env.html
+++ /dev/null
@@ -1,552 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>搭建开发环境 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="搭建开发环境使用 dotWe 对 Weex 尝鲜是一个不错的选择，但如果你想更专业的开发 Weex， dotWe 就不怎么够用了。本节会教你如何搭建本地开发环境进行 Weex 开发。 第一步：安装依赖Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 Weex CLi。 安装 Node.js 方式多种多样，最简单的方式是在 Node.js">
-<meta property="og:type" content="website">
-<meta property="og:title" content="搭建开发环境">
-<meta property="og:url" content="https://weex-project.io/cn/guide/set-up-env.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="搭建开发环境使用 dotWe 对 Weex 尝鲜是一个不错的选择，但如果你想更专业的开发 Weex， dotWe 就不怎么够用了。本节会教你如何搭建本地开发环境进行 Weex 开发。 第一步：安装依赖Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 Weex CLi。 安装 Node.js 方式多种多样，最简单的方式是在 Node.js">
-<meta property="og:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="搭建开发环境">
-<meta name="twitter:description" content="搭建开发环境使用 dotWe 对 Weex 尝鲜是一个不错的选择，但如果你想更专业的开发 Weex， dotWe 就不怎么够用了。本节会教你如何搭建本地开发环境进行 Weex 开发。 第一步：安装依赖Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 Weex CLi。 安装 Node.js 方式多种多样，最简单的方式是在 Node.js">
-<meta name="twitter:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
-
- <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
-
-
- <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
-
-
- <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
-
- <link rel="stylesheet" href="/css/style.css">
- <link rel="stylesheet" href="/css/swiper.min.css">
-</head>
-
-<body id="guide" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "guide";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/cn/guide">教程</a></li>
- <li><a href="/cn/references">手册</a></li>
- <li class="dropdown">
- <a href="javascript:;">参考</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/cn/releasenote.html">版本说明</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">工具和服务</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Code Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- </ul>
- <ul class="info">
- <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
- </ul>
- <ul class="tools">
- <li>
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
- </li>
- <li>
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/set-up-env.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/set-up-env.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/cn/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
- </div>
-</header>
-
- <div id="sidebar" class="">
- <div class="sidebar-menu">
-
- <div class="search">
- <form id="search-form" class="search-form"> <!-- 搜索框相关 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
- <span class="iconfont icon-search"></span>
- </form>
- <div class="results-panel">
- </div>
-</div>
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link current ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="article-wrapper page-layout">
- <div class="doc-nav">
-
-
-
-<div class="doc-nav-version">
- <select class="versionBtn" stype="/cn/guide">
-
- <option value="2v" selected>v2.x</option>
- <option value="1v">v1.x</option>
-
- </select>
-</div>
-<div class="summary">
- <h2 class="part-title">
-
- 教程
-
- </h2>
- <ul class="doc-summary">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">快速上手</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/set-up-env.html" class="sidebar-link current ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">集成 Weex 到已有应用</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">介绍</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">工作原理</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web 开发体验</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">使用 Vue 开发 Weex 页面</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">用 Weex 构建移动应用</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex 页面结构</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">周边工具</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/guide/tools/toolkit.html" class="sidebar-link ">使用 weex-toolkit</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">如何参与社区</a></h3>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-guide">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 搭建开发环境
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="搭建开发环境" class="article-heading"><a href="#搭建开发环境" class="headerlink" title="搭建开发环境"></a>搭建开发环境<a class="article-anchor" href="#搭建开发环境" aria-hidden="true"></a></h1><p>使用 dotWe 对 Weex 尝鲜是一个不错的选择，但如果你想更专业的开发 Weex， dotWe 就不怎么够用了。本节会教你如何搭建本地开发环境进行 Weex 开发。</p>
-<h2 id="第一步：安装依赖" class="article-heading"><a href="#第一步：安装依赖" class="headerlink" title="第一步：安装依赖"></a>第一步：安装依赖<a class="article-anchor" href="#第一步：安装依赖" aria-hidden="true"></a></h2><p>Weex 官方提供了 weex-toolkit 的脚手架工具来辅助开发和调试。首先，你需要 Node.js 和 <a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">Weex CLi</a>。</p>
-<p>安装 Node.js 方式多种多样，最简单的方式是在 <a href="https://nodejs.org/en/" target="_blank" rel="external">Node.js 官网</a> 下载可执行程序直接安装即可。</p>
-<p>对于 Mac，可以使用 <a href="http://brew.sh/" target="_blank" rel="external">Homebrew</a> 进行安装：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">brew install node</div></pre></td></tr></table></figure>
-<blockquote>
-<p>更多安装方式可参考 <a href="https://nodejs.org/en/download/" target="_blank" rel="external">Node.js 官方信息</a></p>
-</blockquote>
-<p>安装完成后，可以使用以下命令检测是否安装成功：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ node -v</div><div class="line">v6.3.1</div><div class="line">$ npm -v</div><div class="line">3.10.3</div></pre></td></tr></table></figure>
-<p>通常，安装了 Node.js 环境，npm 包管理工具也随之安装了。因此，直接使用 npm 来安装 weex-toolkit。</p>
-<blockquote>
-<p>npm 是一个 JavaScript 包管理工具，它可以让开发者轻松共享和重用代码。Weex 很多依赖来自社区，同样，Weex 也将很多工具发布到社区方便开发者使用。</p>
-</blockquote>
-<p><strong>注意: </strong> weex-toolkit 在 1.0.1 之后才支持初始化 Vue 项目，使用前请确认版本是否正确。</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div><div class="line">$ weex -v</div><div class="line"></div><div class="line">v1.0.3</div><div class="line">weex-builder : v0.2.4</div><div class="line">weex-previewer : v1.3.4</div></pre></td></tr></table></figure>
-<p>国内开发者可以考虑使用淘宝的 npm 镜像 —— <a href="https://npm.taobao.org/" target="_blank" rel="external">cnpm</a> 安装 weex-toolkit</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g cnpm --registry=https://registry.npm.taobao.org</div><div class="line">$ cnpm install -g weex-toolkit</div></pre></td></tr></table></figure>
-<p><em>提示：</em></p>
-<p>如果提示权限错误（<em>permission error</em>），使用 <code>sudo</code> 关键字进行安装</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ sudo cnpm install -g weex-toolkit</div></pre></td></tr></table></figure>
-<p>安装结束后你可以直接使用 <code>weex</code> 命令验证是否安装成功，它会显示 <code>weex</code> 命令行工具各参数：</p>
-<p><img src="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png" alt=""></p>
-<h2 id="第二步：初始化" class="article-heading"><a href="#第二步：初始化" class="headerlink" title="第二步：初始化"></a>第二步：初始化<a class="article-anchor" href="#第二步：初始化" aria-hidden="true"></a></h2><p>然后初始化 Weex 项目：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex init awesome-project</div></pre></td></tr></table></figure>
-<p>执行完命令后，在 <code>awesome-project</code> 目录中就创建了一个使用 Weex 和 Vue 的模板项目。</p>
-<h2 id="第三步：开发" class="article-heading"><a href="#第三步：开发" class="headerlink" title="第三步：开发"></a>第三步：开发<a class="article-anchor" href="#第三步：开发" aria-hidden="true"></a></h2><p>之后我们进入项目所在路径，weex-toolkit 已经为我们生成了标准项目结构。</p>
-<p>在 <code>package.json</code> 中，已经配置好了几个常用的 npm script，分别是：</p>
-<ul>
-<li><code>build</code>: 源码打包，生成 JS Bundle</li>
-<li><code>dev</code>: webpack watch 模式，方便开发</li>
-<li><code>serve</code>: 开启静态服务器</li>
-<li><code>debug</code>: 调试模式</li>
-</ul>
-<p>我们先通过 <code>npm install</code> 安装项目依赖。之后运行 <code>npm run dev</code> 和 <code>npm run serve</code> 开启watch 模式和静态服务器。</p>
-<p>然后我们打开浏览器，进入 <code>http://localhost:8080/index.html</code> 即可看到 weex h5 页面。 </p>
-<p>初始化时已经为我们创建了基本的示例，我们可以在 <code>src/foo.vue</code> 中查看。</p>
-<p>代码如下所示：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"weex"</span>></span>Hello Weex !<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"vue"</span>></span>Hello Vue !<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="l
ine"><span class="tag"><<span class="name">style</span> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.wrapper</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: column;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.weex</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#1B90F7</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.vue</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span cl
ass="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p>关于 Weex 语法部分，你可以直接参考 <a href="https://vuejs.org/v2/guide/" target="_blank" rel="external">Vue Guide</a>，这里不再重复介绍。如果您想了解有关技术详情的更多信息，请继续阅读下一节。并且不要忘记在 dotWe 写代码并随时预览。</p>
-
- </div>
-
-</article>
-</div>
-
- <footer id="footer">
- <div class="row clearfix">
- <div class="dropdown select-lang">
- <a href="javascript:;" class="dropdown-toggle">
- Language
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu pick-lang">
- <li>
- <a href="/guide/set-up-env.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/set-up-env.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="disclaimer">
- <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div>
- <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div>
- <br/>
- </div>
- <hr>
- <div class="row">
- <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></p>
- </div>
- <div class="row clearfix">
- <div></div>
- </div>
-</footer>
- <div style="display: none;">
- <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script>
-</div>
-
- <script src="/js/reqwest.js"></script>
- <script src="/js/common.js"></script>
-</body>
-</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/5cd706b2/cn/guide/tools/devtools.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/devtools.html b/cn/guide/tools/devtools.html
deleted file mode 100644
index 54ba944..0000000
--- a/cn/guide/tools/devtools.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/tools/toolkit.html"><meta http-equiv="refresh" content="0; url=/cn/guide/tools/toolkit.html"></head></html>
\ No newline at end of file