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/20 03:21:14 UTC
[01/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Repository: incubator-weex-site
Updated Branches:
refs/heads/asf-site 55f57f794 -> 2c2795f2b
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/web-standards.html
----------------------------------------------------------------------
diff --git a/cn/references/web-standards.html b/cn/references/web-standards.html
deleted file mode 100644
index f269688..0000000
--- a/cn/references/web-standards.html
+++ /dev/null
@@ -1,3853 +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="Weex 中的 Web 标准HTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11 Overview percentage name supported 98.1% &lt;head&gt; - 97.9% &lt;body&gt; - 97.9% &lt;html&gt; - 97% &lt;title&">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Web 标准">
-<meta property="og:url" content="https://weex-project.io/cn/references/web-standards.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Weex 中的 Web 标准HTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11 Overview percentage name supported 98.1% &lt;head&gt; - 97.9% &lt;body&gt; - 97.9% &lt;html&gt; - 97% &lt;title&">
-<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="Weex 中的 Web 标准HTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11 Overview percentage name supported 98.1% &lt;head&gt; - 97.9% &lt;body&gt; - 97.9% &lt;html&gt; - 97% &lt;title&">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/web-standards.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/web-standards.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link current ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link current ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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="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></h1><h2 id="HTML" class="article-heading"><a href="#HTML" class="headerlink" title="HTML"></a>HTML<a class="article-anchor" href="#HTML" aria-hidden="true"></a></h2><p>refs: <a href="https://www.advancedwebranking.com/html/" target="_blank" rel="external">https://www.advancedwebranking.com/html/</a> 2016-12-11</p>
-<h3 id="Overview" class="article-heading"><a href="#Overview" class="headerlink" title="Overview"></a>Overview<a class="article-anchor" href="#Overview" aria-hidden="true"></a></h3><table>
-<thead>
-<tr>
-<th>percentage</th>
-<th>name</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>98.1%</td>
-<td><code><head></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>97.9%</td>
-<td><code><body></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>97.9%</td>
-<td><code><html></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>97%</td>
-<td><code><title></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>93.9%</td>
-<td><code><meta></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>89.9%</td>
-<td><code><div></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>89.6%</td>
-<td><code><a></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>88.5%</td>
-<td><code><script></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>86.5%</td>
-<td><code><link></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>86.3%</td>
-<td><code><img></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>81.5%</td>
-<td><code><p></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>75.6%</td>
-<td><code><span></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>73.8%</td>
-<td><code><li></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>73.7%</td>
-<td><code><ul></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>70.3%</td>
-<td><code><br></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>60.4%</td>
-<td><code><style></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>55.8%</td>
-<td><code><h1></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>52.7%</td>
-<td><code><h2></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>48.4%</td>
-<td><code><input></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>46.9%</td>
-<td><code><form></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>44.3%</td>
-<td><code><strong></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>43.1%</td>
-<td><code><h3></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>30.9%</td>
-<td><code><table></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>30.3%</td>
-<td><code><tr></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>30.2%</td>
-<td><code><td></code></td>
-<td>✕</td>
-</tr>
-</tbody>
-</table>
-<h3 id="Forms" class="article-heading"><a href="#Forms" class="headerlink" title="Forms"></a>Forms<a class="article-anchor" href="#Forms" aria-hidden="true"></a></h3><table>
-<thead>
-<tr>
-<th>percentage</th>
-<th>name</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>49.5%</td>
-<td><code><option></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>30.2%</td>
-<td><code><input></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>16.6%</td>
-<td>> <code>[type="hidden"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>8%</td>
-<td>> <code>[type="text"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>4.2%</td>
-<td>> <code>[type="submit"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>2%</td>
-<td>> <code>[type="checkbox"]</code></td>
-<td>- (<code><switch></code>)</td>
-</tr>
-<tr>
-<td>1.2%</td>
-<td>> <code>[type="email"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>1.1%</td>
-<td>> <code>[type="radio"]</code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.9%</td>
-<td>> <code>[type="image"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0.8%</td>
-<td>> <code>[type="button"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0.6%</td>
-<td>> <code>[type="search"]</code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.6%</td>
-<td>> <code>[type="password"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0.1%</td>
-<td>> <code>[type="tel"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0.1%</td>
-<td>> <code>[type="number"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="reset"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="file"]</code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="date"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="url"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="range"]</code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="color"]</code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="time"]</code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="datetime-local"]</code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>7.2%</td>
-<td><code><label></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>6.1%</td>
-<td><code><form></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>3.7%</td>
-<td><code><button></code></td>
-<td>- (can be customized)</td>
-</tr>
-<tr>
-<td>2.6%</td>
-<td>> <code>[type="button"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>1.3%</td>
-<td>> <code>[type="submit"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0%</td>
-<td>> <code>[type="reset"]</code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>1.9%</td>
-<td><code><select></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.7%</td>
-<td><code><textarea></code></td>
-<td>✓</td>
-</tr>
-<tr>
-<td>0.5%</td>
-<td><code><fieldset></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0.1%</td>
-<td><code><optgroup></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1%</td>
-<td><code><legend></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0%</td>
-<td><code><progress></code></td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0%</td>
-<td><code><datalist></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0%</td>
-<td><code><output></code></td>
-<td>-</td>
-</tr>
-<tr>
-<td>0%</td>
-<td><code><meter></code></td>
-<td>-</td>
-</tr>
-</tbody>
-</table>
-<h2 id="CSS-Properties" class="article-heading"><a href="#CSS-Properties" class="headerlink" title="CSS Properties"></a>CSS Properties<a class="article-anchor" href="#CSS-Properties" aria-hidden="true"></a></h2><p>refs: <a href="https://www.chromestatus.com/metrics/feature/popularity" target="_blank" rel="external">https://www.chromestatus.com/metrics/feature/popularity</a> 2016-12-11</p>
-<table>
-<thead>
-<tr>
-<th>percentage</th>
-<th>name</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>90.5115%</td>
-<td>display</td>
-<td>✕ <code>flex</code> only</td>
-</tr>
-<tr>
-<td>89.8243%</td>
-<td>margin</td>
-<td>✓ (not support combo)</td>
-</tr>
-<tr>
-<td>88.7012%</td>
-<td>width</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>88.6468%</td>
-<td>overflow</td>
-<td>✓ iOS only, <code>hidden</code> only for Android</td>
-</tr>
-<tr>
-<td>88.6432%</td>
-<td>background-color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>88.0803%</td>
-<td>height</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>87.7648%</td>
-<td>font-size</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>87.3837%</td>
-<td>padding</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>87.2721%</td>
-<td>color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>86.9788%</td>
-<td>text-align</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>86.6841%</td>
-<td>position</td>
-<td>✓ <code>relative</code> by default, <code>static</code> not supported</td>
-</tr>
-<tr>
-<td>86.6039%</td>
-<td>font-family</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>86.5943%</td>
-<td>font-weight</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>85.0072%</td>
-<td>opacity</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>80.6911%</td>
-<td>max-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>79.4476%</td>
-<td>box-sizing</td>
-<td>✕ <code>border-box</code> only</td>
-</tr>
-<tr>
-<td>75.7623%</td>
-<td>max-height</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>74.9939%</td>
-<td>webkit-user-select</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>57.0292%</td>
-<td>align-items</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>56.8182%</td>
-<td>justify-content</td>
-<td>✓ <code>space-around</code> not supported well in browser</td>
-</tr>
-<tr>
-<td>50.5941%</td>
-<td>flex-direction</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>48.5052%</td>
-<td>border</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>47.5161%</td>
-<td>top</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>46.9136%</td>
-<td>background</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>46.1552%</td>
-<td>cursor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>46.1443%</td>
-<td>margin-left</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>46.0956%</td>
-<td>left</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>46.0848%</td>
-<td>text-decoration</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.9575%</td>
-<td>float</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>45.8391%</td>
-<td>border-bottom</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.7639%</td>
-<td>padding-left</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.7128%</td>
-<td>margin-top</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.7013%</td>
-<td>line-height</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.5836%</td>
-<td>background-image</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>45.0837%</td>
-<td>z-index</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>45.0649%</td>
-<td>right</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.0516%</td>
-<td>margin-bottom</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>45.0459%</td>
-<td>white-space</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>44.8710%</td>
-<td>margin-right</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>44.8476%</td>
-<td>vertical-align</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>44.6306%</td>
-<td>padding-top</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>44.1466%</td>
-<td>border-radius</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>44.0136%</td>
-<td>border-top</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>43.9815%</td>
-<td>padding-bottom</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>43.9392%</td>
-<td>padding-right</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>43.8539%</td>
-<td>visibility</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>43.4306%</td>
-<td>background-position</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>43.4098%</td>
-<td>background-repeat</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>43.0391%</td>
-<td>clear</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>42.9100%</td>
-<td>bottom</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>42.2092%</td>
-<td>content</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>42.0690%</td>
-<td>box-shadow</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>41.9004%</td>
-<td>border-color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>41.7341%</td>
-<td>outline</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>41.4297%</td>
-<td>border-right</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>41.2605%</td>
-<td>border-left</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>41.1127%</td>
-<td>min-height</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>41.0736%</td>
-<td>font-style</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>41.0523%</td>
-<td>min-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>40.4298%</td>
-<td>list-style</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>39.7341%</td>
-<td>font</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>38.8999%</td>
-<td>background-size</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>38.7811%</td>
-<td>border-width</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>38.7718%</td>
-<td>border-collapse</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>37.8110%</td>
-<td>border-style</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>37.4962%</td>
-<td>text-overflow</td>
-<td>✓ must work with <code>lines</code></td>
-</tr>
-<tr>
-<td>37.3471%</td>
-<td>text-transform</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>37.2154%</td>
-<td>transition</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>36.5155%</td>
-<td>overflow-y</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>36.3025%</td>
-<td>transform</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>36.2488%</td>
-<td>text-indent</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>35.5075%</td>
-<td>text-shadow</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>34.7607%</td>
-<td>webkit-appearance</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>34.1925%</td>
-<td>list-style-type</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>34.0238%</td>
-<td>border-spacing</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>33.6664%</td>
-<td>word-wrap</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>31.9961%</td>
-<td>overflow-x</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>31.9922%</td>
-<td>zoom</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>31.2495%</td>
-<td>border-bottom-left-radius</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>31.1306%</td>
-<td>pointer-events</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>31.1229%</td>
-<td>border-top-left-radius</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>30.2131%</td>
-<td>border-bottom-color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>29.9608%</td>
-<td>border-top-color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>29.4297%</td>
-<td>border-bottom-right-radius</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>29.2668%</td>
-<td>border-top-right-radius</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>28.6489%</td>
-<td>letter-spacing</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>27.8327%</td>
-<td>animation</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>26.6738%</td>
-<td>border-right-width</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>26.0169%</td>
-<td>src</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>25.2661%</td>
-<td>clip</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>25.2512%</td>
-<td>webkit-font-smoothing</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>25.1971%</td>
-<td>border-bottom-width</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>25.0246%</td>
-<td>border-right-color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>24.7790%</td>
-<td>direction</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>24.4094%</td>
-<td>webkit-tap-highlight-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>23.9751%</td>
-<td>border-left-color</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>23.9321%</td>
-<td>border-top-width</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>23.7902%</td>
-<td>fill</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>23.2617%</td>
-<td>border-left-width</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>22.7278%</td>
-<td>table-layout</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>21.5766%</td>
-<td>word-break</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>20.4319%</td>
-<td>background-clip</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>19.3198%</td>
-<td>transform-origin</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>18.9233%</td>
-<td>filter</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>17.7879%</td>
-<td>resize</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>16.2501%</td>
-<td>flex</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>15.1656%</td>
-<td>font-variant</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>14.9181%</td>
-<td>text-rendering</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>14.7125%</td>
-<td>webkit-filter</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>14.5263%</td>
-<td>transition-duration</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>14.3966%</td>
-<td>transition-property</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>14.2124%</td>
-<td>webkit-box-orient</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>13.5432%</td>
-<td>outline-offset</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>12.9300%</td>
-<td>transition-timing-function</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>12.2788%</td>
-<td>unicode-range</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>12.0880%</td>
-<td>word-spacing</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>11.9124%</td>
-<td>quotes</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>11.6800%</td>
-<td>border-bottom-style</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>11.4263%</td>
-<td>webkit-background-clip</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>11.0070%</td>
-<td>flex-grow</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>10.5925%</td>
-<td>backface-visibility</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>10.4417%</td>
-<td>animation-name</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>10.4302%</td>
-<td>stroke</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>10.4144%</td>
-<td>animation-duration</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>10.2804%</td>
-<td>touch-action</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.9663%</td>
-<td>list-style-position</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.8662%</td>
-<td>order</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.7770%</td>
-<td>outline-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.7504%</td>
-<td>transition-delay</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.4689%</td>
-<td>border-top-style</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>9.3474%</td>
-<td>webkit-box-pack</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.3078%</td>
-<td>webkit-box-align</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.2375%</td>
-<td>page-break-inside</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>9.1898%</td>
-<td>webkit-line-clamp</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.9350%</td>
-<td>list-style-image</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.8339%</td>
-<td>page-break-after</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.5735%</td>
-<td>speak</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.4754%</td>
-<td>unicode-bidi</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.4307%</td>
-<td>animation-timing-function</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.1464%</td>
-<td>webkit-box-flex</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>8.0048%</td>
-<td>orphans</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>7.9947%</td>
-<td>widows</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>7.6671%</td>
-<td>flex-wrap</td>
-<td>✓ not supported well in browser</td>
-</tr>
-<tr>
-<td>7.5756%</td>
-<td>animation-fill-mode</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>7.4163%</td>
-<td>animation-delay</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>7.3284%</td>
-<td>border-left-style</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>7.1586%</td>
-<td>outline-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>6.9102%</td>
-<td>flex-shrink</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>6.7754%</td>
-<td>perspective</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>6.7748%</td>
-<td>border-right-style</td>
-<td>✓</td>
-</tr>
-<tr>
-<td>6.4619%</td>
-<td>outline-style</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>6.0382%</td>
-<td>animation-iteration-count</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.9838%</td>
-<td>background-origin</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.9714%</td>
-<td>fill-opacity</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.9357%</td>
-<td>will-change</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.3740%</td>
-<td>stroke-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.3172%</td>
-<td>transform-style</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.2608%</td>
-<td>overflow-wrap</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>5.1730%</td>
-<td>background-attachment</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>4.9039%</td>
-<td>counter-increment</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>4.5950%</td>
-<td>counter-reset</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>4.5031%</td>
-<td>align-self</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>4.4109%</td>
-<td>webkit-box-ordinal-group</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>4.4046%</td>
-<td>webkit-animation-direction</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.7598%</td>
-<td>background-position-x</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.6867%</td>
-<td>border-image</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.6601%</td>
-<td>background-position-y</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.5749%</td>
-<td>webkit-user-drag</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.3376%</td>
-<td>flex-basis</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.1840%</td>
-<td>align-content</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.1832%</td>
-<td>flex-flow</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.1774%</td>
-<td>image-rendering</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>3.0879%</td>
-<td>webkit-margin-start</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.9551%</td>
-<td>font-stretch</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.8934%</td>
-<td>empty-cells</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.7619%</td>
-<td>webkit-margin-after</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.7220%</td>
-<td>perspective-origin</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.6125%</td>
-<td>webkit-margin-end</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.6089%</td>
-<td>column-count</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.5880%</td>
-<td>webkit-text-fill-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.5466%</td>
-<td>webkit-box-direction</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.4618%</td>
-<td>font-feature-settings</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.3959%</td>
-<td>webkit-mask-image</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.3431%</td>
-<td>webkit-padding-end</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.2555%</td>
-<td>stroke-dasharray</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.1788%</td>
-<td>user-select</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.1679%</td>
-<td>object-fit</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.0643%</td>
-<td>column-gap</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.0459%</td>
-<td>text-size-adjust</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2.0253%</td>
-<td>caption-side</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.9695%</td>
-<td>stroke-dashoffset</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.7923%</td>
-<td>stroke-linecap</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.7861%</td>
-<td>animation-direction</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.7559%</td>
-<td>webkit-font-feature-settings</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.7404%</td>
-<td>stroke-opacity</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.5926%</td>
-<td>stroke-miterlimit</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.5786%</td>
-<td>fill-rule</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.4859%</td>
-<td>webkit-user-modify</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.3439%</td>
-<td>webkit-border-image</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.3091%</td>
-<td>animation-play-state</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.2676%</td>
-<td>contain</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.2029%</td>
-<td>webkit-padding-start</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.1840%</td>
-<td>webkit-margin-before</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.1269%</td>
-<td>page-break-before</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.1222%</td>
-<td>webkit-margin-top-collapse</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.0418%</td>
-<td>columns</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>1.0354%</td>
-<td>webkit-mask-size</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.9650%</td>
-<td>border-image-slice</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.9425%</td>
-<td>stop-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.9408%</td>
-<td>webkit-mask-repeat</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.9125%</td>
-<td>webkit-box-lines</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.8804%</td>
-<td>webkit-column-break-inside</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.8752%</td>
-<td>size</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.8334%</td>
-<td>font-kerning</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.8034%</td>
-<td>stroke-linejoin</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.7869%</td>
-<td>tab-size</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.7689%</td>
-<td>break-inside</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.7589%</td>
-<td>webkit-text-stroke-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.7353%</td>
-<td>column-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.6924%</td>
-<td>webkit-mask-position</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.6869%</td>
-<td>border-image-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.6323%</td>
-<td>border-image-repeat</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.5994%</td>
-<td>border-image-outset</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.5885%</td>
-<td>all</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.5859%</td>
-<td>webkit-text-stroke-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.5435%</td>
-<td>webkit-print-color-adjust</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.5420%</td>
-<td>webkit-text-stroke</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.5195%</td>
-<td>writing-mode</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4741%</td>
-<td>clip-rule</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4685%</td>
-<td>webkit-clip-path</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4578%</td>
-<td>text-anchor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4535%</td>
-<td>shape-rendering</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4526%</td>
-<td>webkit-column-break-before</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4494%</td>
-<td>clip-path</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4452%</td>
-<td>webkit-mask</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4393%</td>
-<td>mix-blend-mode</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4166%</td>
-<td>text-align-last</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.4033%</td>
-<td>column-rule</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3990%</td>
-<td>webkit-mask-box-image</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3989%</td>
-<td>font-variant-ligatures</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3881%</td>
-<td>column-fill</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3865%</td>
-<td>webkit-line-break</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3857%</td>
-<td>border-image-source</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3528%</td>
-<td>stop-opacity</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3075%</td>
-<td>webkit-perspective-origin-y</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.3054%</td>
-<td>webkit-perspective-origin-x</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2994%</td>
-<td>webkit-writing-mode</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2717%</td>
-<td>dominant-baseline</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2634%</td>
-<td>column-rule-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2586%</td>
-<td>webkit-box-decoration-break</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2467%</td>
-<td>webkit-text-security</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2374%</td>
-<td>webkit-background-origin</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2146%</td>
-<td>font-variant-caps</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.2005%</td>
-<td>column-rule-style</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1976%</td>
-<td>shape-outside</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1971%</td>
-<td>webkit-padding-before</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1896%</td>
-<td>break-after</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1782%</td>
-<td>webkit-padding-after</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1774%</td>
-<td>text-orientation</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1747%</td>
-<td>webkit-text-orientation</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1655%</td>
-<td>mask</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1626%</td>
-<td>alignment-baseline</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1572%</td>
-<td>page</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1530%</td>
-<td>webkit-column-break-after</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1521%</td>
-<td>webkit-box-reflect</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1504%</td>
-<td>webkit-text-emphasis-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1499%</td>
-<td>object-position</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1470%</td>
-<td>break-before</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1455%</td>
-<td>webkit-margin-collapse</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1452%</td>
-<td>baseline-shift</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1451%</td>
-<td>hyphens</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1309%</td>
-<td>rx</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1304%</td>
-<td>ry</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1256%</td>
-<td>background-blend-mode</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1136%</td>
-<td>font-variant-numeric</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1135%</td>
-<td>background-repeat-x</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1123%</td>
-<td>background-repeat-y</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1086%</td>
-<td>webkit-text-emphasis</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1058%</td>
-<td>webkit-rtl-ordering</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1040%</td>
-<td>column-rule-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1036%</td>
-<td>isolation</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.1002%</td>
-<td>webkit-highlight</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0843%</td>
-<td>webkit-transform-origin-y</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0786%</td>
-<td>webkit-transform-origin-x</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0770%</td>
-<td>webkit-app-region</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0685%</td>
-<td>column-span</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0653%</td>
-<td>r</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0611%</td>
-<td>y</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0602%</td>
-<td>x</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0555%</td>
-<td>webkit-border-vertical-spacing</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0545%</td>
-<td>webkit-border-horizontal-spacing</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0542%</td>
-<td>webkit-border-start-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0450%</td>
-<td>webkit-border-start-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0424%</td>
-<td>webkit-border-after-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0424%</td>
-<td>webkit-border-before-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0423%</td>
-<td>webkit-border-end-width</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0351%</td>
-<td>marker</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0349%</td>
-<td>webkit-border-end-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0347%</td>
-<td>webkit-border-after-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0347%</td>
-<td>webkit-border-before-color</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0342%</td>
-<td>mask-type</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0328%</td>
-<td>color-interpolation-filters</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0325%</td>
-<td>webkit-border-end</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0319%</td>
-<td>vector-effect</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>0.0307%</td>
-<td>color-rendering</td>
-<td>✕</td>
-</tr>
-</tbody>
-</table>
-<h2 id="CSS-Units-and-Values" class="article-heading"><a href="#CSS-Units-and-Values" class="headerlink" title="CSS Units and Values"></a>CSS Units and Values<a class="article-anchor" href="#CSS-Units-and-Values" aria-hidden="true"></a></h2><p>refs: <a href="https://drafts.csswg.org/css-values/" target="_blank" rel="external">https://drafts.csswg.org/css-values/</a> 2016-12-11</p>
-<h3 id="Textual" class="article-heading"><a href="#Textual" class="headerlink" title="Textual"></a>Textual<a class="article-anchor" href="#Textual" aria-hidden="true"></a></h3><ul>
-<li>pre-defined keywords<ul>
-<li>CSS-wide keywords<ul>
-<li><code>initial</code></li>
-<li><code>inherit</code></li>
-<li><code>unset</code></li>
-</ul>
-</li>
-</ul>
-</li>
-<li><code><custom-ident></code>: author-defined identifiers ✓</li>
-<li><code><string></code>: quoted strings (<code>"xxx"</code>)</li>
-<li><code><url></code>: resourec locators (<code>url()</code>)</li>
-</ul>
-<h3 id="Numeric" class="article-heading"><a href="#Numeric" class="headerlink" title="Numeric"></a>Numeric<a class="article-anchor" href="#Numeric" aria-hidden="true"></a></h3><ul>
-<li><code><integer></code> ✓</li>
-<li><code><number></code> ✓</li>
-<li><code><percentage></code></li>
-</ul>
-<h3 id="Length-lt-length-gt" class="article-heading"><a href="#Length-lt-length-gt" class="headerlink" title="Length <length>"></a>Length <code><length></code><a class="article-anchor" href="#Length-lt-length-gt" aria-hidden="true"></a></h3><ul>
-<li>relative<ul>
-<li>font-relative<ul>
-<li><code>em</code></li>
-<li><code>ex</code></li>
-<li><code>ch</code></li>
-<li><code>ic</code></li>
-<li><code>rem</code> ✓🔧</li>
-</ul>
-</li>
-<li>viewport-percentage<ul>
-<li><code>vw</code> ✓🔧</li>
-<li><code>vh</code> ✓🔧</li>
-<li><code>vi</code></li>
-<li><code>vb</code></li>
-<li><code>vmin</code> ✓🔧</li>
-<li><code>vmax</code> ✓🔧</li>
-</ul>
-</li>
-</ul>
-</li>
-<li>absolute<ul>
-<li><code>cm</code> ✓🔧</li>
-<li><code>mm</code> ✓🔧</li>
-<li><code>Q</code> ✓🔧</li>
-<li><code>in</code> ✓🔧</li>
-<li><code>pc</code> ✓🔧</li>
-<li><code>pt</code> ✓🔧</li>
-<li><code>px</code> autofixed to number</li>
-</ul>
-</li>
-</ul>
-<h3 id="Quantities" class="article-heading"><a href="#Quantities" class="headerlink" title="Quantities"></a>Quantities<a class="article-anchor" href="#Quantities" aria-hidden="true"></a></h3><ul>
-<li><code><angle></code><ul>
-<li><code>deg</code></li>
-<li><code>grad</code></li>
-<li><code>rad</code></li>
-<li><code>turn</code></li>
-</ul>
-</li>
-<li><code><time></code><ul>
-<li><code>s</code></li>
-<li><code>ms</code></li>
-</ul>
-</li>
-<li><code><frequency></code><ul>
-<li><code>Hz</code></li>
-<li><code>kHz</code></li>
-</ul>
-</li>
-<li><code><resolution></code><ul>
-<li><code>dpi</code></li>
-<li><code>dpcm</code></li>
-<li><code>dppx</code></li>
-</ul>
-</li>
-</ul>
-<h3 id="Elsewhere" class="article-heading"><a href="#Elsewhere" class="headerlink" title="Elsewhere"></a>Elsewhere<a class="article-anchor" href="#Elsewhere" aria-hidden="true"></a></h3><ul>
-<li><code><color></code> ✓</li>
-<li><code><image></code></li>
-<li><code><position></code></li>
-</ul>
-<h3 id="Functional" class="article-heading"><a href="#Functional" class="headerlink" title="Functional"></a>Functional<a class="article-anchor" href="#Functional" aria-hidden="true"></a></h3><ul>
-<li><code>calc()</code></li>
-<li><code>toggle()</code></li>
-<li><code>attr()</code></li>
-</ul>
-<h2 id="JS-APIs" class="article-heading"><a href="#JS-APIs" class="headerlink" title="JS APIs"></a>JS APIs<a class="article-anchor" href="#JS-APIs" aria-hidden="true"></a></h2><p>refs: <a href="https://www.w3.org/standards/techs/js" target="_blank" rel="external">https://www.w3.org/standards/techs/js</a> 2016-12-11</p>
-<h3 id="Completed-Work" class="article-heading"><a href="#Completed-Work" class="headerlink" title="Completed Work"></a>Completed Work<a class="article-anchor" href="#Completed-Work" aria-hidden="true"></a></h3><h4 id="Standards" class="article-heading"><a href="#Standards" class="headerlink" title="Standards"></a>Standards<a class="article-anchor" href="#Standards" aria-hidden="true"></a></h4><table>
-<thead>
-<tr>
-<th>last update</th>
-<th>spec</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>2016-11-17</td>
-<td>Media Source Extensions™</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-11-08</td>
-<td>Geolocation API Specification 2nd Edition</td>
-<td>✕ developing</td>
-</tr>
-<tr>
-<td>2016-10-27</td>
-<td>Pointer Lock</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-10-18</td>
-<td>Vibration API (Second Edition)</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-04-19</td>
-<td>Web Storage (Second Edition)</td>
-<td>✓ async <code>storage</code> module</td>
-</tr>
-<tr>
-<td>2015-10-22</td>
-<td>Web Notifications</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2015-05-19</td>
-<td>HTML5 Web Messaging</td>
-<td>✕ <code>BroadcastChannel</code> developing</td>
-</tr>
-<tr>
-<td>2015-02-24</td>
-<td>Pointer Events</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2015-02-10</td>
-<td>Vibration API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2015-02-03</td>
-<td>Server-Sent Events</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2015-01-08</td>
-<td>Indexed Database API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2014-03-13</td>
-<td>Metadata API for Media Resources 1.0</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2014-02-11</td>
-<td>Progress Events</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2014-01-16</td>
-<td>JSON-LD 1.0 Processing Algorithms and API</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2013-12-12</td>
-<td>Performance Timeline</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2013-12-12</td>
-<td>User Timing</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2013-10-31</td>
-<td>Widget Interface</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2013-10-29</td>
-<td>Page Visibility (Second Edition)</td>
-<td>✕ <code>onviewappear</code>/<code>onviewdisappear</code></td>
-</tr>
-<tr>
-<td>2013-10-10</td>
-<td>Touch Events</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2013-02-21</td>
-<td>Selectors API Level 1</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2012-12-17</td>
-<td>Navigation Timing</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2012-12-17</td>
-<td>High Resolution Time</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2008-12-22</td>
-<td>Element Traversal Specification</td>
-<td>-</td>
-</tr>
-</tbody>
-</table>
-<h3 id="Drafts" class="article-heading"><a href="#Drafts" class="headerlink" title="Drafts"></a>Drafts<a class="article-anchor" href="#Drafts" aria-hidden="true"></a></h3><h4 id="Proposed-Recommendations" class="article-heading"><a href="#Proposed-Recommendations" class="headerlink" title="Proposed Recommendations"></a>Proposed Recommendations<a class="article-anchor" href="#Proposed-Recommendations" aria-hidden="true"></a></h4><table>
-<thead>
-<tr>
-<th>last update</th>
-<th>spec</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>2016-09-15</td>
-<td>WebIDL Level 1</td>
-<td>-</td>
-</tr>
-</tbody>
-</table>
-<h4 id="Candidate-Recommendations" class="article-heading"><a href="#Candidate-Recommendations" class="headerlink" title="Candidate Recommendations"></a>Candidate Recommendations<a class="article-anchor" href="#Candidate-Recommendations" aria-hidden="true"></a></h4><table>
-<thead>
-<tr>
-<th>last update</th>
-<th>spec</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>2016-12-08</td>
-<td>Performance Timeline Level 2</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-11-22</td>
-<td>Page Visibility Level 2</td>
-<td>✕ <code>onviewappear</code>/<code>onviewdisappear</code></td>
-</tr>
-<tr>
-<td>2016-11-01</td>
-<td>High Resolution Time Level 2</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-08-18</td>
-<td>DeviceOrientation Event Specification</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-07-21</td>
-<td>Resource Timing Level 1</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-07-14</td>
-<td>Presentation API</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-07-07</td>
-<td>Battery Status API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-07-05</td>
-<td>Encrypted Media Extensions</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-05-19</td>
-<td>Media Capture and Streams</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2014-12-11</td>
-<td>Web Cryptography API</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2014-09-09</td>
-<td>HTML Media Capture</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2012-09-20</td>
-<td>The WebSocket API</td>
-<td>✕</td>
-</tr>
-</tbody>
-</table>
-<h4 id="Last-Call-Drafts" class="article-heading"><a href="#Last-Call-Drafts" class="headerlink" title="Last Call Drafts"></a>Last Call Drafts<a class="article-anchor" href="#Last-Call-Drafts" aria-hidden="true"></a></h4><table>
-<thead>
-<tr>
-<th>last update</th>
-<th>spec</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>2011-12-01</td>
-<td>Geolocation API Specification Level 2</td>
-<td>✕</td>
-</tr>
-</tbody>
-</table>
-<h4 id="Other-Working-Drafts" class="article-heading"><a href="#Other-Working-Drafts" class="headerlink" title="Other Working Drafts"></a>Other Working Drafts<a class="article-anchor" href="#Other-Working-Drafts" aria-hidden="true"></a></h4><table>
-<thead>
-<tr>
-<th>last update</th>
-<th>spec</th>
-<th>supported</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>2016-12-09</td>
-<td>MediaStream Image Capture</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-12-06</td>
-<td>MediaStream Recording</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-12-06</td>
-<td>Selection API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-12-05</td>
-<td>Input Events</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-12-02</td>
-<td>Gamepad</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-11-29</td>
-<td>WebDriver</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-11-24</td>
-<td>WebRTC 1.0: Real-time Communication Between Browsers</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-11-22</td>
-<td>Pointer Lock 2.0</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-11-07</td>
-<td>Remote Playback API</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-11-03</td>
-<td>Resource Timing Level 2</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-11-02</td>
-<td>Audio Output Devices API</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-11-01</td>
-<td>Indexed Database API 2.0</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-11-01</td>
-<td>User Timing Level 2</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-10-31</td>
-<td>The Screen Orientation API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-10-31</td>
-<td>High Resolution Time Level 3</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-10-24</td>
-<td>UI Events KeyboardEvent code Values</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-10-24</td>
-<td>UI Events KeyboardEvent key Values</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-10-11</td>
-<td>Service Workers 1</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-09-21</td>
-<td>Identifiers for WebRTC’s Statistics API</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-09-13</td>
-<td>Accelerometer Sensor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-09-13</td>
-<td>Gyroscope Sensor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-09-13</td>
-<td>Magnetometer Sensor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-08-30</td>
-<td>Ambient Light Sensor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-08-30</td>
-<td>Media Capture from DOM Elements</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-08-30</td>
-<td>Generic Sensor API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-08-03</td>
-<td>Wake Lock API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-07-19</td>
-<td>Proximity Sensor</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-07-19</td>
-<td>Pointer Events - Level 2</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2016-07-14</td>
-<td>Screen Capture</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-07-12</td>
-<td>Media Capture Depth Stream Extensions</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2016-05-17</td>
-<td>Cooperative Scheduling of Background Tasks</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2016-04-22</td>
-<td>Navigation Timing Level 2</td>
-<td>- (perf related)</td>
-</tr>
-<tr>
-<td>2016-04-03</td>
-<td>Clipboard API and events</td>
-<td>✕ <code>clipboard</code> module</td>
-</tr>
-<tr>
-<td>2015-12-15</td>
-<td>Push API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2015-12-08</td>
-<td>Web Audio API</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2015-10-15</td>
-<td>FindText API</td>
-<td>-</td>
-</tr>
-<tr>
-<td>2015-09-24</td>
-<td>Web Workers</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2015-04-21</td>
-<td>File API</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2014-02-20</td>
-<td>Network Service Discovery</td>
-<td>✕</td>
-</tr>
-<tr>
-<td>2012-03-06</td>
-<td>MediaStream Capture Scenarios</td>
-<td>- (media related)</td>
-</tr>
-<tr>
-<td>2011-12-15</td>
-<td>Audio Processing API</td>
-<td>- (media related)</td>
-</tr>
-</tbody>
-</table>
-
- </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="/references/web-standards.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/web-standards.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>
[51/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
Site updated: 2017-06-20 11:21:02
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/2c2795f2
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/2c2795f2
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/2c2795f2
Branch: refs/heads/asf-site
Commit: 2c2795f2bc58db755264d9a94445155060cf691d
Parents: 6b3a196
Author: minijenkins <so...@apache.org>
Authored: Tue Jun 20 11:21:03 2017 +0800
Committer: minijenkins <so...@apache.org>
Committed: Tue Jun 20 11:21:03 2017 +0800
----------------------------------------------------------------------
archives/2016/12/index.html | 238 --
archives/2016/index.html | 238 --
archives/2017/06/index.html | 238 --
archives/2017/index.html | 238 --
archives/index.html | 238 --
blog/index.html | 239 --
cn/blog/index.html | 239 --
cn/doc/advanced/extend-to-android.html | 1 -
cn/doc/advanced/extend-to-html5.html | 1 -
cn/doc/advanced/extend-to-ios.html | 1 -
cn/doc/advanced/how-data-binding-works.html | 1 -
cn/doc/advanced/how-it-works.html | 1 -
cn/doc/advanced/integrate-to-android.html | 1 -
cn/doc/advanced/integrate-to-html5.html | 1 -
cn/doc/advanced/integrate-to-ios.html | 1 -
cn/doc/advanced/main.html | 1 -
cn/doc/components/a.html | 1 -
cn/doc/components/cell.html | 1 -
cn/doc/components/div.html | 1 -
cn/doc/components/image.html | 1 -
cn/doc/components/indicator.html | 1 -
cn/doc/components/input.html | 1 -
cn/doc/components/list.html | 1 -
cn/doc/components/loading.html | 1 -
cn/doc/components/main.html | 1 -
cn/doc/components/refresh.html | 1 -
cn/doc/components/scroller.html | 1 -
cn/doc/components/slider.html | 1 -
cn/doc/components/special-element.html | 1 -
cn/doc/components/switch.html | 1 -
cn/doc/components/text.html | 1 -
cn/doc/components/textarea.html | 1 -
cn/doc/components/video.html | 1 -
cn/doc/components/web.html | 1 -
cn/doc/components/wxc-navpage.html | 1 -
cn/doc/components/wxc-tabbar.html | 1 -
cn/doc/demo/animation.html | 1 -
cn/doc/demo/clipboard.html | 1 -
cn/doc/demo/hello-world.html | 1 -
cn/doc/demo/list.html | 1 -
cn/doc/demo/modal.html | 1 -
cn/doc/demo/slider.html | 1 -
cn/doc/develop-on-your-local-machine.html | 1 -
cn/doc/faq.html | 1 -
cn/doc/get-started.html | 1 -
cn/doc/guide.html | 1 -
cn/doc/how-to/customize-a-native-component.html | 1 -
cn/doc/how-to/cuszomize-native-apis.html | 1 -
cn/doc/how-to/debug-with-devtools.html | 1 -
cn/doc/how-to/debug-with-html5.html | 1 -
cn/doc/how-to/main.html | 1 -
cn/doc/how-to/preview-in-browser.html | 1 -
cn/doc/how-to/preview-in-playground-app.html | 1 -
cn/doc/how-to/require-3rd-party-libs.html | 1 -
.../how-to/transform-code-into-js-bundle.html | 1 -
cn/doc/index.html | 1 -
cn/doc/modules/animation.html | 1 -
cn/doc/modules/clipboard.html | 1 -
cn/doc/modules/dom.html | 1 -
cn/doc/modules/globalevent.html | 1 -
cn/doc/modules/main.html | 1 -
cn/doc/modules/modal.html | 1 -
cn/doc/modules/navigator.html | 1 -
cn/doc/modules/picker.html | 1 -
cn/doc/modules/storage.html | 1 -
cn/doc/modules/stream.html | 1 -
cn/doc/modules/timer.html | 1 -
cn/doc/modules/webview.html | 1 -
cn/doc/references/api.html | 1 -
cn/doc/references/bootstrap.html | 1 -
cn/doc/references/cheatsheet.html | 1 -
cn/doc/references/color-names.html | 1 -
cn/doc/references/common-attrs.html | 1 -
cn/doc/references/common-event.html | 1 -
cn/doc/references/common-style.html | 1 -
cn/doc/references/component-defs.html | 1 -
cn/doc/references/events/appear.html | 1 -
cn/doc/references/events/blur.html | 1 -
cn/doc/references/events/change.html | 1 -
cn/doc/references/events/focus.html | 1 -
cn/doc/references/events/input.html | 1 -
cn/doc/references/gesture.html | 1 -
cn/doc/references/main.html | 1 -
cn/doc/references/styles/background-color.html | 1 -
cn/doc/references/styles/color.html | 1 -
cn/doc/references/styles/font-family.html | 1 -
cn/doc/references/styles/font-size.html | 1 -
cn/doc/references/styles/font-style.html | 1 -
cn/doc/references/styles/font-weight.html | 1 -
cn/doc/references/styles/line-height.html | 1 -
cn/doc/references/styles/lines.html | 1 -
cn/doc/references/styles/opacity.html | 1 -
cn/doc/references/styles/position.html | 1 -
cn/doc/references/styles/text-align.html | 1 -
cn/doc/references/styles/text-decoration.html | 1 -
cn/doc/references/styles/text-overflow.html | 1 -
cn/doc/references/styles/units.html | 1 -
cn/doc/references/text-style.html | 1 -
cn/doc/specs/js-bundle-format.html | 1 -
cn/doc/specs/js-framework-apis.html | 1 -
cn/doc/specs/virtual-dom-apis.html | 1 -
cn/doc/syntax/comm.html | 1 -
cn/doc/syntax/composed-component.html | 1 -
cn/doc/syntax/config-n-data.html | 1 -
cn/doc/syntax/data-binding.html | 1 -
cn/doc/syntax/display-logic.html | 1 -
cn/doc/syntax/events.html | 1 -
cn/doc/syntax/id.html | 1 -
cn/doc/syntax/main.html | 1 -
cn/doc/syntax/path.html | 1 -
cn/doc/syntax/render-logic.html | 1 -
cn/doc/syntax/style-n-class.html | 1 -
cn/doc/tools/cli.html | 1 -
cn/doc/tools/devtools-android.html | 1 -
cn/doc/tools/devtools-ios.html | 1 -
cn/doc/tools/devtools.html | 1 -
cn/doc/tools/playground-app.html | 1 -
cn/doc/tools/transformer.html | 1 -
cn/doc/tutorial.html | 1 -
cn/download.html | 235 --
cn/faq.html | 296 --
cn/guide/contributing.html | 591 ---
cn/guide/images/flow.png | Bin 57741 -> 0 bytes
cn/guide/images/tut-cli-qrcode.png | Bin 45480 -> 0 bytes
cn/guide/images/tut-first.png | Bin 51434 -> 0 bytes
cn/guide/images/tut-second.png | Bin 78519 -> 0 bytes
cn/guide/images/tut1.jpg | Bin 47442 -> 0 bytes
cn/guide/images/tut2.jpg | Bin 52428 -> 0 bytes
cn/guide/images/tut3.png | Bin 52198 -> 0 bytes
cn/guide/images/tut4.gif | Bin 218245 -> 0 bytes
cn/guide/index.html | 524 ---
cn/guide/integrate-to-your-app.html | 575 ---
cn/guide/intro/app-architecture.html | 534 ---
cn/guide/intro/how-it-works.html | 542 ---
cn/guide/intro/index.html | 518 ---
cn/guide/intro/page-architecture.html | 533 ---
cn/guide/intro/using-vue.html | 536 ---
cn/guide/intro/web-dev-experience.html | 533 ---
cn/guide/intro/write-once.html | 528 ---
cn/guide/set-up-env.html | 552 ---
cn/guide/tools/devtools.html | 1 -
cn/guide/tools/index.html | 513 ---
cn/guide/tools/toolkit.html | 601 ---
cn/guide/tools/weexpack.html | 1 -
cn/hello/index.html | 243 --
cn/index.html | 497 ---
cn/playground.html | 245 --
cn/references/advanced/extend-jsfm.html | 1555 -------
cn/references/advanced/extend-to-android.html | 1497 -------
cn/references/advanced/extend-to-html5.html | 1473 -------
cn/references/advanced/extend-to-ios.html | 1565 -------
cn/references/advanced/index.html | 1458 -------
.../advanced/integrate-devtool-to-android.html | 1595 --------
.../advanced/integrate-devtool-to-ios.html | 1529 -------
cn/references/android-apis.html | 1506 -------
cn/references/bubble.html | 1459 -------
cn/references/color-names.html | 2122 ----------
cn/references/common-event.html | 1492 -------
cn/references/common-style.html | 1669 --------
cn/references/components/a.html | 1480 -------
cn/references/components/cell.html | 1483 -------
cn/references/components/div.html | 1489 -------
cn/references/components/image.html | 1516 -------
cn/references/components/index.html | 1467 -------
cn/references/components/indicator.html | 1488 -------
cn/references/components/input.html | 1564 -------
cn/references/components/list.html | 1541 -------
cn/references/components/loading.html | 1486 -------
cn/references/components/refresh.html | 1490 -------
cn/references/components/scroller.html | 1540 -------
cn/references/components/slider.html | 1500 -------
cn/references/components/switch.html | 1501 -------
cn/references/components/text.html | 1501 -------
cn/references/components/textarea.html | 1533 -------
cn/references/components/video.html | 1480 -------
cn/references/components/waterfall.html | 1494 -------
cn/references/components/web.html | 1493 -------
cn/references/downgrade.html | 1451 -------
cn/references/gesture.html | 1493 -------
cn/references/html5-apis.html | 1451 -------
cn/references/images/Artboard.jpg | Bin 36223 -> 0 bytes
cn/references/images/coding_weex_1.jpg | Bin 56225 -> 0 bytes
cn/references/images/css-boxmodel.png | Bin 12581 -> 0 bytes
cn/references/images/css-flexbox-align.jpg | Bin 35005 -> 0 bytes
cn/references/images/css-flexbox-justify.svg | 59 -
cn/references/images/css-flexbox-sample.png | Bin 3210 -> 0 bytes
cn/references/images/div_1.jpg | Bin 59561 -> 0 bytes
cn/references/images/div_2.jpg | Bin 62574 -> 0 bytes
cn/references/images/div_3.jpg | Bin 82345 -> 0 bytes
cn/references/images/div_4.jpg | Bin 200642 -> 0 bytes
cn/references/images/image_1.jpg | Bin 163705 -> 0 bytes
cn/references/images/image_2.jpg | Bin 255560 -> 0 bytes
cn/references/images/list_2.jpg | Bin 56635 -> 0 bytes
cn/references/images/list_3.jpg | Bin 128082 -> 0 bytes
cn/references/images/list_4.jpg | Bin 339799 -> 0 bytes
cn/references/images/nav.jpg | Bin 124441 -> 0 bytes
cn/references/images/nav.png | Bin 83497 -> 0 bytes
cn/references/images/scroller_1.jpg | Bin 344783 -> 0 bytes
cn/references/images/style_1.jpg | Bin 59366 -> 0 bytes
cn/references/images/style_2.jpg | Bin 59696 -> 0 bytes
cn/references/index.html | 1462 -------
cn/references/ios-apis.html | 1482 -------
cn/references/js-service/index.html | 1458 -------
cn/references/jsfm-apis.html | 1467 -------
cn/references/migration/difference.html | 1708 --------
cn/references/migration/index.html | 1454 -------
.../migration/migration-from-weex.html | 1567 -------
cn/references/modules/animation.html | 1580 -------
cn/references/modules/clipboard.html | 1472 -------
cn/references/modules/dom.html | 1475 -------
cn/references/modules/globalevent.html | 1474 -------
cn/references/modules/index.html | 1463 -------
cn/references/modules/modal.html | 1498 -------
cn/references/modules/navigator.html | 1472 -------
cn/references/modules/picker.html | 1498 -------
cn/references/modules/storage.html | 1506 -------
cn/references/modules/stream.html | 1492 -------
cn/references/modules/websocket.html | 1503 -------
cn/references/modules/webview.html | 1467 -------
cn/references/native-dom-api.html | 1611 --------
cn/references/path.html | 1473 -------
cn/references/platform-difference.html | 1491 -------
cn/references/text-style.html | 1484 -------
cn/references/unit.html | 1467 -------
cn/references/vue/difference-of-vuex.html | 1477 -------
cn/references/vue/difference-with-web.html | 1508 -------
cn/references/vue/index.html | 1454 -------
cn/references/web-standards.html | 3853 ------------------
cn/references/weex-variable.html | 1469 -------
cn/releasenote.html | 485 ---
cn/v-0.10/advanced/create-a-weex-project.html | 513 ---
.../advanced/customize-a-native-component.html | 469 ---
cn/v-0.10/advanced/cuszomize-native-apis.html | 415 --
cn/v-0.10/advanced/extend-to-android.html | 436 --
cn/v-0.10/advanced/extend-to-html5.html | 445 --
cn/v-0.10/advanced/extend-to-ios.html | 480 ---
cn/v-0.10/advanced/how-data-binding-works.html | 404 --
cn/v-0.10/advanced/images/how-arch.png | Bin 62303 -> 0 bytes
cn/v-0.10/advanced/images/how-render.png | Bin 42957 -> 0 bytes
cn/v-0.10/advanced/index.html | 443 --
.../advanced/integrate-devtools-to-android.html | 539 ---
.../advanced/integrate-devtools-to-ios.html | 472 ---
cn/v-0.10/advanced/integrate-to-android.html | 434 --
cn/v-0.10/advanced/integrate-to-html5.html | 414 --
cn/v-0.10/advanced/integrate-to-ios.html | 420 --
cn/v-0.10/blog/index.html | 239 --
.../guide/develop-on-your-local-machine.html | 612 ---
cn/v-0.10/guide/how-to/debug-with-html5.html | 573 ---
cn/v-0.10/guide/how-to/index.html | 671 ---
.../guide/how-to/require-3rd-party-libs.html | 567 ---
.../how-to/transform-code-into-js-bundle.html | 598 ---
cn/v-0.10/guide/index.html | 575 ---
cn/v-0.10/guide/syntax/comm.html | 567 ---
cn/v-0.10/guide/syntax/composed-component.html | 585 ---
cn/v-0.10/guide/syntax/config-n-data.html | 570 ---
cn/v-0.10/guide/syntax/data-binding.html | 600 ---
cn/v-0.10/guide/syntax/display-logic.html | 608 ---
cn/v-0.10/guide/syntax/events.html | 574 ---
cn/v-0.10/guide/syntax/id.html | 569 ---
cn/v-0.10/guide/syntax/index.html | 594 ---
cn/v-0.10/guide/syntax/render-logic.html | 567 ---
cn/v-0.10/guide/syntax/style-n-class.html | 587 ---
cn/v-0.10/index.html | 497 ---
cn/v-0.10/references/api.html | 1142 ------
cn/v-0.10/references/bubble.html | 1115 -----
cn/v-0.10/references/cheatsheet.html | 1320 ------
cn/v-0.10/references/color-names.html | 1778 --------
cn/v-0.10/references/common-attrs.html | 1132 -----
cn/v-0.10/references/common-event.html | 1162 ------
cn/v-0.10/references/common-style.html | 1274 ------
cn/v-0.10/references/component-defs.html | 1125 -----
cn/v-0.10/references/components/a.html | 1142 ------
cn/v-0.10/references/components/cell.html | 1139 ------
cn/v-0.10/references/components/div.html | 1147 ------
cn/v-0.10/references/components/image.html | 1167 ------
cn/v-0.10/references/components/index.html | 1123 -----
cn/v-0.10/references/components/indicator.html | 1144 ------
cn/v-0.10/references/components/input.html | 1184 ------
cn/v-0.10/references/components/list.html | 1187 ------
cn/v-0.10/references/components/loading.html | 1143 ------
cn/v-0.10/references/components/refresh.html | 1147 ------
cn/v-0.10/references/components/scroller.html | 1175 ------
cn/v-0.10/references/components/slider.html | 1150 ------
cn/v-0.10/references/components/switch.html | 1157 ------
cn/v-0.10/references/components/text.html | 1155 ------
cn/v-0.10/references/components/textarea.html | 1181 ------
cn/v-0.10/references/components/video.html | 1136 ------
cn/v-0.10/references/components/web.html | 1149 ------
cn/v-0.10/references/gesture.html | 1150 ------
cn/v-0.10/references/images/Artboard.jpg | Bin 36223 -> 0 bytes
cn/v-0.10/references/images/coding_weex_1.jpg | Bin 56225 -> 0 bytes
cn/v-0.10/references/images/css-boxmodel.png | Bin 12581 -> 0 bytes
.../references/images/css-flexbox-align.jpg | Bin 35005 -> 0 bytes
.../references/images/css-flexbox-justify.svg | 59 -
cn/v-0.10/references/images/div_1.jpg | Bin 59561 -> 0 bytes
cn/v-0.10/references/images/div_2.jpg | Bin 62574 -> 0 bytes
cn/v-0.10/references/images/div_3.jpg | Bin 82345 -> 0 bytes
cn/v-0.10/references/images/div_4.jpg | Bin 200642 -> 0 bytes
cn/v-0.10/references/images/image_1.jpg | Bin 163705 -> 0 bytes
cn/v-0.10/references/images/image_2.jpg | Bin 255560 -> 0 bytes
cn/v-0.10/references/images/list_2.jpg | Bin 56635 -> 0 bytes
cn/v-0.10/references/images/list_3.jpg | Bin 128082 -> 0 bytes
cn/v-0.10/references/images/list_4.jpg | Bin 339799 -> 0 bytes
cn/v-0.10/references/images/nav.jpg | Bin 124441 -> 0 bytes
cn/v-0.10/references/images/scroller_1.jpg | Bin 344783 -> 0 bytes
cn/v-0.10/references/images/style_1.jpg | Bin 59366 -> 0 bytes
cn/v-0.10/references/images/style_2.jpg | Bin 59696 -> 0 bytes
cn/v-0.10/references/index.html | 1122 -----
cn/v-0.10/references/modules/animation.html | 1251 ------
cn/v-0.10/references/modules/clipboard.html | 1130 -----
cn/v-0.10/references/modules/dom.html | 1122 -----
cn/v-0.10/references/modules/globalevent.html | 1130 -----
cn/v-0.10/references/modules/index.html | 1108 -----
cn/v-0.10/references/modules/modal.html | 1156 ------
cn/v-0.10/references/modules/navigator.html | 1130 -----
cn/v-0.10/references/modules/storage.html | 1169 ------
cn/v-0.10/references/modules/stream.html | 1144 ------
cn/v-0.10/references/modules/webview.html | 1124 -----
cn/v-0.10/references/replace.html | 265 --
cn/v-0.10/references/special-element.html | 1111 -----
cn/v-0.10/references/specs/index.html | 1212 ------
.../references/specs/js-framework-apis.html | 1172 ------
.../references/specs/virtual-dom-apis.html | 1125 -----
cn/v-0.10/references/text-style.html | 1133 -----
cn/v-0.10/references/units.html | 1124 -----
cn/v-0.10/references/wxc/index.html | 1117 -----
cn/v-0.10/references/wxc/wxc-navpage.html | 1173 ------
cn/v-0.10/references/wxc/wxc-tabbar.html | 1159 ------
cn/v-0.10/tools/devtools-android.html | 405 --
cn/v-0.10/tools/devtools-ios.html | 378 --
cn/v-0.10/tools/devtools.html | 368 --
cn/v-0.10/tools/index.html | 344 --
cn/v-0.10/tools/playground.html | 333 --
cn/v-0.10/tools/transformer.html | 333 --
content.json | 1 -
content/archives/2016/12/index.html | 238 ++
content/archives/2016/index.html | 238 ++
content/archives/2017/06/index.html | 238 ++
content/archives/2017/index.html | 238 ++
content/archives/index.html | 238 ++
content/blog/index.html | 239 ++
content/cn/blog/index.html | 239 ++
content/cn/doc/advanced/extend-to-android.html | 1 +
content/cn/doc/advanced/extend-to-html5.html | 1 +
content/cn/doc/advanced/extend-to-ios.html | 1 +
.../cn/doc/advanced/how-data-binding-works.html | 1 +
content/cn/doc/advanced/how-it-works.html | 1 +
.../cn/doc/advanced/integrate-to-android.html | 1 +
content/cn/doc/advanced/integrate-to-html5.html | 1 +
content/cn/doc/advanced/integrate-to-ios.html | 1 +
content/cn/doc/advanced/main.html | 1 +
content/cn/doc/components/a.html | 1 +
content/cn/doc/components/cell.html | 1 +
content/cn/doc/components/div.html | 1 +
content/cn/doc/components/image.html | 1 +
content/cn/doc/components/indicator.html | 1 +
content/cn/doc/components/input.html | 1 +
content/cn/doc/components/list.html | 1 +
content/cn/doc/components/loading.html | 1 +
content/cn/doc/components/main.html | 1 +
content/cn/doc/components/refresh.html | 1 +
content/cn/doc/components/scroller.html | 1 +
content/cn/doc/components/slider.html | 1 +
content/cn/doc/components/special-element.html | 1 +
content/cn/doc/components/switch.html | 1 +
content/cn/doc/components/text.html | 1 +
content/cn/doc/components/textarea.html | 1 +
content/cn/doc/components/video.html | 1 +
content/cn/doc/components/web.html | 1 +
content/cn/doc/components/wxc-navpage.html | 1 +
content/cn/doc/components/wxc-tabbar.html | 1 +
content/cn/doc/demo/animation.html | 1 +
content/cn/doc/demo/clipboard.html | 1 +
content/cn/doc/demo/hello-world.html | 1 +
content/cn/doc/demo/list.html | 1 +
content/cn/doc/demo/modal.html | 1 +
content/cn/doc/demo/slider.html | 1 +
.../cn/doc/develop-on-your-local-machine.html | 1 +
content/cn/doc/faq.html | 1 +
content/cn/doc/get-started.html | 1 +
content/cn/doc/guide.html | 1 +
.../how-to/customize-a-native-component.html | 1 +
.../cn/doc/how-to/cuszomize-native-apis.html | 1 +
content/cn/doc/how-to/debug-with-devtools.html | 1 +
content/cn/doc/how-to/debug-with-html5.html | 1 +
content/cn/doc/how-to/main.html | 1 +
content/cn/doc/how-to/preview-in-browser.html | 1 +
.../doc/how-to/preview-in-playground-app.html | 1 +
.../cn/doc/how-to/require-3rd-party-libs.html | 1 +
.../how-to/transform-code-into-js-bundle.html | 1 +
content/cn/doc/index.html | 1 +
content/cn/doc/modules/animation.html | 1 +
content/cn/doc/modules/clipboard.html | 1 +
content/cn/doc/modules/dom.html | 1 +
content/cn/doc/modules/globalevent.html | 1 +
content/cn/doc/modules/main.html | 1 +
content/cn/doc/modules/modal.html | 1 +
content/cn/doc/modules/navigator.html | 1 +
content/cn/doc/modules/picker.html | 1 +
content/cn/doc/modules/storage.html | 1 +
content/cn/doc/modules/stream.html | 1 +
content/cn/doc/modules/timer.html | 1 +
content/cn/doc/modules/webview.html | 1 +
content/cn/doc/references/api.html | 1 +
content/cn/doc/references/bootstrap.html | 1 +
content/cn/doc/references/cheatsheet.html | 1 +
content/cn/doc/references/color-names.html | 1 +
content/cn/doc/references/common-attrs.html | 1 +
content/cn/doc/references/common-event.html | 1 +
content/cn/doc/references/common-style.html | 1 +
content/cn/doc/references/component-defs.html | 1 +
content/cn/doc/references/events/appear.html | 1 +
content/cn/doc/references/events/blur.html | 1 +
content/cn/doc/references/events/change.html | 1 +
content/cn/doc/references/events/focus.html | 1 +
content/cn/doc/references/events/input.html | 1 +
content/cn/doc/references/gesture.html | 1 +
content/cn/doc/references/main.html | 1 +
.../doc/references/styles/background-color.html | 1 +
content/cn/doc/references/styles/color.html | 1 +
.../cn/doc/references/styles/font-family.html | 1 +
content/cn/doc/references/styles/font-size.html | 1 +
.../cn/doc/references/styles/font-style.html | 1 +
.../cn/doc/references/styles/font-weight.html | 1 +
.../cn/doc/references/styles/line-height.html | 1 +
content/cn/doc/references/styles/lines.html | 1 +
content/cn/doc/references/styles/opacity.html | 1 +
content/cn/doc/references/styles/position.html | 1 +
.../cn/doc/references/styles/text-align.html | 1 +
.../doc/references/styles/text-decoration.html | 1 +
.../cn/doc/references/styles/text-overflow.html | 1 +
content/cn/doc/references/styles/units.html | 1 +
content/cn/doc/references/text-style.html | 1 +
content/cn/doc/specs/js-bundle-format.html | 1 +
content/cn/doc/specs/js-framework-apis.html | 1 +
content/cn/doc/specs/virtual-dom-apis.html | 1 +
content/cn/doc/syntax/comm.html | 1 +
content/cn/doc/syntax/composed-component.html | 1 +
content/cn/doc/syntax/config-n-data.html | 1 +
content/cn/doc/syntax/data-binding.html | 1 +
content/cn/doc/syntax/display-logic.html | 1 +
content/cn/doc/syntax/events.html | 1 +
content/cn/doc/syntax/id.html | 1 +
content/cn/doc/syntax/main.html | 1 +
content/cn/doc/syntax/path.html | 1 +
content/cn/doc/syntax/render-logic.html | 1 +
content/cn/doc/syntax/style-n-class.html | 1 +
content/cn/doc/tools/cli.html | 1 +
content/cn/doc/tools/devtools-android.html | 1 +
content/cn/doc/tools/devtools-ios.html | 1 +
content/cn/doc/tools/devtools.html | 1 +
content/cn/doc/tools/playground-app.html | 1 +
content/cn/doc/tools/transformer.html | 1 +
content/cn/doc/tutorial.html | 1 +
content/cn/download.html | 235 ++
content/cn/faq.html | 296 ++
content/cn/guide/contributing.html | 591 +++
content/cn/guide/images/flow.png | Bin 0 -> 57741 bytes
content/cn/guide/images/tut-cli-qrcode.png | Bin 0 -> 45480 bytes
content/cn/guide/images/tut-first.png | Bin 0 -> 51434 bytes
content/cn/guide/images/tut-second.png | Bin 0 -> 78519 bytes
content/cn/guide/images/tut1.jpg | Bin 0 -> 47442 bytes
content/cn/guide/images/tut2.jpg | Bin 0 -> 52428 bytes
content/cn/guide/images/tut3.png | Bin 0 -> 52198 bytes
content/cn/guide/images/tut4.gif | Bin 0 -> 218245 bytes
content/cn/guide/index.html | 524 +++
content/cn/guide/integrate-to-your-app.html | 575 +++
content/cn/guide/intro/app-architecture.html | 534 +++
content/cn/guide/intro/how-it-works.html | 542 +++
content/cn/guide/intro/index.html | 518 +++
content/cn/guide/intro/page-architecture.html | 533 +++
content/cn/guide/intro/using-vue.html | 536 +++
content/cn/guide/intro/web-dev-experience.html | 533 +++
content/cn/guide/intro/write-once.html | 528 +++
content/cn/guide/set-up-env.html | 552 +++
content/cn/guide/tools/devtools.html | 1 +
content/cn/guide/tools/index.html | 513 +++
content/cn/guide/tools/toolkit.html | 601 +++
content/cn/guide/tools/weexpack.html | 1 +
content/cn/hello/index.html | 243 ++
content/cn/index.html | 497 +++
content/cn/playground.html | 245 ++
content/cn/references/advanced/extend-jsfm.html | 1555 +++++++
.../references/advanced/extend-to-android.html | 1497 +++++++
.../cn/references/advanced/extend-to-html5.html | 1473 +++++++
.../cn/references/advanced/extend-to-ios.html | 1565 +++++++
content/cn/references/advanced/index.html | 1458 +++++++
.../advanced/integrate-devtool-to-android.html | 1595 ++++++++
.../advanced/integrate-devtool-to-ios.html | 1529 +++++++
content/cn/references/android-apis.html | 1506 +++++++
content/cn/references/bubble.html | 1459 +++++++
content/cn/references/color-names.html | 2122 ++++++++++
content/cn/references/common-event.html | 1492 +++++++
content/cn/references/common-style.html | 1669 ++++++++
content/cn/references/components/a.html | 1480 +++++++
content/cn/references/components/cell.html | 1483 +++++++
content/cn/references/components/div.html | 1489 +++++++
content/cn/references/components/image.html | 1516 +++++++
content/cn/references/components/index.html | 1467 +++++++
content/cn/references/components/indicator.html | 1488 +++++++
content/cn/references/components/input.html | 1564 +++++++
content/cn/references/components/list.html | 1541 +++++++
content/cn/references/components/loading.html | 1486 +++++++
content/cn/references/components/refresh.html | 1490 +++++++
content/cn/references/components/scroller.html | 1540 +++++++
content/cn/references/components/slider.html | 1500 +++++++
content/cn/references/components/switch.html | 1501 +++++++
content/cn/references/components/text.html | 1501 +++++++
content/cn/references/components/textarea.html | 1533 +++++++
content/cn/references/components/video.html | 1480 +++++++
content/cn/references/components/waterfall.html | 1494 +++++++
content/cn/references/components/web.html | 1493 +++++++
content/cn/references/downgrade.html | 1451 +++++++
content/cn/references/gesture.html | 1493 +++++++
content/cn/references/html5-apis.html | 1451 +++++++
content/cn/references/images/Artboard.jpg | Bin 0 -> 36223 bytes
content/cn/references/images/coding_weex_1.jpg | Bin 0 -> 56225 bytes
content/cn/references/images/css-boxmodel.png | Bin 0 -> 12581 bytes
.../cn/references/images/css-flexbox-align.jpg | Bin 0 -> 35005 bytes
.../references/images/css-flexbox-justify.svg | 59 +
.../cn/references/images/css-flexbox-sample.png | Bin 0 -> 3210 bytes
content/cn/references/images/div_1.jpg | Bin 0 -> 59561 bytes
content/cn/references/images/div_2.jpg | Bin 0 -> 62574 bytes
content/cn/references/images/div_3.jpg | Bin 0 -> 82345 bytes
content/cn/references/images/div_4.jpg | Bin 0 -> 200642 bytes
content/cn/references/images/image_1.jpg | Bin 0 -> 163705 bytes
content/cn/references/images/image_2.jpg | Bin 0 -> 255560 bytes
content/cn/references/images/list_2.jpg | Bin 0 -> 56635 bytes
content/cn/references/images/list_3.jpg | Bin 0 -> 128082 bytes
content/cn/references/images/list_4.jpg | Bin 0 -> 339799 bytes
content/cn/references/images/nav.jpg | Bin 0 -> 124441 bytes
content/cn/references/images/nav.png | Bin 0 -> 83497 bytes
content/cn/references/images/scroller_1.jpg | Bin 0 -> 344783 bytes
content/cn/references/images/style_1.jpg | Bin 0 -> 59366 bytes
content/cn/references/images/style_2.jpg | Bin 0 -> 59696 bytes
content/cn/references/index.html | 1462 +++++++
content/cn/references/ios-apis.html | 1482 +++++++
content/cn/references/js-service/index.html | 1458 +++++++
content/cn/references/jsfm-apis.html | 1467 +++++++
content/cn/references/migration/difference.html | 1708 ++++++++
content/cn/references/migration/index.html | 1454 +++++++
.../migration/migration-from-weex.html | 1567 +++++++
content/cn/references/modules/animation.html | 1580 +++++++
content/cn/references/modules/clipboard.html | 1472 +++++++
content/cn/references/modules/dom.html | 1475 +++++++
content/cn/references/modules/globalevent.html | 1474 +++++++
content/cn/references/modules/index.html | 1463 +++++++
content/cn/references/modules/modal.html | 1498 +++++++
content/cn/references/modules/navigator.html | 1472 +++++++
content/cn/references/modules/picker.html | 1498 +++++++
content/cn/references/modules/storage.html | 1506 +++++++
content/cn/references/modules/stream.html | 1492 +++++++
content/cn/references/modules/websocket.html | 1503 +++++++
content/cn/references/modules/webview.html | 1467 +++++++
content/cn/references/native-dom-api.html | 1611 ++++++++
content/cn/references/path.html | 1473 +++++++
content/cn/references/platform-difference.html | 1491 +++++++
content/cn/references/text-style.html | 1484 +++++++
content/cn/references/unit.html | 1467 +++++++
.../cn/references/vue/difference-of-vuex.html | 1477 +++++++
.../cn/references/vue/difference-with-web.html | 1508 +++++++
content/cn/references/vue/index.html | 1454 +++++++
content/cn/references/web-standards.html | 3853 ++++++++++++++++++
content/cn/references/weex-variable.html | 1469 +++++++
content/cn/releasenote.html | 485 +++
.../v-0.10/advanced/create-a-weex-project.html | 513 +++
.../advanced/customize-a-native-component.html | 469 +++
.../v-0.10/advanced/cuszomize-native-apis.html | 415 ++
.../cn/v-0.10/advanced/extend-to-android.html | 436 ++
content/cn/v-0.10/advanced/extend-to-html5.html | 445 ++
content/cn/v-0.10/advanced/extend-to-ios.html | 480 +++
.../v-0.10/advanced/how-data-binding-works.html | 404 ++
content/cn/v-0.10/advanced/images/how-arch.png | Bin 0 -> 62303 bytes
.../cn/v-0.10/advanced/images/how-render.png | Bin 0 -> 42957 bytes
content/cn/v-0.10/advanced/index.html | 443 ++
.../advanced/integrate-devtools-to-android.html | 539 +++
.../advanced/integrate-devtools-to-ios.html | 472 +++
.../v-0.10/advanced/integrate-to-android.html | 434 ++
.../cn/v-0.10/advanced/integrate-to-html5.html | 414 ++
.../cn/v-0.10/advanced/integrate-to-ios.html | 420 ++
content/cn/v-0.10/blog/index.html | 239 ++
.../guide/develop-on-your-local-machine.html | 612 +++
.../v-0.10/guide/how-to/debug-with-html5.html | 573 +++
content/cn/v-0.10/guide/how-to/index.html | 671 +++
.../guide/how-to/require-3rd-party-libs.html | 567 +++
.../how-to/transform-code-into-js-bundle.html | 598 +++
content/cn/v-0.10/guide/index.html | 575 +++
content/cn/v-0.10/guide/syntax/comm.html | 567 +++
.../v-0.10/guide/syntax/composed-component.html | 585 +++
.../cn/v-0.10/guide/syntax/config-n-data.html | 570 +++
.../cn/v-0.10/guide/syntax/data-binding.html | 600 +++
.../cn/v-0.10/guide/syntax/display-logic.html | 608 +++
content/cn/v-0.10/guide/syntax/events.html | 574 +++
content/cn/v-0.10/guide/syntax/id.html | 569 +++
content/cn/v-0.10/guide/syntax/index.html | 594 +++
.../cn/v-0.10/guide/syntax/render-logic.html | 567 +++
.../cn/v-0.10/guide/syntax/style-n-class.html | 587 +++
content/cn/v-0.10/index.html | 497 +++
content/cn/v-0.10/references/api.html | 1142 ++++++
content/cn/v-0.10/references/bubble.html | 1115 +++++
content/cn/v-0.10/references/cheatsheet.html | 1320 ++++++
content/cn/v-0.10/references/color-names.html | 1778 ++++++++
content/cn/v-0.10/references/common-attrs.html | 1132 +++++
content/cn/v-0.10/references/common-event.html | 1162 ++++++
content/cn/v-0.10/references/common-style.html | 1274 ++++++
.../cn/v-0.10/references/component-defs.html | 1125 +++++
content/cn/v-0.10/references/components/a.html | 1142 ++++++
.../cn/v-0.10/references/components/cell.html | 1139 ++++++
.../cn/v-0.10/references/components/div.html | 1147 ++++++
.../cn/v-0.10/references/components/image.html | 1167 ++++++
.../cn/v-0.10/references/components/index.html | 1123 +++++
.../v-0.10/references/components/indicator.html | 1144 ++++++
.../cn/v-0.10/references/components/input.html | 1184 ++++++
.../cn/v-0.10/references/components/list.html | 1187 ++++++
.../v-0.10/references/components/loading.html | 1143 ++++++
.../v-0.10/references/components/refresh.html | 1147 ++++++
.../v-0.10/references/components/scroller.html | 1175 ++++++
.../cn/v-0.10/references/components/slider.html | 1150 ++++++
.../cn/v-0.10/references/components/switch.html | 1157 ++++++
.../cn/v-0.10/references/components/text.html | 1155 ++++++
.../v-0.10/references/components/textarea.html | 1181 ++++++
.../cn/v-0.10/references/components/video.html | 1136 ++++++
.../cn/v-0.10/references/components/web.html | 1149 ++++++
content/cn/v-0.10/references/gesture.html | 1150 ++++++
.../cn/v-0.10/references/images/Artboard.jpg | Bin 0 -> 36223 bytes
.../v-0.10/references/images/coding_weex_1.jpg | Bin 0 -> 56225 bytes
.../v-0.10/references/images/css-boxmodel.png | Bin 0 -> 12581 bytes
.../references/images/css-flexbox-align.jpg | Bin 0 -> 35005 bytes
.../references/images/css-flexbox-justify.svg | 59 +
content/cn/v-0.10/references/images/div_1.jpg | Bin 0 -> 59561 bytes
content/cn/v-0.10/references/images/div_2.jpg | Bin 0 -> 62574 bytes
content/cn/v-0.10/references/images/div_3.jpg | Bin 0 -> 82345 bytes
content/cn/v-0.10/references/images/div_4.jpg | Bin 0 -> 200642 bytes
content/cn/v-0.10/references/images/image_1.jpg | Bin 0 -> 163705 bytes
content/cn/v-0.10/references/images/image_2.jpg | Bin 0 -> 255560 bytes
content/cn/v-0.10/references/images/list_2.jpg | Bin 0 -> 56635 bytes
content/cn/v-0.10/references/images/list_3.jpg | Bin 0 -> 128082 bytes
content/cn/v-0.10/references/images/list_4.jpg | Bin 0 -> 339799 bytes
content/cn/v-0.10/references/images/nav.jpg | Bin 0 -> 124441 bytes
.../cn/v-0.10/references/images/scroller_1.jpg | Bin 0 -> 344783 bytes
content/cn/v-0.10/references/images/style_1.jpg | Bin 0 -> 59366 bytes
content/cn/v-0.10/references/images/style_2.jpg | Bin 0 -> 59696 bytes
content/cn/v-0.10/references/index.html | 1122 +++++
.../cn/v-0.10/references/modules/animation.html | 1251 ++++++
.../cn/v-0.10/references/modules/clipboard.html | 1130 +++++
content/cn/v-0.10/references/modules/dom.html | 1122 +++++
.../v-0.10/references/modules/globalevent.html | 1130 +++++
content/cn/v-0.10/references/modules/index.html | 1108 +++++
content/cn/v-0.10/references/modules/modal.html | 1156 ++++++
.../cn/v-0.10/references/modules/navigator.html | 1130 +++++
.../cn/v-0.10/references/modules/storage.html | 1169 ++++++
.../cn/v-0.10/references/modules/stream.html | 1144 ++++++
.../cn/v-0.10/references/modules/webview.html | 1124 +++++
content/cn/v-0.10/references/replace.html | 265 ++
.../cn/v-0.10/references/special-element.html | 1111 +++++
content/cn/v-0.10/references/specs/index.html | 1212 ++++++
.../references/specs/js-framework-apis.html | 1172 ++++++
.../references/specs/virtual-dom-apis.html | 1125 +++++
content/cn/v-0.10/references/text-style.html | 1133 +++++
content/cn/v-0.10/references/units.html | 1124 +++++
content/cn/v-0.10/references/wxc/index.html | 1117 +++++
.../cn/v-0.10/references/wxc/wxc-navpage.html | 1173 ++++++
.../cn/v-0.10/references/wxc/wxc-tabbar.html | 1159 ++++++
content/cn/v-0.10/tools/devtools-android.html | 405 ++
content/cn/v-0.10/tools/devtools-ios.html | 378 ++
content/cn/v-0.10/tools/devtools.html | 368 ++
content/cn/v-0.10/tools/index.html | 344 ++
content/cn/v-0.10/tools/playground.html | 333 ++
content/cn/v-0.10/tools/transformer.html | 333 ++
content/content.json | 1 +
content/css/animation.css | 196 +
content/css/atom-one-dark.css | 83 +
content/css/blog.css | 26 +
content/css/common.css | 215 +
content/css/example.css | 95 +
content/css/index.css | 504 +++
content/css/media-queries.css | 138 +
content/css/partial/article-title.css | 23 +
content/css/partial/article.css | 53 +
content/css/partial/footer.css | 58 +
content/css/partial/header.css | 104 +
content/css/partial/highlight.css | 87 +
content/css/partial/search-form.css | 61 +
content/css/partial/sidebar.css | 60 +
content/css/partial/summary.css | 35 +
content/css/playground.css | 46 +
content/css/post.css | 71 +
content/css/style.css | 1679 ++++++++
content/css/swiper.min.css | 15 +
content/css/variable.css | 6 +
content/doc/advanced/extend-to-android.html | 1 +
content/doc/advanced/extend-to-html5.html | 1 +
content/doc/advanced/extend-to-ios.html | 1 +
.../doc/advanced/how-data-binding-works.html | 1 +
content/doc/advanced/how-it-works.html | 1 +
content/doc/advanced/integrate-to-android.html | 1 +
content/doc/advanced/integrate-to-html5.html | 1 +
content/doc/advanced/integrate-to-ios.html | 1 +
content/doc/advanced/main.html | 1 +
content/doc/components/a.html | 1 +
content/doc/components/cell.html | 1 +
content/doc/components/div.html | 1 +
content/doc/components/image.html | 1 +
content/doc/components/indicator.html | 1 +
content/doc/components/input.html | 1 +
content/doc/components/list.html | 1 +
content/doc/components/main.html | 1 +
content/doc/components/refresh-loading.html | 1 +
content/doc/components/scroller.html | 1 +
content/doc/components/slider.html | 1 +
content/doc/components/special-element.html | 1 +
content/doc/components/switch.html | 1 +
content/doc/components/text.html | 1 +
content/doc/components/textarea.html | 1 +
content/doc/components/video.html | 1 +
content/doc/components/web.html | 1 +
content/doc/components/wxc-navpage.html | 1 +
content/doc/components/wxc-tabbar.html | 1 +
content/doc/demo/animation.html | 1 +
content/doc/demo/clipboard.html | 1 +
content/doc/demo/hello-world.html | 1 +
content/doc/demo/list.html | 1 +
content/doc/demo/modal.html | 1 +
content/doc/demo/slider.html | 1 +
content/doc/faq.html | 1 +
content/doc/guide.html | 1 +
.../how-to/customize-a-native-component.html | 1 +
content/doc/how-to/cuszomize-native-apis.html | 1 +
content/doc/how-to/debug-with-html5.html | 1 +
content/doc/how-to/main.html | 1 +
content/doc/how-to/preview-in-browser.html | 1 +
.../doc/how-to/preview-in-playground-app.html | 1 +
content/doc/how-to/require-3rd-party-libs.html | 1 +
.../how-to/transform-code-into-js-bundle.html | 1 +
content/doc/index.html | 1 +
content/doc/modules/animation.html | 1 +
content/doc/modules/clipboard.html | 1 +
content/doc/modules/dom.html | 1 +
content/doc/modules/globalevent.html | 1 +
content/doc/modules/main.html | 1 +
content/doc/modules/modal.html | 1 +
content/doc/modules/navigator.html | 1 +
content/doc/modules/picker.html | 1 +
content/doc/modules/storage.html | 1 +
content/doc/modules/stream.html | 1 +
content/doc/modules/timer.html | 1 +
content/doc/modules/webview.html | 1 +
content/doc/references/api.html | 1 +
content/doc/references/bootstrap.html | 1 +
content/doc/references/color-names.html | 1 +
content/doc/references/common-attrs.html | 1 +
content/doc/references/common-event.html | 1 +
content/doc/references/common-style.html | 1 +
content/doc/references/component-defs.html | 1 +
content/doc/references/gesture.html | 1 +
content/doc/references/main.html | 1 +
content/doc/references/text-style.html | 1 +
content/doc/specs/js-bundle-format.html | 1 +
content/doc/specs/js-framework-apis.html | 1 +
content/doc/specs/virtual-dom-apis.html | 1 +
content/doc/syntax/comm.html | 1 +
content/doc/syntax/composed-component.html | 1 +
content/doc/syntax/config-n-data.html | 1 +
content/doc/syntax/data-binding.html | 1 +
content/doc/syntax/display-logic.html | 1 +
content/doc/syntax/events.html | 1 +
content/doc/syntax/id.html | 1 +
content/doc/syntax/main.html | 1 +
content/doc/syntax/path.html | 1 +
content/doc/syntax/render-logic.html | 1 +
content/doc/syntax/style-n-class.html | 1 +
content/doc/tools/cli.html | 1 +
content/doc/tools/devtools-android.html | 1 +
content/doc/tools/devtools-ios.html | 1 +
content/doc/tools/devtools.html | 1 +
content/doc/tools/playground-app.html | 1 +
content/doc/tools/transformer.html | 1 +
content/doc/tutorial.html | 1 +
content/download.html | 235 ++
content/en/hello-world/index.html | 243 ++
content/examples/a.html | 256 ++
content/examples/animation.html | 256 ++
content/examples/clipboard.html | 256 ++
content/examples/div.html | 256 ++
content/examples/dom-rect.html | 256 ++
content/examples/dom-scroll.html | 256 ++
content/examples/image.html | 256 ++
content/examples/indicator.html | 256 ++
content/examples/input.html | 256 ++
content/examples/list.html | 256 ++
content/examples/modal.html | 256 ++
content/examples/navigator.html | 256 ++
content/examples/refresh.html | 256 ++
content/examples/scroller.html | 256 ++
content/examples/slider.html | 256 ++
content/examples/storage.html | 256 ++
content/examples/stream.html | 257 ++
content/examples/switch.html | 256 ++
content/examples/text.html | 257 ++
content/examples/textarea.html | 257 ++
content/examples/video.html | 256 ++
content/examples/web.html | 256 ++
content/faq.html | 289 ++
content/guide/contributing.html | 591 +++
content/guide/images/flow.png | Bin 0 -> 57741 bytes
content/guide/images/tut-cli-qrcode.png | Bin 0 -> 45480 bytes
content/guide/images/tut-first.png | Bin 0 -> 51434 bytes
content/guide/images/tut-second.png | Bin 0 -> 78519 bytes
content/guide/images/tut1.jpg | Bin 0 -> 47442 bytes
content/guide/images/tut2.jpg | Bin 0 -> 52428 bytes
content/guide/images/tut3.png | Bin 0 -> 52198 bytes
content/guide/images/tut4.gif | Bin 0 -> 218245 bytes
content/guide/index.html | 531 +++
content/guide/integrate-to-your-app.html | 564 +++
content/guide/intro/app-architecture.html | 534 +++
content/guide/intro/how-it-works.html | 547 +++
content/guide/intro/index.html | 518 +++
content/guide/intro/page-architecture.html | 533 +++
content/guide/intro/using-vue.html | 534 +++
content/guide/intro/web-dev-experience.html | 532 +++
content/guide/intro/write-once.html | 527 +++
content/guide/set-up-env.html | 532 +++
content/guide/tools/devtools.html | 1 +
content/guide/tools/index.html | 513 +++
content/guide/tools/toolkit.html | 592 +++
content/guide/tools/weexpack.html | 1 +
content/images/ali-open-source.png | Bin 0 -> 2193 bytes
content/images/alibaba.png | Bin 0 -> 2107 bytes
content/images/aliyun.png | Bin 0 -> 1292 bytes
content/images/android.png | Bin 0 -> 5973 bytes
content/images/avatar.png | Bin 0 -> 32736 bytes
content/images/cainiao.png | Bin 0 -> 3353 bytes
content/images/ding.png | Bin 0 -> 5929 bytes
content/images/extendable.svg | 51 +
content/images/feature.png | Bin 0 -> 1090905 bytes
content/images/feizhu.jpg | Bin 0 -> 5988 bytes
content/images/fliggy.png | Bin 0 -> 19329 bytes
content/images/flow.png | Bin 0 -> 14440 bytes
content/images/galaxy_1.svg | 53 +
content/images/galaxy_2.svg | 53 +
content/images/ios.png | Bin 0 -> 6272 bytes
content/images/juhuasuan.png | Bin 0 -> 46340 bytes
content/images/level1.png | Bin 0 -> 14951 bytes
content/images/level2.png | Bin 0 -> 101449 bytes
content/images/level3.png | Bin 0 -> 101212 bytes
content/images/level4.png | Bin 0 -> 339831 bytes
content/images/lightweight.svg | 31 +
content/images/logo.png | Bin 0 -> 5398 bytes
content/images/logo.svg | 29 +
content/images/performance.svg | 29 +
content/images/playground.png | Bin 0 -> 12659 bytes
content/images/qianniu.png | Bin 0 -> 19852 bytes
content/images/qr.png | Bin 0 -> 1801 bytes
content/images/slide1.png | Bin 0 -> 226303 bytes
content/images/taobao.png | Bin 0 -> 3074 bytes
content/images/taopiaopiao.png | Bin 0 -> 12460 bytes
content/images/tmall.png | Bin 0 -> 8562 bytes
content/images/vue-logo.png | Bin 0 -> 5346 bytes
content/images/vue.png | Bin 0 -> 16582 bytes
content/images/web.png | Bin 0 -> 9297 bytes
content/images/xiami.png | Bin 0 -> 2615 bytes
content/images/youku.png | Bin 0 -> 2178 bytes
content/index.html | 496 +++
content/js/common.js | 605 +++
content/js/example.js | 37 +
content/js/examples/a.web.js | 528 +++
content/js/examples/a.weex.js | 198 +
content/js/examples/animation.web.js | 569 +++
content/js/examples/animation.weex.js | 224 +
content/js/examples/clipboard.web.js | 583 +++
content/js/examples/clipboard.weex.js | 249 ++
content/js/examples/div.web.js | 523 +++
content/js/examples/div.weex.js | 183 +
content/js/examples/dom-rect.web.js | 589 +++
content/js/examples/dom-rect.weex.js | 254 ++
content/js/examples/dom-scroll.web.js | 598 +++
content/js/examples/dom-scroll.weex.js | 288 ++
content/js/examples/image.web.js | 542 +++
content/js/examples/image.weex.js | 225 +
content/js/examples/indicator.web.js | 618 +++
content/js/examples/indicator.weex.js | 307 ++
content/js/examples/input.web.js | 586 +++
content/js/examples/input.weex.js | 251 ++
content/js/examples/list.web.js | 584 +++
content/js/examples/list.weex.js | 252 ++
content/js/examples/modal.web.js | 604 +++
content/js/examples/modal.weex.js | 272 ++
content/js/examples/navigator.web.js | 562 +++
content/js/examples/navigator.weex.js | 230 ++
content/js/examples/refresh.web.js | 594 +++
content/js/examples/refresh.weex.js | 267 ++
content/js/examples/scroller.web.js | 598 +++
content/js/examples/scroller.weex.js | 288 ++
content/js/examples/slider.web.js | 587 +++
content/js/examples/slider.weex.js | 255 ++
content/js/examples/storage.web.js | 634 +++
content/js/examples/storage.weex.js | 317 ++
content/js/examples/stream.web.js | 590 +++
content/js/examples/stream.weex.js | 259 ++
content/js/examples/switch.web.js | 605 +++
content/js/examples/switch.weex.js | 280 ++
content/js/examples/text.web.js | 535 +++
content/js/examples/text.weex.js | 208 +
content/js/examples/textarea.web.js | 582 +++
content/js/examples/textarea.weex.js | 247 ++
content/js/examples/video.web.js | 593 +++
content/js/examples/video.weex.js | 254 ++
content/js/examples/web.web.js | 923 +++++
content/js/examples/web.weex.js | 600 +++
content/js/highlight.pack.js | 2 +
content/js/mobile-detect.js | 3 +
content/js/qrcode.min.js | 1 +
content/js/reqwest.js | 7 +
content/js/swiper.min.js | 18 +
content/js/velocity.js | 5 +
content/playground.html | 245 ++
content/references/advanced/extend-jsfm.html | 1543 +++++++
.../references/advanced/extend-to-android.html | 1484 +++++++
.../references/advanced/extend-to-html5.html | 1443 +++++++
content/references/advanced/extend-to-ios.html | 1543 +++++++
content/references/advanced/index.html | 1440 +++++++
.../advanced/integrate-devtool-to-android.html | 1496 +++++++
.../advanced/integrate-devtool-to-ios.html | 1492 +++++++
content/references/android-apis.html | 1482 +++++++
content/references/bubble.html | 1441 +++++++
content/references/color-names.html | 2104 ++++++++++
content/references/common-event.html | 1465 +++++++
content/references/common-style.html | 1612 ++++++++
content/references/components/a.html | 1442 +++++++
content/references/components/cell.html | 1452 +++++++
content/references/components/div.html | 1450 +++++++
content/references/components/image.html | 1466 +++++++
content/references/components/index.html | 1449 +++++++
content/references/components/indicator.html | 1455 +++++++
content/references/components/input.html | 1525 +++++++
content/references/components/list.html | 1472 +++++++
content/references/components/refresh.html | 1474 +++++++
content/references/components/scroller.html | 1470 +++++++
content/references/components/slider.html | 1458 +++++++
content/references/components/switch.html | 1462 +++++++
content/references/components/text.html | 1472 +++++++
content/references/components/textarea.html | 1489 +++++++
content/references/components/video.html | 1457 +++++++
content/references/components/waterfall.html | 1467 +++++++
content/references/components/web.html | 1447 +++++++
content/references/downgrade.html | 1433 +++++++
content/references/gesture.html | 1478 +++++++
content/references/html5-apis.html | 1433 +++++++
content/references/images/css-boxmodel.png | Bin 0 -> 12581 bytes
content/references/images/css-flexbox-align.jpg | Bin 0 -> 35005 bytes
.../references/images/css-flexbox-justify.svg | 59 +
.../references/images/css-flexbox-sample.png | Bin 0 -> 3210 bytes
content/references/images/nav.png | Bin 0 -> 83497 bytes
content/references/index.html | 1444 +++++++
content/references/ios-apis.html | 1456 +++++++
content/references/js-service/index.html | 1440 +++++++
content/references/jsfm-apis.html | 1449 +++++++
content/references/migration/difference.html | 1433 +++++++
content/references/migration/index.html | 1436 +++++++
.../migration/migration-from-weex.html | 1433 +++++++
content/references/modules/animation.html | 1560 +++++++
content/references/modules/clipboard.html | 1445 +++++++
content/references/modules/dom.html | 1456 +++++++
content/references/modules/globalevent.html | 1456 +++++++
content/references/modules/index.html | 1445 +++++++
content/references/modules/modal.html | 1487 +++++++
content/references/modules/navigator.html | 1457 +++++++
content/references/modules/picker.html | 1479 +++++++
content/references/modules/storage.html | 1461 +++++++
content/references/modules/stream.html | 1485 +++++++
content/references/modules/websocket.html | 1485 +++++++
content/references/modules/webview.html | 1453 +++++++
content/references/native-dom-api.html | 1587 ++++++++
content/references/path.html | 1448 +++++++
content/references/platfrom-difference.html | 1433 +++++++
content/references/text-style.html | 1462 +++++++
content/references/unit.html | 1433 +++++++
content/references/vue/difference-of-vuex.html | 1464 +++++++
content/references/vue/difference-with-web.html | 1496 +++++++
content/references/vue/index.html | 1436 +++++++
content/references/web-standards.html | 3835 +++++++++++++++++
content/references/weex-variable.html | 1462 +++++++
content/releasenote.html | 485 +++
content/v-0.10/advanced/extend-to-android.html | 393 ++
content/v-0.10/advanced/extend-to-html5.html | 395 ++
content/v-0.10/advanced/extend-to-ios.html | 455 +++
.../v-0.10/advanced/how-data-binding-works.html | 354 ++
content/v-0.10/advanced/images/how-arch.png | Bin 0 -> 62303 bytes
content/v-0.10/advanced/images/how-render.png | Bin 0 -> 42957 bytes
content/v-0.10/advanced/index.html | 392 ++
.../v-0.10/advanced/integrate-to-android.html | 394 ++
content/v-0.10/advanced/integrate-to-html5.html | 364 ++
content/v-0.10/advanced/integrate-to-ios.html | 371 ++
.../how-to/customize-a-native-component.html | 603 +++
.../guide/how-to/cuszomize-native-apis.html | 605 +++
.../v-0.10/guide/how-to/debug-with-html5.html | 607 +++
content/v-0.10/guide/how-to/index.html | 600 +++
.../guide/how-to/preview-in-playground-app.html | 603 +++
.../guide/how-to/require-3rd-party-libs.html | 600 +++
.../how-to/transform-code-into-js-bundle.html | 631 +++
content/v-0.10/guide/images/tut-cli-qrcode.png | Bin 0 -> 45480 bytes
content/v-0.10/guide/images/tut-first.png | Bin 0 -> 51434 bytes
content/v-0.10/guide/images/tut-second.png | Bin 0 -> 78519 bytes
content/v-0.10/guide/images/tut1.jpg | Bin 0 -> 47442 bytes
content/v-0.10/guide/images/tut2.jpg | Bin 0 -> 52428 bytes
content/v-0.10/guide/images/tut3.png | Bin 0 -> 52198 bytes
content/v-0.10/guide/images/tut4.gif | Bin 0 -> 218245 bytes
content/v-0.10/guide/index.html | 633 +++
content/v-0.10/guide/syntax/comm.html | 602 +++
.../v-0.10/guide/syntax/composed-component.html | 608 +++
content/v-0.10/guide/syntax/config-n-data.html | 603 +++
content/v-0.10/guide/syntax/data-binding.html | 631 +++
content/v-0.10/guide/syntax/display-logic.html | 614 +++
content/v-0.10/guide/syntax/events.html | 602 +++
content/v-0.10/guide/syntax/id.html | 597 +++
content/v-0.10/guide/syntax/index.html | 627 +++
content/v-0.10/guide/syntax/render-logic.html | 597 +++
content/v-0.10/guide/syntax/style-n-class.html | 619 +++
content/v-0.10/references/api.html | 1102 +++++
content/v-0.10/references/bubble.html | 1067 +++++
content/v-0.10/references/cheatsheet.html | 463 +++
content/v-0.10/references/color-names.html | 1730 ++++++++
content/v-0.10/references/common-attrs.html | 1088 +++++
content/v-0.10/references/common-event.html | 1133 +++++
content/v-0.10/references/common-style.html | 1182 ++++++
content/v-0.10/references/component-defs.html | 1077 +++++
content/v-0.10/references/components/a.html | 1069 +++++
content/v-0.10/references/components/cell.html | 1075 +++++
content/v-0.10/references/components/div.html | 1075 +++++
content/v-0.10/references/components/image.html | 1084 +++++
content/v-0.10/references/components/index.html | 1075 +++++
.../v-0.10/references/components/indicator.html | 1080 +++++
content/v-0.10/references/components/input.html | 1114 +++++
content/v-0.10/references/components/list.html | 1101 +++++
.../references/components/refresh-loading.html | 1104 +++++
.../v-0.10/references/components/scroller.html | 1094 +++++
.../v-0.10/references/components/slider.html | 1082 +++++
.../v-0.10/references/components/switch.html | 1090 +++++
content/v-0.10/references/components/text.html | 1094 +++++
.../v-0.10/references/components/textarea.html | 1108 +++++
content/v-0.10/references/components/video.html | 1085 +++++
content/v-0.10/references/components/web.html | 1074 +++++
.../references/components/wxc-navpage.html | 1090 +++++
.../references/components/wxc-tabbar.html | 1092 +++++
content/v-0.10/references/gesture.html | 1102 +++++
.../v-0.10/references/images/css-boxmodel.png | Bin 0 -> 12581 bytes
.../references/images/css-flexbox-align.jpg | Bin 0 -> 35005 bytes
.../references/images/css-flexbox-justify.svg | 59 +
.../references/images/css-flexbox-sample.png | Bin 0 -> 3210 bytes
content/v-0.10/references/images/nav.png | Bin 0 -> 83497 bytes
content/v-0.10/references/index.html | 1074 +++++
.../v-0.10/references/modules/animation.html | 1200 ++++++
.../v-0.10/references/modules/clipboard.html | 1072 +++++
content/v-0.10/references/modules/dom.html | 1111 +++++
.../v-0.10/references/modules/globalevent.html | 1082 +++++
content/v-0.10/references/modules/index.html | 1059 +++++
content/v-0.10/references/modules/modal.html | 1084 +++++
.../v-0.10/references/modules/navigator.html | 1166 ++++++
content/v-0.10/references/modules/storage.html | 1089 +++++
content/v-0.10/references/modules/stream.html | 1107 +++++
content/v-0.10/references/modules/timer.html | 1081 +++++
content/v-0.10/references/modules/webview.html | 1079 +++++
content/v-0.10/references/special-element.html | 1062 +++++
content/v-0.10/references/specs/index.html | 1164 ++++++
.../references/specs/js-bundle-format.html | 1164 ++++++
.../references/specs/js-framework-apis.html | 1125 +++++
.../references/specs/virtual-dom-apis.html | 1077 +++++
content/v-0.10/references/text-style.html | 1079 +++++
content/v-0.10/tools/devtools-android.html | 405 ++
content/v-0.10/tools/devtools-ios.html | 381 ++
content/v-0.10/tools/devtools.html | 367 ++
content/v-0.10/tools/index.html | 344 ++
content/v-0.10/tools/playground.html | 332 ++
content/v-0.10/tools/transformer.html | 333 ++
css/animation.css | 196 -
css/atom-one-dark.css | 83 -
css/blog.css | 26 -
css/common.css | 215 -
css/example.css | 95 -
css/index.css | 504 ---
css/media-queries.css | 138 -
css/partial/article-title.css | 23 -
css/partial/article.css | 53 -
css/partial/footer.css | 58 -
css/partial/header.css | 104 -
css/partial/highlight.css | 87 -
css/partial/search-form.css | 61 -
css/partial/sidebar.css | 60 -
css/partial/summary.css | 35 -
css/playground.css | 46 -
css/post.css | 71 -
css/style.css | 1679 --------
css/swiper.min.css | 15 -
css/variable.css | 6 -
doc/advanced/extend-to-android.html | 1 -
doc/advanced/extend-to-html5.html | 1 -
doc/advanced/extend-to-ios.html | 1 -
doc/advanced/how-data-binding-works.html | 1 -
doc/advanced/how-it-works.html | 1 -
doc/advanced/integrate-to-android.html | 1 -
doc/advanced/integrate-to-html5.html | 1 -
doc/advanced/integrate-to-ios.html | 1 -
doc/advanced/main.html | 1 -
doc/components/a.html | 1 -
doc/components/cell.html | 1 -
doc/components/div.html | 1 -
doc/components/image.html | 1 -
doc/components/indicator.html | 1 -
doc/components/input.html | 1 -
doc/components/list.html | 1 -
doc/components/main.html | 1 -
doc/components/refresh-loading.html | 1 -
doc/components/scroller.html | 1 -
doc/components/slider.html | 1 -
doc/components/special-element.html | 1 -
doc/components/switch.html | 1 -
doc/components/text.html | 1 -
doc/components/textarea.html | 1 -
doc/components/video.html | 1 -
doc/components/web.html | 1 -
doc/components/wxc-navpage.html | 1 -
doc/components/wxc-tabbar.html | 1 -
doc/demo/animation.html | 1 -
doc/demo/clipboard.html | 1 -
doc/demo/hello-world.html | 1 -
doc/demo/list.html | 1 -
doc/demo/modal.html | 1 -
doc/demo/slider.html | 1 -
doc/faq.html | 1 -
doc/guide.html | 1 -
doc/how-to/customize-a-native-component.html | 1 -
doc/how-to/cuszomize-native-apis.html | 1 -
doc/how-to/debug-with-html5.html | 1 -
doc/how-to/main.html | 1 -
doc/how-to/preview-in-browser.html | 1 -
doc/how-to/preview-in-playground-app.html | 1 -
doc/how-to/require-3rd-party-libs.html | 1 -
doc/how-to/transform-code-into-js-bundle.html | 1 -
doc/index.html | 1 -
doc/modules/animation.html | 1 -
doc/modules/clipboard.html | 1 -
doc/modules/dom.html | 1 -
doc/modules/globalevent.html | 1 -
doc/modules/main.html | 1 -
doc/modules/modal.html | 1 -
doc/modules/navigator.html | 1 -
doc/modules/picker.html | 1 -
doc/modules/storage.html | 1 -
doc/modules/stream.html | 1 -
doc/modules/timer.html | 1 -
doc/modules/webview.html | 1 -
doc/references/api.html | 1 -
doc/references/bootstrap.html | 1 -
doc/references/color-names.html | 1 -
doc/references/common-attrs.html | 1 -
doc/references/common-event.html | 1 -
doc/references/common-style.html | 1 -
doc/references/component-defs.html | 1 -
doc/references/gesture.html | 1 -
doc/references/main.html | 1 -
doc/references/text-style.html | 1 -
doc/specs/js-bundle-format.html | 1 -
doc/specs/js-framework-apis.html | 1 -
doc/specs/virtual-dom-apis.html | 1 -
doc/syntax/comm.html | 1 -
doc/syntax/composed-component.html | 1 -
doc/syntax/config-n-data.html | 1 -
doc/syntax/data-binding.html | 1 -
doc/syntax/display-logic.html | 1 -
doc/syntax/events.html | 1 -
doc/syntax/id.html | 1 -
doc/syntax/main.html | 1 -
doc/syntax/path.html | 1 -
doc/syntax/render-logic.html | 1 -
doc/syntax/style-n-class.html | 1 -
doc/tools/cli.html | 1 -
doc/tools/devtools-android.html | 1 -
doc/tools/devtools-ios.html | 1 -
doc/tools/devtools.html | 1 -
doc/tools/playground-app.html | 1 -
doc/tools/transformer.html | 1 -
doc/tutorial.html | 1 -
download.html | 235 --
en/hello-world/index.html | 243 --
examples/a.html | 256 --
examples/animation.html | 256 --
examples/clipboard.html | 256 --
examples/div.html | 256 --
examples/dom-rect.html | 256 --
examples/dom-scroll.html | 256 --
examples/image.html | 256 --
examples/indicator.html | 256 --
examples/input.html | 256 --
examples/list.html | 256 --
examples/modal.html | 256 --
examples/navigator.html | 256 --
examples/refresh.html | 256 --
examples/scroller.html | 256 --
examples/slider.html | 256 --
examples/storage.html | 256 --
examples/stream.html | 257 --
examples/switch.html | 256 --
examples/text.html | 257 --
examples/textarea.html | 257 --
examples/video.html | 256 --
examples/web.html | 256 --
faq.html | 289 --
guide/contributing.html | 591 ---
guide/images/flow.png | Bin 57741 -> 0 bytes
guide/images/tut-cli-qrcode.png | Bin 45480 -> 0 bytes
guide/images/tut-first.png | Bin 51434 -> 0 bytes
guide/images/tut-second.png | Bin 78519 -> 0 bytes
guide/images/tut1.jpg | Bin 47442 -> 0 bytes
guide/images/tut2.jpg | Bin 52428 -> 0 bytes
guide/images/tut3.png | Bin 52198 -> 0 bytes
guide/images/tut4.gif | Bin 218245 -> 0 bytes
guide/index.html | 531 ---
guide/integrate-to-your-app.html | 564 ---
guide/intro/app-architecture.html | 534 ---
guide/intro/how-it-works.html | 547 ---
guide/intro/index.html | 518 ---
guide/intro/page-architecture.html | 533 ---
guide/intro/using-vue.html | 534 ---
guide/intro/web-dev-experience.html | 532 ---
guide/intro/write-once.html | 527 ---
guide/set-up-env.html | 532 ---
guide/tools/devtools.html | 1 -
guide/tools/index.html | 513 ---
guide/tools/toolkit.html | 592 ---
guide/tools/weexpack.html | 1 -
images/ali-open-source.png | Bin 2193 -> 0 bytes
images/alibaba.png | Bin 2107 -> 0 bytes
images/aliyun.png | Bin 1292 -> 0 bytes
images/android.png | Bin 5973 -> 0 bytes
images/avatar.png | Bin 32736 -> 0 bytes
images/cainiao.png | Bin 3353 -> 0 bytes
images/ding.png | Bin 5929 -> 0 bytes
images/extendable.svg | 51 -
images/feature.png | Bin 1090905 -> 0 bytes
images/feizhu.jpg | Bin 5988 -> 0 bytes
images/fliggy.png | Bin 19329 -> 0 bytes
images/flow.png | Bin 14440 -> 0 bytes
images/galaxy_1.svg | 53 -
images/galaxy_2.svg | 53 -
images/ios.png | Bin 6272 -> 0 bytes
images/juhuasuan.png | Bin 46340 -> 0 bytes
images/level1.png | Bin 14951 -> 0 bytes
images/level2.png | Bin 101449 -> 0 bytes
images/level3.png | Bin 101212 -> 0 bytes
images/level4.png | Bin 339831 -> 0 bytes
images/lightweight.svg | 31 -
images/logo.png | Bin 5398 -> 0 bytes
images/logo.svg | 29 -
images/performance.svg | 29 -
images/playground.png | Bin 12659 -> 0 bytes
images/qianniu.png | Bin 19852 -> 0 bytes
images/qr.png | Bin 1801 -> 0 bytes
images/slide1.png | Bin 226303 -> 0 bytes
images/taobao.png | Bin 3074 -> 0 bytes
images/taopiaopiao.png | Bin 12460 -> 0 bytes
images/tmall.png | Bin 8562 -> 0 bytes
images/vue-logo.png | Bin 5346 -> 0 bytes
images/vue.png | Bin 16582 -> 0 bytes
images/web.png | Bin 9297 -> 0 bytes
images/xiami.png | Bin 2615 -> 0 bytes
images/youku.png | Bin 2178 -> 0 bytes
index.html | 496 ---
js/common.js | 605 ---
js/example.js | 37 -
js/examples/a.web.js | 528 ---
js/examples/a.weex.js | 198 -
js/examples/animation.web.js | 569 ---
js/examples/animation.weex.js | 224 -
js/examples/clipboard.web.js | 583 ---
js/examples/clipboard.weex.js | 249 --
js/examples/div.web.js | 523 ---
js/examples/div.weex.js | 183 -
js/examples/dom-rect.web.js | 589 ---
js/examples/dom-rect.weex.js | 254 --
js/examples/dom-scroll.web.js | 598 ---
js/examples/dom-scroll.weex.js | 288 --
js/examples/image.web.js | 542 ---
js/examples/image.weex.js | 225 -
js/examples/indicator.web.js | 618 ---
js/examples/indicator.weex.js | 307 --
js/examples/input.web.js | 586 ---
js/examples/input.weex.js | 251 --
js/examples/list.web.js | 584 ---
js/examples/list.weex.js | 252 --
js/examples/modal.web.js | 604 ---
js/examples/modal.weex.js | 272 --
js/examples/navigator.web.js | 562 ---
js/examples/navigator.weex.js | 230 --
js/examples/refresh.web.js | 594 ---
js/examples/refresh.weex.js | 267 --
js/examples/scroller.web.js | 598 ---
js/examples/scroller.weex.js | 288 --
js/examples/slider.web.js | 587 ---
js/examples/slider.weex.js | 255 --
js/examples/storage.web.js | 634 ---
js/examples/storage.weex.js | 317 --
js/examples/stream.web.js | 590 ---
js/examples/stream.weex.js | 259 --
js/examples/switch.web.js | 605 ---
js/examples/switch.weex.js | 280 --
js/examples/text.web.js | 535 ---
js/examples/text.weex.js | 208 -
js/examples/textarea.web.js | 582 ---
js/examples/textarea.weex.js | 247 --
js/examples/video.web.js | 593 ---
js/examples/video.weex.js | 254 --
js/examples/web.web.js | 923 -----
js/examples/web.weex.js | 600 ---
js/highlight.pack.js | 2 -
js/mobile-detect.js | 3 -
js/qrcode.min.js | 1 -
js/reqwest.js | 7 -
js/swiper.min.js | 18 -
js/velocity.js | 5 -
playground.html | 245 --
references/advanced/extend-jsfm.html | 1543 -------
references/advanced/extend-to-android.html | 1484 -------
references/advanced/extend-to-html5.html | 1443 -------
references/advanced/extend-to-ios.html | 1543 -------
references/advanced/index.html | 1440 -------
.../advanced/integrate-devtool-to-android.html | 1496 -------
.../advanced/integrate-devtool-to-ios.html | 1492 -------
references/android-apis.html | 1482 -------
references/bubble.html | 1441 -------
references/color-names.html | 2104 ----------
references/common-event.html | 1465 -------
references/common-style.html | 1612 --------
references/components/a.html | 1442 -------
references/components/cell.html | 1452 -------
references/components/div.html | 1450 -------
references/components/image.html | 1466 -------
references/components/index.html | 1449 -------
references/components/indicator.html | 1455 -------
references/components/input.html | 1525 -------
references/components/list.html | 1472 -------
references/components/refresh.html | 1474 -------
references/components/scroller.html | 1470 -------
references/components/slider.html | 1458 -------
references/components/switch.html | 1462 -------
references/components/text.html | 1472 -------
references/components/textarea.html | 1489 -------
references/components/video.html | 1457 -------
references/components/waterfall.html | 1467 -------
references/components/web.html | 1447 -------
references/downgrade.html | 1433 -------
references/gesture.html | 1478 -------
references/html5-apis.html | 1433 -------
references/images/css-boxmodel.png | Bin 12581 -> 0 bytes
references/images/css-flexbox-align.jpg | Bin 35005 -> 0 bytes
references/images/css-flexbox-justify.svg | 59 -
references/images/css-flexbox-sample.png | Bin 3210 -> 0 bytes
references/images/nav.png | Bin 83497 -> 0 bytes
references/index.html | 1444 -------
references/ios-apis.html | 1456 -------
references/js-service/index.html | 1440 -------
references/jsfm-apis.html | 1449 -------
references/migration/difference.html | 1433 -------
references/migration/index.html | 1436 -------
references/migration/migration-from-weex.html | 1433 -------
references/modules/animation.html | 1560 -------
references/modules/clipboard.html | 1445 -------
references/modules/dom.html | 1456 -------
references/modules/globalevent.html | 1456 -------
references/modules/index.html | 1445 -------
references/modules/modal.html | 1487 -------
references/modules/navigator.html | 1457 -------
references/modules/picker.html | 1479 -------
references/modules/storage.html | 1461 -------
references/modules/stream.html | 1485 -------
references/modules/websocket.html | 1485 -------
references/modules/webview.html | 1453 -------
references/native-dom-api.html | 1587 --------
references/path.html | 1448 -------
references/platfrom-difference.html | 1433 -------
references/text-style.html | 1462 -------
references/unit.html | 1433 -------
references/vue/difference-of-vuex.html | 1464 -------
references/vue/difference-with-web.html | 1496 -------
references/vue/index.html | 1436 -------
references/web-standards.html | 3835 -----------------
references/weex-variable.html | 1462 -------
releasenote.html | 485 ---
v-0.10/advanced/extend-to-android.html | 393 --
v-0.10/advanced/extend-to-html5.html | 395 --
v-0.10/advanced/extend-to-ios.html | 455 ---
v-0.10/advanced/how-data-binding-works.html | 354 --
v-0.10/advanced/images/how-arch.png | Bin 62303 -> 0 bytes
v-0.10/advanced/images/how-render.png | Bin 42957 -> 0 bytes
v-0.10/advanced/index.html | 392 --
v-0.10/advanced/integrate-to-android.html | 394 --
v-0.10/advanced/integrate-to-html5.html | 364 --
v-0.10/advanced/integrate-to-ios.html | 371 --
.../how-to/customize-a-native-component.html | 603 ---
v-0.10/guide/how-to/cuszomize-native-apis.html | 605 ---
v-0.10/guide/how-to/debug-with-html5.html | 607 ---
v-0.10/guide/how-to/index.html | 600 ---
.../guide/how-to/preview-in-playground-app.html | 603 ---
v-0.10/guide/how-to/require-3rd-party-libs.html | 600 ---
.../how-to/transform-code-into-js-bundle.html | 631 ---
v-0.10/guide/images/tut-cli-qrcode.png | Bin 45480 -> 0 bytes
v-0.10/guide/images/tut-first.png | Bin 51434 -> 0 bytes
v-0.10/guide/images/tut-second.png | Bin 78519 -> 0 bytes
v-0.10/guide/images/tut1.jpg | Bin 47442 -> 0 bytes
v-0.10/guide/images/tut2.jpg | Bin 52428 -> 0 bytes
v-0.10/guide/images/tut3.png | Bin 52198 -> 0 bytes
v-0.10/guide/images/tut4.gif | Bin 218245 -> 0 bytes
v-0.10/guide/index.html | 633 ---
v-0.10/guide/syntax/comm.html | 602 ---
v-0.10/guide/syntax/composed-component.html | 608 ---
v-0.10/guide/syntax/config-n-data.html | 603 ---
v-0.10/guide/syntax/data-binding.html | 631 ---
v-0.10/guide/syntax/display-logic.html | 614 ---
v-0.10/guide/syntax/events.html | 602 ---
v-0.10/guide/syntax/id.html | 597 ---
v-0.10/guide/syntax/index.html | 627 ---
v-0.10/guide/syntax/render-logic.html | 597 ---
v-0.10/guide/syntax/style-n-class.html | 619 ---
v-0.10/references/api.html | 1102 -----
v-0.10/references/bubble.html | 1067 -----
v-0.10/references/cheatsheet.html | 463 ---
v-0.10/references/color-names.html | 1730 --------
v-0.10/references/common-attrs.html | 1088 -----
v-0.10/references/common-event.html | 1133 -----
v-0.10/references/common-style.html | 1182 ------
v-0.10/references/component-defs.html | 1077 -----
v-0.10/references/components/a.html | 1069 -----
v-0.10/references/components/cell.html | 1075 -----
v-0.10/references/components/div.html | 1075 -----
v-0.10/references/components/image.html | 1084 -----
v-0.10/references/components/index.html | 1075 -----
v-0.10/references/components/indicator.html | 1080 -----
v-0.10/references/components/input.html | 1114 -----
v-0.10/references/components/list.html | 1101 -----
.../references/components/refresh-loading.html | 1104 -----
v-0.10/references/components/scroller.html | 1094 -----
v-0.10/references/components/slider.html | 1082 -----
v-0.10/references/components/switch.html | 1090 -----
v-0.10/references/components/text.html | 1094 -----
v-0.10/references/components/textarea.html | 1108 -----
v-0.10/references/components/video.html | 1085 -----
v-0.10/references/components/web.html | 1074 -----
v-0.10/references/components/wxc-navpage.html | 1090 -----
v-0.10/references/components/wxc-tabbar.html | 1092 -----
v-0.10/references/gesture.html | 1102 -----
v-0.10/references/images/css-boxmodel.png | Bin 12581 -> 0 bytes
v-0.10/references/images/css-flexbox-align.jpg | Bin 35005 -> 0 bytes
.../references/images/css-flexbox-justify.svg | 59 -
v-0.10/references/images/css-flexbox-sample.png | Bin 3210 -> 0 bytes
v-0.10/references/images/nav.png | Bin 83497 -> 0 bytes
v-0.10/references/index.html | 1074 -----
v-0.10/references/modules/animation.html | 1200 ------
v-0.10/references/modules/clipboard.html | 1072 -----
v-0.10/references/modules/dom.html | 1111 -----
v-0.10/references/modules/globalevent.html | 1082 -----
v-0.10/references/modules/index.html | 1059 -----
v-0.10/references/modules/modal.html | 1084 -----
v-0.10/references/modules/navigator.html | 1166 ------
v-0.10/references/modules/storage.html | 1089 -----
v-0.10/references/modules/stream.html | 1107 -----
v-0.10/references/modules/timer.html | 1081 -----
v-0.10/references/modules/webview.html | 1079 -----
v-0.10/references/special-element.html | 1062 -----
v-0.10/references/specs/index.html | 1164 ------
v-0.10/references/specs/js-bundle-format.html | 1164 ------
v-0.10/references/specs/js-framework-apis.html | 1125 -----
v-0.10/references/specs/virtual-dom-apis.html | 1077 -----
v-0.10/references/text-style.html | 1079 -----
v-0.10/tools/devtools-android.html | 405 --
v-0.10/tools/devtools-ios.html | 381 --
v-0.10/tools/devtools.html | 367 --
v-0.10/tools/index.html | 344 --
v-0.10/tools/playground.html | 332 --
v-0.10/tools/transformer.html | 333 --
1478 files changed, 376004 insertions(+), 376004 deletions(-)
----------------------------------------------------------------------
[10/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/navigator.html b/cn/references/modules/navigator.html
deleted file mode 100644
index 6fb9301..0000000
--- a/cn/references/modules/navigator.html
+++ /dev/null
@@ -1,1472 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>navigator | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="navigator 导航控制v0.6.1+ 众所周知，在浏览器里，我们可以通过前进或者回退按钮来切换页面，iOS/Android 的 navigator 模块就是用来实现类似的效果的。除了前进、回退功能，该模块还允许我们指定在切换页面的时候是否应用动画效果。 APIpush(options, callback)把一个weex页面URL压入导航堆栈中，可指定在页面跳转时是否需要动画，以及操作完成后需">
-<meta property="og:type" content="website">
-<meta property="og:title" content="navigator">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/navigator.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="navigator 导航控制v0.6.1+ 众所周知，在浏览器里，我们可以通过前进或者回退按钮来切换页面，iOS/Android 的 navigator 模块就是用来实现类似的效果的。除了前进、回退功能，该模块还允许我们指定在切换页面的时候是否应用动画效果。 APIpush(options, callback)把一个weex页面URL压入导航堆栈中，可指定在页面跳转时是否需要动画，以及操作完成后需">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="navigator">
-<meta name="twitter:description" content="navigator 导航控制v0.6.1+ 众所周知，在浏览器里，我们可以通过前进或者回退按钮来切换页面，iOS/Android 的 navigator 模块就是用来实现类似的效果的。除了前进、回退功能，该模块还允许我们指定在切换页面的时候是否应用动画效果。 APIpush(options, callback)把一个weex页面URL压入导航堆栈中，可指定在页面跳转时是否需要动画，以及操作完成后需">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/navigator.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/navigator.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link current ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link current ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- navigator
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="navigator-导航控制" class="article-heading"><a href="#navigator-导航控制" class="headerlink" title="navigator 导航控制"></a><code>navigator</code> 导航控制<a class="article-anchor" href="#navigator-导航控制" aria-hidden="true"></a></h1><p><span class="weex-version">v0.6.1+</span></p>
-<p>众所周知，在浏览器里，我们可以通过前进或者回退按钮来切换页面，iOS/Android 的 <code>navigator</code> 模块就是用来实现类似的效果的。除了前进、回退功能，该模块还允许我们指定在切换页面的时候是否应用动画效果。</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="push-options-callback" class="article-heading"><a href="#push-options-callback" class="headerlink" title="push(options, callback)"></a><code>push(options, callback)</code><a class="article-anchor" href="#push-options-callback" aria-hidden="true"></a></h3><p>把一个weex页面URL压入导航堆栈中，可指定在页面跳转时是否需要动画，以及操作完成后需要执行的回调函数</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>options {Object}</code>：选项参数<ul>
-<li><code>url {stirng}</code>：要压入的 Weex 页面的 URL</li>
-<li><code>animated {string}</code>：<code>"true"</code> 示意为页面压入时需要动画效果，<code>"false"</code> 则不需要，默认值为 <code>"true"</code></li>
-</ul>
-</li>
-<li><code>callback {Function}</code>：执行完该操作后的回调函数</li>
-</ul>
-<h3 id="pop-options-callback" class="article-heading"><a href="#pop-options-callback" class="headerlink" title="pop(options, callback)"></a><code>pop(options, callback)</code><a class="article-anchor" href="#pop-options-callback" aria-hidden="true"></a></h3><p>把一个 Weex 页面 URL 弹出导航堆栈中，可指定在页面弹出时是否需要动画，以及操作完成后需要执行的回调函数。</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>：选项参数对象<ul>
-<li><code>animated {string}</code>：<code>"true"</code> 示意为弹出页面时需要动画效果，<code>"false"</code> 则不需要，默认值为 <code>"true"</code></li>
-</ul>
-</li>
-<li><code>callback {function}</code>：执行完该操作后的回调函数</li>
-</ul>
-<p><em>注意事项：<code>animated</code> 二级参数目前仅支持字符串的 <code>"true"</code> 和 <code>"false"</code>，传入布尔值类型会导致程序崩溃，未来版本会修复这个问题</em></p>
-<h2 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h2><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">"button"</span> @<span class="attr">click</span>=<span class="string">"jump"</span>></span>Jump<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 cl
ass="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">var</span> navigator = weex.requireModule(<span class="string">'navigator'</span>)</div><div class="line"> <span class="keyword">var</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> jump (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will jump'</span>)</div><div class="line"> navigator.push({</div><div class="line"> <span class="attr">url</span>: <span class="string">'http://dotwe.org/raw/dist/519962541fcf6acd911986357ad9c2ed.js'</span>,</div><div class="line"> <span class="attr">animated</spa
n>: <span class="string">"true"</span></div><div class="line"> }, event => {</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'callback: '</span> + event })</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> };</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.button</span> {</div
><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line"> <span class="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">margin-left</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div c
lass="line"> <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#F5F5F5</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><a href="http://dotwe.org/vue/5c670b07735ee6d08de5c8eb93f91f11" target="_blank" rel="external">try it</a></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="/references/modules/navigator.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/navigator.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/2c2795f2/cn/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/picker.html b/cn/references/modules/picker.html
deleted file mode 100644
index 5de0685..0000000
--- a/cn/references/modules/picker.html
+++ /dev/null
@@ -1,1498 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>picker | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="pickerv0.9+ 概述以下为 picker 相关的 API，用于数据选择，日期选择，时间选择。（目前 H5 暂不支持该模块） APIpick(options, callback[options])调用单选 picker 参数 options {Object}：调用单选 picker 选项 index {number}：默认选中的选项 items {array}：picker 数据源 c">
-<meta property="og:type" content="website">
-<meta property="og:title" content="picker">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/picker.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="pickerv0.9+ 概述以下为 picker 相关的 API，用于数据选择，日期选择，时间选择。（目前 H5 暂不支持该模块） APIpick(options, callback[options])调用单选 picker 参数 options {Object}：调用单选 picker 选项 index {number}：默认选中的选项 items {array}：picker 数据源 c">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="picker">
-<meta name="twitter:description" content="pickerv0.9+ 概述以下为 picker 相关的 API，用于数据选择，日期选择，时间选择。（目前 H5 暂不支持该模块） APIpick(options, callback[options])调用单选 picker 参数 options {Object}：调用单选 picker 选项 index {number}：默认选中的选项 items {array}：picker 数据源 c">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/picker.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/picker.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link current ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link current ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- picker
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="picker" class="article-heading"><a href="#picker" class="headerlink" title="picker"></a>picker<a class="article-anchor" href="#picker" aria-hidden="true"></a></h1><p><span class="weex-version">v0.9+</span></p>
-<h2 id="概述" class="article-heading"><a href="#概述" class="headerlink" title="概述"></a>概述<a class="article-anchor" href="#概述" aria-hidden="true"></a></h2><p>以下为 picker 相关的 API，用于数据选择，日期选择，时间选择。（目前 H5 暂不支持该模块）</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="pick-options-callback-options" class="article-heading"><a href="#pick-options-callback-options" class="headerlink" title="pick(options, callback[options])"></a><code>pick(options, callback[options])</code><a class="article-anchor" href="#pick-options-callback-options" aria-hidden="true"></a></h3><p>调用单选 picker</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><p><code>options {Object}</code>：调用单选 picker 选项</p>
-<ul>
-<li><code>index {number}</code>：默认选中的选项</li>
-<li><code>items {array}</code>：picker 数据源</li>
-</ul>
-</li>
-<li><p><code>callback {function (ret)}</code>：执行完读取操作后的回调函数。<code>ret {Object}</code> 为 <code>callback</code> 函数的参数，有两个属性：</p>
-<ul>
-<li><code>result {string}</code>：结果三种类型 <code>success</code>, <code>cancel</code>, <code>error</code></li>
-<li><code>data {number}</code>：选择的选项,仅成功确认时候存在。</li>
-</ul>
-</li>
-</ul>
-<h3 id="pickDate-options-callback-options" class="article-heading"><a href="#pickDate-options-callback-options" class="headerlink" title="pickDate(options, callback[options])"></a><code>pickDate(options, callback[options])</code><a class="article-anchor" href="#pickDate-options-callback-options" aria-hidden="true"></a></h3><p>调用 date picker</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><p><code>options {Object}</code>：调用 date picker 选项</p>
-<ul>
-<li><code>value {string}</code>：必选，date picker 选中的值，date 的字符串格式为<code>yyyy-MM-dd</code></li>
-<li><code>max {string}</code>：可选，date 的最大值</li>
-<li><code>min {string}</code>：可选，date 的最小值</li>
-</ul>
-</li>
-<li><p><code>callback {function (ret)}</code>：执行完读取操作后的回调函数。<code>ret {Object}</code> 为 <code>callback</code> 函数的参数，有两个属性：</p>
-<ul>
-<li><code>result {string}</code>：结果三种类型 <code>success</code>, <code>cancel</code>, <code>error</code></li>
-<li><code>data {string}</code>：选择的值 date 的字符，格式为 <code>yyyy-MM-dd</code>, 仅成功确认的时候存在。</li>
-</ul>
-</li>
-</ul>
-<h3 id="pickTime-options-callback-options" class="article-heading"><a href="#pickTime-options-callback-options" class="headerlink" title="pickTime(options, callback[options])"></a><code>pickTime(options, callback[options])</code><a class="article-anchor" href="#pickTime-options-callback-options" aria-hidden="true"></a></h3><p>调用 time picker</p>
-<h4 id="参数-2" class="article-heading"><a href="#参数-2" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-2" aria-hidden="true"></a></h4><ul>
-<li><p><code>options {Object}</code>：调用 time picker 选项</p>
-<ul>
-<li><code>value {string}</code>：必选，time 格式为 <code>HH:mm</code></li>
-</ul>
-</li>
-<li><p><code>callback {function (ret)}</code>：执行完读取操作后的回调函数。<code>ret {Object}</code> 为 <code>callback</code> 函数的参数，有两个属性：</p>
-<ul>
-<li><code>result {string}</code>：结果三种类型 <code>success</code>, <code>cancel</code>, <code>error</code></li>
-<li><code>data {string}</code>：time 格式为 <code>HH:mm</code>, 仅成功确认的时候存在。</li>
-</ul>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>></span>Time: <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="st
ring">"title"</span>></span>{{value}}<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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"pickTime"</span>></span>Pick Time<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="lin
e"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> picker = weex.requireModule(<span class="string">'picker'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">value</span>: <span class="string">''</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> pickTime () {</div><div class="line"> picker.pickTime({</div><div class="line"> <span class="attr">value</span>: <span class="keyword">this</span>.value</div><div class="line"> }, event => {</div><div class="line">
<span class="keyword">if</span> (event.result === <span class="string">'success'</span>) {</div><div class="line"> <span class="keyword">this</span>.value = event.data</div><div class="line"> }</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.group</span> {</div><div class=
"line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.label</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">80px</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="selector-class">.button</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">280px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <
span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-
- </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="/references/modules/picker.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/picker.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>
[23/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/text.html
----------------------------------------------------------------------
diff --git a/cn/references/components/text.html b/cn/references/components/text.html
deleted file mode 100644
index 346b74e..0000000
--- a/cn/references/components/text.html
+++ /dev/null
@@ -1,1501 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><text> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;text&gt;&lt;text&gt; 是 Weex 内置的组件，用来将文本按照指定的样式渲染出来。&lt;text&gt; 只能包含文本值，你可以使用 {{}} 标记插入变量值作为文本内容。 子组件此组件不支持子组件。 特性 value {string}: 组件的值，与 &lt;text&gt; 标签中的文本内容相同。 样式 lines {number}: 指定文本行数。默认值是 0">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<text>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/text.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;text&gt;&lt;text&gt; 是 Weex 内置的组件，用来将文本按照指定的样式渲染出来。&lt;text&gt; 只能包含文本值，你可以使用 {{}} 标记插入变量值作为文本内容。 子组件此组件不支持子组件。 特性 value {string}: 组件的值，与 &lt;text&gt; 标签中的文本内容相同。 样式 lines {number}: 指定文本行数。默认值是 0">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<text>">
-<meta name="twitter:description" content="&lt;text&gt;&lt;text&gt; 是 Weex 内置的组件，用来将文本按照指定的样式渲染出来。&lt;text&gt; 只能包含文本值，你可以使用 {{}} 标记插入变量值作为文本内容。 子组件此组件不支持子组件。 特性 value {string}: 组件的值，与 &lt;text&gt; 标签中的文本内容相同。 样式 lines {number}: 指定文本行数。默认值是 0">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/text.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/text.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link current "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link current "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <text>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-text-gt" class="article-heading"><a href="#lt-text-gt" class="headerlink" title="<text>"></a><text><a class="article-anchor" href="#lt-text-gt" aria-hidden="true"></a></h1><p><code><text></code> 是 Weex 内置的组件，用来将文本按照指定的样式渲染出来。<code><text></code> 只能包含文本值，你可以使用 <code>{{}}</code> 标记插入变量值作为文本内容。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p>此组件不支持子组件。</p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>value {string}</code>: 组件的值，与 <code><text></code> 标签中的文本内容相同。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><code>lines {number}</code>: 指定文本行数。默认值是 <code>0</code> 代表不限制行数。</li>
-<li><p>text styles: 查看 <a href="../text-style.html">文本样式</a></p>
-<ul>
-<li>支持 <code>color</code> 样式.</li>
-<li>支持 <code>font-size</code> 样式. iOS默认值：<code>32</code>，Android：不同设备不同，H5 默认值：<code>32</code>.</li>
-<li>支持 <code>font-style</code> 样式.</li>
-<li>支持 <code>font-weight</code> 样式.</li>
-<li>支持 <code>text-align</code> 样式.</li>
-<li>支持 <code>text-decoration</code> 样式.</li>
-<li>支持 <code>text-overflow</code> 样式.</li>
-<li>支持 <code>line-height</code>样式<sup class="wx-v">0.6.1+</sup> 。<code>line-height</code> 在 iOS 中与 H5 和 Android 中不同， 文本值将放置在框的底部。</li>
-<li>不支持 <code>flex-direction</code>, <code>justify-content</code>, <code>align-items</code> 这些为子节点设置的属性，并且<code><text></code>没有子节点。</li>
-</ul>
-</li>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p>通用事件<br>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ol>
-<li><code><text></code> 里直接写文本头尾空白会被过滤，如果需要保留头尾空白，暂时只能通过数据绑定写头尾空格。</li>
-</ol>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">lines</span>=<span class="string">"3"</span>></span>Weex 是一套简单易用的跨平台开发方案，能以 Web 的开发体验构建高性能、可扩展的原生应用。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">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">lines</span>=<span class="string">"3"</span>></span>Weex is an cross-platform development solution that builds high-performance, scalable native applications with a Web development experience. Vue is a lightweight and powerful progressive front-end framework. <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">&l
t;/<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="line"></div><div class="line"><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">.panel</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><di
v class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-right</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">lines</span>: <span class="number">3</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number"
>#666666</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">32px</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><a href="http://dotwe.org/vue/154e20171d350a081fba7878c53cf7d2" target="_blank" rel="external">try it</a></p>
-<h2 id="iconfont" class="article-heading"><a href="#iconfont" class="headerlink" title="iconfont"></a>iconfont<a class="article-anchor" href="#iconfont" aria-hidden="true"></a></h2><p><code>支持版本:v0.12.0</code></p>
-<p>支持ttf和woff字体格式的自定义字体, 可以通过调用<code>dom</code> module 里面的 <a href="../modules/dom.html#addRule">addRule</a>方法, 构建自定义的<code>font-family</code>使用</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">style</span>=<span class="string">'flex-direction:row;margin-top:50px'</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">'font-family:iconfont4;font-size:50;color:green'</span>></span>&#xe614;&#xe612;&#xe613;<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">'font-family:iconfont4;font-size:50;'</span>></span>&#xe614;&#xe612;&#xe613;&#xe61d;&#xe714;<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span cl
ass="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">'font-family:iconfont4;font-size:60;color:blue'</span>></span>&#xe711;<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">'font-family:iconfont4;font-size:60;color:green'</span>></span>&#xe71c;&#xe60b;<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"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">created</span>: <span class="f
unction"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"></div><div class="line"> <span class="keyword">var</span> domModule = weex.requireModule(<span class="string">'dom'</span>);</div><div class="line"> <span class="comment">//目前支持ttf、woff文件，不支持svg、eot类型,moreItem at http://www.iconfont.cn/</span></div><div class="line"></div><div class="line"> domModule.addRule(<span class="string">'fontFace'</span>, {</div><div class="line"> <span class="string">'fontFamily'</span>: <span class="string">"iconfont2"</span>,</div><div class="line"> <span class="string">'src'</span>: <span class="string">"url('http://at.alicdn.com/t/font_1469606063_76593.ttf')"</span></div><div class="line"> });</div><div class="line"> }</div><div class="line">}</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pr
e></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/d96b6f89aadd1d628111c16a30e80482" target="_blank" rel="external">try it</a></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="/references/components/text.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/text.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>
[31/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/image.html
----------------------------------------------------------------------
diff --git a/cn/references/components/image.html b/cn/references/components/image.html
deleted file mode 100644
index 544c3e6..0000000
--- a/cn/references/components/image.html
+++ /dev/null
@@ -1,1516 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><image> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;image&gt;&lt;image&gt; 组件用于渲染图片，并且它不能包含任何子组件。新版 Vue 2.0 中不支持用 &lt;img&gt; 作简写。 需要注意的是，需要明确指定 width 和 height，否则图片无法显示。 简单例子： &lt;template&gt; &lt;div&gt; &lt;image style="width: 560px;height: 5">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<image>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/image.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;image&gt;&lt;image&gt; 组件用于渲染图片，并且它不能包含任何子组件。新版 Vue 2.0 中不支持用 &lt;img&gt; 作简写。 需要注意的是，需要明确指定 width 和 height，否则图片无法显示。 简单例子： &lt;template&gt; &lt;div&gt; &lt;image style="width: 560px;height: 5">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/image_1.jpg">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<image>">
-<meta name="twitter:description" content="&lt;image&gt;&lt;image&gt; 组件用于渲染图片，并且它不能包含任何子组件。新版 Vue 2.0 中不支持用 &lt;img&gt; 作简写。 需要注意的是，需要明确指定 width 和 height，否则图片无法显示。 简单例子： &lt;template&gt; &lt;div&gt; &lt;image style="width: 560px;height: 5">
-<meta name="twitter:image" content="https://weex-project.io/cn/references/images/image_1.jpg">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/image.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/image.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link current "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link current "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <image>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-image-gt" class="article-heading"><a href="#lt-image-gt" class="headerlink" title="<image>"></a><image><a class="article-anchor" href="#lt-image-gt" aria-hidden="true"></a></h1><p><code><image></code> 组件用于渲染图片，并且它不能包含任何子组件。新版 Vue 2.0 中<strong>不支持</strong>用 <code><img></code> 作简写。</p>
-<p>需要注意的是，需要明确指定 <code>width</code> 和 <code>height</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></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">style</span>=<span class="string">"width: 560px;height: 560px;"</span> <span class="attr">src</span>=<span class="string">"https://img.alicdn.com/tps/TB1z.55OFXXXXcLXXXXXXXXXXXX-560-560.jpg"</span>></span><span class="tag"></<span class="name">image</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></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/1d6145d98cbdb8c66c69b4d4dcd2744d" target="_blank" rel="external">体验一下</a></p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p><code><image></code> 组件不支持任何子组件，因此不要尝试在 <code><image></code> 组件中添加任何组件。如果需要实现 <code>background-image</code> 的效果，可以使用 <code><image></code> 组件和 <code>position</code> 定位来现实，如下面代码。</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></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">style</span>=<span class="string">"width:750px; height:750px;"</span> <span class="attr">src</span>=<span class="string">"https://img.alicdn.com/tps/TB1z.55OFXXXXcLXXXXXXXXXXXX-560-560.jpg"</span>></span><span class="tag"></<span class="name">image</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"title"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size:50px; color: #ff0000"</span>></span>你好，image<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.title</span>{</div><div class="line"> <span class="attribute">position</span>:absolute;</div><div class="line"> <span class="attribute">top</span>:<span class="number">50</span>;</div><div class="line"> <span class="attribute">left</span>:<span class="number">10</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><a href="http://dotwe.org/vue/0a81d27b5dbc68ea3bf5f9fd56c882e8" target="_blank" rel="external">体验一下</a></p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><p><code><image></code> 组件，包含 <code>src</code> 和 <code>resize</code> 两个重要特性。</p>
-<ul>
-<li><code>src {string}</code>：定义图片链接，目前图片暂不支持本地图片。</li>
-<li><p><code>resize {string}</code>：可以控制图片的拉伸状态，值行为和 W3C 标准一致。</p>
-<p>可选值为：</p>
-<ul>
-<li><code>stretch</code>：默认值，指定图片按照容器拉伸，有可能使图片产生形变。</li>
-<li><code>cover</code>：指定图片可以被调整到容器，以使图片完全覆盖背景区域，图片有可能被剪裁。</li>
-<li><code>contain</code>：指定可以不用考虑容器的大小，把图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。</li>
-</ul>
-<p>例子：</p>
-<p><img src="../images/image_1.jpg" alt="mobile_preview"></p>
-</li>
-<li><p><code>placeholder</code>: <span class="api-version">v0.9+</span> <string> 当源图片下载中时显示一张占位图。</p>
-<p><a href="http://dotwe.org/vue/18e71ab3484bb6751ad77ff7d5195404" target="_blank" rel="external">体验一下</a></p>
-</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p><code>load</code>: <sup class="api-version">v0.8+</sup>：当图片加载完成时触发。目前在 Android、iOS 上支持，H5 暂不支持。<a href="http://dotwe.org/vue/98ee340348d7cc3e6fbfe68dbaef1eed" target="_blank" rel="external">示例</a></p>
-<ul>
-<li>事件对象<ul>
-<li><code>success</code>: 当图片成功加载时为<code>true</code>，否则为<code>false</code></li>
-<li><code>size</code>: 图片的原始尺寸，包含两个参数：<code>naturalWidth</code> 代表图片的原始宽度像素值，<code>naturalHeight</code> 代表图片的原始高度值。这两个参数的默认值都为<code>0</code></li>
-</ul>
-</li>
-</ul>
-</li>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ol>
-<li>需要指定宽高；</li>
-<li>不支持子组件。</li>
-</ol>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">scroller</span> <span class="attr">class</span>=<span class="string">"wrapper"</span> ></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"page-head"</span> ></span></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">class</span>=<span class="string">"title-bg"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">src</span>=<span class="string">"https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202.png"</span>
></span><span class="tag"></<span class="name">image</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"title-box"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>Alan Mathison Turing<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">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"article"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>></span>A
lan Mathison Turing ( 23 June 1912 – 7 June 1954) was an English computer scientist, mathematician, logician, cryptanalyst and theoretical biologist. He was highly influential in the development of theoretical computer science, providing a formalisation of the concepts of algorithm and computation with the Turing machine, which can be considered a model of a general purpose computer.Turing is widely considered to be the father of theoretical computer science and artificial intelligence.<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">"paragraph"</span>></span>During the Second World War, Turing worked for the Government Code and Cypher School (GC&CS) at Bletchley Park, Britain's codebreaking centre. For a time he led Hut 8, the section responsible for German naval cryptanalysis. He devised a number of techniques for speeding
the breaking of German ciphers, including improvements to the pre-war Polish bombe method, an electromechanical machine that could find settings for the Enigma machine. Turing played a pivotal role in cracking intercepted coded messages that enabled the Allies to defeat the Nazis in many crucial engagements, including the Battle of the Atlantic; it has been estimated that this work shortened the war in Europe by more than two years and saved over fourteen million lives.<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">"paragraph"</span>></span>After the war, he worked at the National Physical Laboratory, where he designed the ACE, among the first designs for a stored-program computer. In 1948 Turing joined Max Newman's Computing Machine Laboratory at the Victoria University of Manchester, where he helped develop the Manchester compu
ters and became interested in mathematical biology. He wrote a paper on the chemical basis of morphogenesis, and predicted oscillating chemical reactions such as the Belousov–Zhabotinsky reaction, first observed in the 1960s.<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">"paragraph"</span>></span>Turing was prosecuted in 1952 for homosexual acts, when by the Labouchere Amendment, "gross indecency" was still criminal in the UK. He accepted chemical castration treatment, with DES, as an alternative to prison. Turing died in 1954, 16 days before his 42nd birthday, from cyanide poisoning. An inquest determined his death as suicide, but it has been noted that the known evidence is also consistent with accidental poisoning. In 2009, following an Internet campaign, British Prime Minister Gordon Brown made an official public apology on
behalf of the British government for "the appalling way he was treated." Queen Elizabeth II granted him a posthumous pardon in 2013.<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">scroller</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.page-head</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title-bg</span> &#
123;</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title-box</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">right</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute
">bottom</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">color</span>: <span class="number">#ffffff</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line"> <span class="attribute">font-weight</span>: bold;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.article</span> {</div><div class="line"> <span class="attribute">padding</span>: <span class="number">20px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.paragraph</span>{</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">15px</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><a href="http://dotwe.org/vue/e2122bc245beafb0348d79bfd1274904" target="_blank" rel="external">try it</a></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="/references/components/image.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/image.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/2c2795f2/cn/references/components/index.html
----------------------------------------------------------------------
diff --git a/cn/references/components/index.html b/cn/references/components/index.html
deleted file mode 100644
index 75bb8cb..0000000
--- a/cn/references/components/index.html
+++ /dev/null
@@ -1,1467 +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="内建组件 &lt;a&gt; &lt;indicator&gt; &lt;switch&gt; &lt;text&gt; &lt;textarea&gt; &lt;video&gt; &lt;web&gt; &lt;div&gt; &lt;image&gt; &lt;input&gt; &lt;list&gt; &lt;cell&gt; &lt;refresh&gt; &amp; &lt;load">
-<meta property="og:type" content="website">
-<meta property="og:title" content="内建组件">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="内建组件 &lt;a&gt; &lt;indicator&gt; &lt;switch&gt; &lt;text&gt; &lt;textarea&gt; &lt;video&gt; &lt;web&gt; &lt;div&gt; &lt;image&gt; &lt;input&gt; &lt;list&gt; &lt;cell&gt; &lt;refresh&gt; &amp; &lt;load">
-<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="内建组件 &lt;a&gt; &lt;indicator&gt; &lt;switch&gt; &lt;text&gt; &lt;textarea&gt; &lt;video&gt; &lt;web&gt; &lt;div&gt; &lt;image&gt; &lt;input&gt; &lt;list&gt; &lt;cell&gt; &lt;refresh&gt; &amp; &lt;load">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/index.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link current ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link current ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><ul>
-<li><a href="./a.html"><a></a></li>
-<li><a href="./indicator.html"><indicator></a></li>
-<li><a href="./switch.html"><switch></a></li>
-<li><a href="./text.html"><text></a></li>
-<li><a href="./textarea.html"><textarea></a></li>
-<li><a href="./video.html"><video></a></li>
-<li><a href="./web.html"><web></a></li>
-<li><a href="./div.html"><div></a></li>
-<li><a href="./image.html"><image></a></li>
-<li><a href="./input.html"><input></a></li>
-<li><a href="./list.html"><list></a></li>
-<li><a href="./cell.html"><cell></a></li>
-<li><a href="./refresh.html"><refresh> & <loading></a></li>
-<li><a href="./scroller.html"><scroller></a></li>
-<li><a href="./slider.html"><slider></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="/references/components/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/index.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>
[02/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/vue/difference-with-web.html
----------------------------------------------------------------------
diff --git a/cn/references/vue/difference-with-web.html b/cn/references/vue/difference-with-web.html
deleted file mode 100644
index ea84550..0000000
--- a/cn/references/vue/difference-with-web.html
+++ /dev/null
@@ -1,1508 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Vue 2.x 在 Weex 和 Web 中的差异 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Vue.js 在 Weex 和 Web 中的差异平台差异Vue.js 最初是为 Web 平台设计的，虽然可以基于 Weex 开发原生应用，但是 Web 开发和原生开发毕竟不同，在功能和开发体验上都有一些差异，这些差异从本质上讲是原生开发平台和 Web 平台之间的差异，可以通过《Weex 和 Web 平台的差异》了解更多细节和原因。 由于运行平台存在差异，Weex 不支持 Vue.js 中与 DOM">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Vue 2.x 在 Weex 和 Web 中的差异">
-<meta property="og:url" content="https://weex-project.io/cn/references/vue/difference-with-web.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Vue.js 在 Weex 和 Web 中的差异平台差异Vue.js 最初是为 Web 平台设计的，虽然可以基于 Weex 开发原生应用，但是 Web 开发和原生开发毕竟不同，在功能和开发体验上都有一些差异，这些差异从本质上讲是原生开发平台和 Web 平台之间的差异，可以通过《Weex 和 Web 平台的差异》了解更多细节和原因。 由于运行平台存在差异，Weex 不支持 Vue.js 中与 DOM">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Vue 2.x 在 Weex 和 Web 中的差异">
-<meta name="twitter:description" content="Vue.js 在 Weex 和 Web 中的差异平台差异Vue.js 最初是为 Web 平台设计的，虽然可以基于 Weex 开发原生应用，但是 Web 开发和原生开发毕竟不同，在功能和开发体验上都有一些差异，这些差异从本质上讲是原生开发平台和 Web 平台之间的差异，可以通过《Weex 和 Web 平台的差异》了解更多细节和原因。 由于运行平台存在差异，Weex 不支持 Vue.js 中与 DOM">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/vue/difference-with-web.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/vue/difference-with-web.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link current ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link current ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Vue 2.x 在 Weex 和 Web 中的差异
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Vue-js-在-Weex-和-Web-中的差异" class="article-heading"><a href="#Vue-js-在-Weex-和-Web-中的差异" class="headerlink" title="Vue.js 在 Weex 和 Web 中的差异"></a>Vue.js 在 Weex 和 Web 中的差异<a class="article-anchor" href="#Vue-js-在-Weex-和-Web-中的差异" aria-hidden="true"></a></h1><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 平台之间的差异，可以通过<a href="../platform-difference.html">《Weex 和 Web 平台的差异》</a>了解更多细节和原因。</p>
-<p>由于运行平台存在差异，Weex 不支持 Vue.js 中与 DOM 相关的功能：</p>
-<ul>
-<li>不支持事件冒泡和捕获机制，<code>.prevent</code> 、<code>.capture</code> 、<code>.stop</code> 、<code>.self</code> 等事件修饰符在原生环境中无意义。</li>
-<li>键盘事件的 <code>.{keyCode | keyAlias}</code> 修饰符在原生环境中无意义。(参考 <a href="https://cn.vuejs.org/v2/guide/events.html#按键修饰符" target="_blank" rel="external">Vue 相关文档</a>)</li>
-<li>无需自行调用 <code>vm.$mount</code>，默认会将入口组件挂载到原生应用的视图中。</li>
-<li>不支持 <code>v-html</code> 和 <code>v-text</code> 指令。</li>
-</ul>
-<h2 id="功能差异" class="article-heading"><a href="#功能差异" class="headerlink" title="功能差异"></a>功能差异<a class="article-anchor" href="#功能差异" aria-hidden="true"></a></h2><h3 id="仅引入了-Vue-Runtime" class="article-heading"><a href="#仅引入了-Vue-Runtime" class="headerlink" title="仅引入了 Vue Runtime"></a>仅引入了 Vue Runtime<a class="article-anchor" href="#仅引入了-Vue-Runtime" aria-hidden="true"></a></h3><p>Vue 除了提供默认的完整包以外，还提供一个更小巧的 <code>vue.runtime.js</code>，在这个文件中移除了模板编译的相关操作，Weex 中也仅引入 Vue Runtime 的功能，这样做除了可以减少代码体积以外，还能减少运行期编译模板的负担，提升性能。</p>
-<p>具体的差异有：</p>
-<ul>
-<li>定义组件时不支持使用 <code>template</code> 属性。</li>
-<li>不支持使用 <code>x-templates</code>。</li>
-<li>不支持使用 <code>Vue.compile</code>。</li>
-</ul>
-<h3 id="隔离多页面的作用域" class="article-heading"><a href="#隔离多页面的作用域" class="headerlink" title="隔离多页面的作用域"></a>隔离多页面的作用域<a class="article-anchor" href="#隔离多页面的作用域" aria-hidden="true"></a></h3><p>Weex 在原生端使用的是“多页”的实现，不同的 js bundle 将会在不同的原生页面中执行；也就是说，不同的 js bundle 之间将不同共享 js 变量。即使是 <code>Vue</code> 这个变量，在不同页面中也对应了不同的引用。</p>
-<p>基于这个特性，Vue 中全局功能将只在当前页面内生效：</p>
-<ul>
-<li><code>Vue.config</code></li>
-<li><code>Vue.component</code></li>
-<li><code>Vue.directive</code></li>
-<li><code>Vue.filter</code></li>
-<li><code>Vue.mixin</code></li>
-<li><code>Vue.use</code></li>
-</ul>
-<blockquote>
-<p>注：以上接口的功能并未受影响，只是其生效范围将会限制在同一页面内。</p>
-</blockquote>
-<h2 id="样式差异" class="article-heading"><a href="#样式差异" class="headerlink" title="样式差异"></a>样式差异<a class="article-anchor" href="#样式差异" aria-hidden="true"></a></h2><p>Web 中的 CSS 非常的灵活，积累了特别多的属性，支持多种布局方法；这是其优势，也是浏览器性能优化的一个瓶颈。</p>
-<p>Weex 中的样式是由原生渲染器解析的，出于性能和功能复杂度的考虑，Weex 对 CSS 的特性做了一些取舍，使其更符合最佳实践。</p>
-<h3 id="单类名选择器和作用域" class="article-heading"><a href="#单类名选择器和作用域" class="headerlink" title="单类名选择器和作用域"></a>单类名选择器和作用域<a class="article-anchor" href="#单类名选择器和作用域" aria-hidden="true"></a></h3><p>Weex 中只支持单个类名选择器，不支持关系选择器，也不支持属性选择器。</p>
-<figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="comment">/* 支持单个类名选择器 */</span></div><div class="line"><span class="selector-class">.one-class</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">/* 不支持关系选择器 */</span></div><div class="line"><span class="selector-class">.parent</span> > <span class="selector-class">.child</span> {</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">10px</span>;</div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">/* 不支持属性选择器，不支持 `v-cloak` 指令 */</span></div><div class="line"><span class="selector-attr">[v-cloak]</span> {</div><div class="line"> <span class="attribute">color</span>: <span cla
ss="number">#FF6600</span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-<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">"one two three"</span>></span><span class="tag"><<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div></pre></td></tr></table></figure>
-<h3 id="组件级别的作用域" class="article-heading"><a href="#组件级别的作用域" class="headerlink" title="组件级别的作用域"></a>组件级别的作用域<a class="article-anchor" href="#组件级别的作用域" aria-hidden="true"></a></h3><p>在 Weex 中，写在组件 <code><style></code> 里的样式只能用在当前组件中，默认是 <code>scoped</code> 作用域。为了保持和 Native 的一致性，建议在 <code>.vue</code> 文件中写样式时，加上 <code>scoped</code> 属性，即： <code><style scoped></code>。</p>
-<h3 id="支持的样式属性" class="article-heading"><a href="#支持的样式属性" class="headerlink" title="支持的样式属性"></a>支持的样式属性<a class="article-anchor" href="#支持的样式属性" aria-hidden="true"></a></h3><p>Weex 支持的样式特性是 CSS 的子集，并且会不断扩充；在实现过程中我们参考了 <a href="https://gist.github.com/Jinjiang/ea6b403036b7287cf8b8508729b77ac0#css-properties" target="_blank" rel="external">CSS 属性在浏览器中的使用频率</a>，优先实现其中频率最高的一些属性。</p>
-<p>Weex 支持了基本的盒模型和 flexbox 布局，以及其他常用样式，详情可参考<a href="../common-style.html">Weex 通用样式文档</a>。</p>
-<p>在编写样式时，还应该注意一下几点：</p>
-<ul>
-<li>不需要写样式前缀。</li>
-<li>Weex 不支持 <code>display: none;</code>，因此也不支持 <code>v-show</code> 指令。</li>
-<li>为了优化样式解析的效率，样式属性暂不支持简写，涉及一下属性：<ul>
-<li><code>border</code> 、<code>border-(top|bottom|left|right)</code></li>
-<li><code>margin</code></li>
-<li><code>padding</code></li>
-<li><code>flex</code></li>
-</ul>
-</li>
-</ul>
-<h2 id="编译环境的差异" class="article-heading"><a href="#编译环境的差异" class="headerlink" title="编译环境的差异"></a>编译环境的差异<a class="article-anchor" href="#编译环境的差异" aria-hidden="true"></a></h2><p>在 Weex 中使用 Vue.js ，你所需要关注的运行平台除了 Web 之外还有 Android 和 iOS ，在开发和编译环境上还有一些不同点。针对 Web 和原生平台，将 Vue 项目源文件编译成目标文件，有两种不同的方式：</p>
-<ul>
-<li>针对 Web 平台，和普通 Vue 2.X 项目一样，可以使用任意官方推荐的方式编译源文件，如 Webpack + vue-loader 或者 Browserify + vueify 。</li>
-<li>针对 Android 和 iOS 平台，我们提供了 <a href="https://github.com/weexteam/weex-loader" target="_blank" rel="external">weex-loader</a> 工具支持编译 <code>.vue</code> 格式的单文件组件；也就是说，目前只能使用 Webpack + weex-loader 来生成原生端可用的 js bundle。</li>
-</ul>
-<h3 id="使用-weex-loader" class="article-heading"><a href="#使用-weex-loader" class="headerlink" title="使用 weex-loader"></a>使用 weex-loader<a class="article-anchor" href="#使用-weex-loader" aria-hidden="true"></a></h3><p>weex-loader 是 Webpack 的一个加载器，使用方法参考其<a href="http://webpack.github.io/docs/using-loaders.html" target="_blank" rel="external">官方文档</a>。需要提醒的是，如果 Webpack 配置的入口文件是个 <code>.vue</code> 格式的文件的话，还需要额外传递 <code>entry</code> 参数，通常设置为 <code>true</code>，表示将当前组件作为入口组件。为了能正常匹配 <code>.vue</code> 文件，Webpack 配置文件中 weex-loader 的匹配规则也需要有所调整。</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="built_in">module</span>.exports = {</div><div class="line"> <span class="comment">// 针对 .vue 文件要添加 entry 参数</span></div><div class="line"> entry: <span class="string">'./path/to/App.vue?entry=true'</span>,</div><div class="line"></div><div class="line"> <span class="comment">// 其他配置项 ...</span></div><div class="line"></div><div class="line"> <span class="built_in">module</span>: {</div><div class="line"> <span class="attr">loaders</span>: [{</div><div class="line"></div><div class="line"> <span class="comment">// 匹配包含了 entry 参数的 .vue 文件路径</span></div><div class="line"> test: <span class="regexp">/\.vue(\?[^?]+)?$/</span>,</div><div class="line"> <span class="attr">loaders</span>: [<span class="string">'weex-loader'</span>]</div><div class="line"> }]</div><div class="line"> },</div><div clas
s="line">}</div></pre></td></tr></table></figure>
-<p>如果使用 <code>.js</code> 文件作为 Webpack 配置的入口文件，则不需要额外配置这些参数，我们推荐使用 Javascript 文件作为编译的入口文件。</p>
-<h3 id="搭建原生开发环境" class="article-heading"><a href="#搭建原生开发环境" class="headerlink" title="搭建原生开发环境"></a>搭建原生开发环境<a class="article-anchor" href="#搭建原生开发环境" aria-hidden="true"></a></h3><p>Weex 项目生成的是原生应用，学习一些开发原生应用的基础知识，会对你开发 Weex 项目很有帮助。参考<a href="../../guide/integrate-to-your-app.html">《集成 Weex 到已有应用》</a>了解更多信息。</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="/references/vue/difference-with-web.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/vue/difference-with-web.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/2c2795f2/cn/references/vue/index.html
----------------------------------------------------------------------
diff --git a/cn/references/vue/index.html b/cn/references/vue/index.html
deleted file mode 100644
index 1261235..0000000
--- a/cn/references/vue/index.html
+++ /dev/null
@@ -1,1454 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Vue | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Vue Vue 2.x 在 Weex 和 Web 中的差异 使用 Vuex 和 vue-router">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Vue">
-<meta property="og:url" content="https://weex-project.io/cn/references/vue/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Vue Vue 2.x 在 Weex 和 Web 中的差异 使用 Vuex 和 vue-router">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Vue">
-<meta name="twitter:description" content="Vue Vue 2.x 在 Weex 和 Web 中的差异 使用 Vuex 和 vue-router">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/vue/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/vue/index.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link current ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link current ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Vue
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Vue" class="article-heading"><a href="#Vue" class="headerlink" title="Vue"></a>Vue<a class="article-anchor" href="#Vue" aria-hidden="true"></a></h1><ul>
-<li><a href="./difference-with-web.html">Vue 2.x 在 Weex 和 Web 中的差异</a></li>
-<li><a href="./difference-of-vuex.html">使用 Vuex 和 vue-router</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="/references/vue/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/vue/index.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>
[29/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/input.html
----------------------------------------------------------------------
diff --git a/cn/references/components/input.html b/cn/references/components/input.html
deleted file mode 100644
index 07337fb..0000000
--- a/cn/references/components/input.html
+++ /dev/null
@@ -1,1564 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><input> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;input&gt;Weex 内置的 &lt;input&gt; 组件用来创建接收用户输入字符的输入组件。 &lt;input&gt; 组件的工作方式因 type 属性的值而异，比如 &lt;text&gt;， password，url，email，tel 等。 注意： 此组件不支持 click 事件。请监听 &lt;input&gt; 或 change 来代替 click 事件。 子组件">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<input>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/input.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;input&gt;Weex 内置的 &lt;input&gt; 组件用来创建接收用户输入字符的输入组件。 &lt;input&gt; 组件的工作方式因 type 属性的值而异，比如 &lt;text&gt;， password，url，email，tel 等。 注意： 此组件不支持 click 事件。请监听 &lt;input&gt; 或 change 来代替 click 事件。 子组件">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<input>">
-<meta name="twitter:description" content="&lt;input&gt;Weex 内置的 &lt;input&gt; 组件用来创建接收用户输入字符的输入组件。 &lt;input&gt; 组件的工作方式因 type 属性的值而异，比如 &lt;text&gt;， password，url，email，tel 等。 注意： 此组件不支持 click 事件。请监听 &lt;input&gt; 或 change 来代替 click 事件。 子组件">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/input.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/input.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link current "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link current "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <input>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-input-gt" class="article-heading"><a href="#lt-input-gt" class="headerlink" title="<input>"></a><input><a class="article-anchor" href="#lt-input-gt" aria-hidden="true"></a></h1><p>Weex 内置的 <code><input></code> 组件用来创建接收用户输入字符的输入组件。 <code><input></code> 组件的工作方式因 <code>type</code> 属性的值而异，比如 <code><text></code>， <code>password</code>，<code>url</code>，<code>email</code>，<code>tel</code> 等。</p>
-<p><strong>注意：</strong> </p>
-<p>此组件不支持 <code>click</code> 事件。请监听 <code><input></code> 或 <code>change</code> 来代替 <code>click</code> 事件。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p>不支持子组件。</p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>type {string}</code>：控件的类型，默认值是 <code><text></code>。<code>type</code> 值可以是 <code>text</code>，<code>password</code>，<code>url</code>，<code>email</code>，<code>tel</code> ，<code>number</code> 。每个 <code>type</code> 值都符合 W3C 标准。</li>
-<li><code>value {string}</code>：组件的接收到的输入字符。</li>
-<li><code>placeholder {string}</code>：提示用户可以输入什么。 提示文本不能有回车或换行。</li>
-<li><code>disabled {boolean}</code>：布尔类型的数据，表示是否支持输入。通常 <code>click</code> 事件在 <code>disabled</code> 控件上是失效的。</li>
-<li><code>autofocus {boolean}</code>：布尔类型的数据，表示是否在页面加载时控件自动获得输入焦点。</li>
-<li><code>maxlength {nubmer}</code>：<sup class="wx-v">v0.7</sup>一个数值类型的值，表示输入的最大长度。</li>
-<li><code>return-key-type {string}</code>：<sup class="wx-v">v0.11</sup>键盘返回键的类型,支持 defalut;go;next;search;send,done。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><code>placeholder-color {color}</code>：placeholder 字符颜色。默认值是 <code>#999999</code></li>
-</ul>
-<ul>
-<li><p>伪类<span class="api-version">v0.9.5+</span>: <code>input</code> 支持以下伪类：</p>
-<ul>
-<li><code>active</code></li>
-<li><code>focus</code></li>
-<li><code>disabled</code></li>
-<li><code>enabled</code></li>
-</ul>
-</li>
-<li><p>text styles</p>
-<ul>
-<li>支持 <code>color</code></li>
-<li>支持 <code>font-size</code></li>
-<li>支持 <code>font-style</code></li>
-<li>支持 <code>font-weight</code></li>
-<li>支持 <code>text-align</code></li>
-</ul>
-<p>查看 <a href="../text-style.html">文本样式</a></p>
-</li>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p><code>input</code>: 输入字符的值更改。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>value</code>: 触发事件的组件；</li>
-<li><code>timestamp</code>: 事件发生时的时间戳,仅支持Android。</li>
-</ul>
-</li>
-<li><p><code>change</code>: 当用户输入完成时触发。通常在 <code>blur</code> 事件之后。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><p><code>value</code>: 触发事件的组件；</p>
-</li>
-<li><p><code>timestamp</code>: 事件发生时的时间戳,仅支持Android。</p>
-</li>
-</ul>
-</li>
-<li><p><code>focus</code>: 组件获得输入焦点。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>timestamp</code>: 事件发生时的时间戳,仅支持Android。</li>
-</ul>
-</li>
-<li><p><code>blur</code>: 组件失去输入焦点。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>timestamp</code>: 事件发生时的时间戳,仅支持Android。</li>
-</ul>
-</li>
-<li><p><code>return</code>: 键盘点击返回键。</p>
-<p> 事件中 event 对象属性：</p>
-<ul>
-<li><code>returnKeyType</code>: 事件发生时的返回键类型。</li>
-<li><code>value</code>: 触发事件的组件的文本；</li>
-</ul>
-</li>
-<li><p>通用事件</p>
-<p><strong>注意：</strong><br>不支持 <code>click</code> 事件。 请监听 <code>input</code> 或 <code>change</code> 事件代替。</p>
-<p>支持以下通用事件：</p>
-<ul>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="Methods" class="article-heading"><a href="#Methods" class="headerlink" title="Methods"></a>Methods<a class="article-anchor" href="#Methods" aria-hidden="true"></a></h2><ul>
-<li><p><code>focus()</code> <span class="api-version">v0.9+</span></p>
-<p><code>focus()</code> 方法用于将 <code>input</code> 组件聚焦。</p>
-</li>
-<li><p><code>blur()</code> <span class="api-version">v0.9+</span></p>
-<p><code>blur()</code> 方法用于从 <code>input</code> 组件中移除焦点并关闭软键盘（如果它具有焦点）。</p>
-</li>
-<li><code>setSelectionRange(selectionStart,selectionEnd)</code> <span class="api-version">v0.11+</span>设置文本选区<ul>
-<li><code>selectionStart {number}</code>：设置文本选区的起始点</li>
-<li><code>selectionEnd {number}</code>：设置文本选区的起终点</li>
-</ul>
-</li>
-<li><code>getEditSelectionRange(callback[selectionStart,selectionEnd])</code> <span class="api-version">v0.11+</span>设置文本选区<ul>
-<li><code>selectionStart {number}</code>：获取文本选区的起始点</li>
-<li><code>selectionEnd {number}</code>：获取文本选区的起终点<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2></li>
-</ul>
-</li>
-</ul>
-<p>目前不支持 <code>this.$el(id).value = ''</code> 这种方式改写 input value。只支持在 <code><input></code> 组件的 <code>input</code>、<code>change</code> 事件中改写。</p>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size: 40px"</span>></span>oninput: {{txtInput}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size: 40px"</span>></span>onchange: {{txtChange}}<span cla
ss="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size: 40px"</span>></span>onreturntype: {{txtReturnType}}<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">scroller</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">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span cla
ss="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = text<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"Input Text"</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">:autofocus</span>=<span class="string">true</span> <span class="attr">value</span>=<span class="string">""</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>/></span></div><div class="line">
<span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = password<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">input</span> <span class="attr">type</span>=<span class="string">"password"</span> <span class="attr">placehold
er</span>=<span class="string">"Input Password"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = url<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">input</span> <span class="attr">type</span>=<span class="string">"url"</span> <span class="attr">placeholder</span>=<span class="string">"Input URL"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span c
lass="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = email<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">input</span> <span class="attr">type</span>=<span class="string">"email"</span> <span class="attr">placeholder</span>=<span class="string">"Input Email"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line
"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = tel<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">input</span> <span class="attr">type</span>=<span class="string">"tel"</span> <span class="attr">placeholder</span>=<span class="string">"Input Tel"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span
class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = time<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">input</span> <span class="attr">type</span>=<span class="string">"time"</span> <span class="attr">placeholder</span>=<span class="string">"Input Time"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="
attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input type = date<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">input</span> <span class="attr">type</span>=<span class="string">"date"</span> <span class="attr">placeholder</span>=<span class="string">"Input Date"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> <span class="attr">max</span>=<span class="string">"2017-12-12"</span> <span class="attr">min</span>=<span class="string">"2015-01-01"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div
class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input return-key-type = default<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">return-key-type</span>=<s
pan class="string">"default"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> /></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input
return-key-type = go<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">return-key-type</span>=<span class="string">"go"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> /></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span><
/div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input return-key-type = next<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">return-key-type</span>=<span class="string">"next"</span> <span class="attr">class</span>=<span class="string">
"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> /></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input return-key-type = search<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">return-key-type</span>=<span class="string">"search"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> /></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span
> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input return-key-type = send<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">return-key-type</span>=<span class="string">"send"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"<
/span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> /></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input return-key-type = done<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">return-key-type</span>=<span class="string">"done"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> /></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"backg
round-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>function focus() & blur()<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">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row;margin-bottom: 16px;justify-content: space-between"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">value</span>=<span class="string">"Focus"</span> <span class="attr">type</span>=<span class="string">"
primary"</span> @<span class="attr">click</span>=<span class="string">"focus"</span>></span><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">"button"</span> <span class="attr">value</span>=<span class="string">"Blur"</span> <span class="attr">type</span>=<span class="string">"primary"</span> @<span class="attr">click</span>=<span class="string">"blur"</span>></span><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"></div><div class="line"> <span class="tag"><<span class="name">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"Input1"</span> <span class="attr">class</span>=<span class="string">"inpu
t"</span> <span class="attr">value</span>=<span class="string">""</span> <span class="attr">ref</span>=<span class="string">"input1"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>></span>input selection<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>&g
t;</span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row;margin-bottom: 16px;justify-content: space-between"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">value</span>=<span class="string">"setRange"</span> <span class="attr">type</span>=<span class="string">"primary"</span> @<span class="attr">click</span>=<span class="string">"setRange"</span>></span><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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">ref</span>=<span class="string">"inputselection"</sp
an> <span class="attr">placeholder</span>=<span class="string">"please input"</span> <span class="attr">value</span>=<span class="string">"123456789"</span> <span class="attr">class</span>=<span class="string">"input"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">return</span> = <span class="string">"onreturn"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span>/></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"> <span class="tag"></<span class="name">scroller</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="line"><span class="tag"><<span class="name">style</spa
n> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.input</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">80px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.button</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">200</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">padding-t
op</span>: <span class="number">10</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">10</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">margin-right</span>: <span class="number">20</span>;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyw
ord">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">txtInput</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">txtChange</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">txtReturnType</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">txtSelection</span>:<span class="string">''</span>,</div><div class="line"> <span class="attr">autofocus</span>: <span class="literal">false</span></div><div class="line"> };</div><div class="line"> },</div><div class="li
ne"> <span class="attr">methods</span>: {</div><div class="line"> <span class="attr">ready</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">var</span> self = <span class="keyword">this</span>;</div><div class="line"> setTimeout(<span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> self.autofocus = <span class="literal">true</span>;</div><div class="line"> }, <span class="number">1000</span>);</div><div class="line"> },</div><div class="line"> <span class="attr">onchange</span>: <span class="function"><span class="keyword">function</span> (<span class="params">event</span>) </span>{</div><div class="line"> <span class="keyword">this</span>.txtChange = event.value;</div><div class="line"> <span class="built_in">console</
span>.log(<span class="string">'onchange'</span>, event.value);</div><div class="line"> },</div><div class="line"> <span class="attr">onreturn</span>: <span class="function"><span class="keyword">function</span> (<span class="params">event</span>) </span>{</div><div class="line"> <span class="keyword">this</span>.txtReturnType = event.returnKeyType;</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onreturn'</span>, event.type);</div><div class="line"> },</div><div class="line"> <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span> (<span class="params">event</span>) </span>{</div><div class="line"> <span class="keyword">this</span>.txtInput = event.value;</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'oninput'</span>, event.value);</div><div class="line"> },</div><div class="line">
<span class="attr">focus</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.$refs[<span class="string">'input1'</span>].focus();</div><div class="line"> },</div><div class="line"> <span class="attr">blur</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.$refs[<span class="string">'input1'</span>].blur();</div><div class="line"> },</div><div class="line"> <span class="attr">setRange</span>: <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> <span class="built_in">console</span>.log(<span class="keyword">this</span>.$refs[<span class="string">"inputselection"</span>]);</div><div class="line"> <span class="keywor
d">this</span>.$refs[<span class="string">"inputselection"</span>].setSelectionRange(<span class="number">2</span>, <span class="number">6</span>);</div><div class="line"> },</div><div class="line"> onfocus () {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>);</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'onfocus'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onblur () {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>);</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'input blur'</span>
,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> };</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/dd83d941d2364f2849e45dc3c5d91ab4" target="_blank" rel="external">体验一下</a></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="/references/components/input.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/input.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>
[14/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/animation.html b/cn/references/modules/animation.html
deleted file mode 100644
index da96bbf..0000000
--- a/cn/references/modules/animation.html
+++ /dev/null
@@ -1,1580 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>animation | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="animation 动画流畅且有意义的动画是一个十分有效的提升移动应用用户体验的手段，animation 模块被用于在组件上执行动画。动画可以对组件执行一系列简单的变换 (位置、大小、旋转角度、背景颜色和不透明度)。举个例子，如果有一个 &lt;image&gt; 组件，通过动画你可以对其进行移动、旋转、拉伸或收缩等动作。 APItransition(el, options, callback)参">
-<meta property="og:type" content="website">
-<meta property="og:title" content="animation">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/animation.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="animation 动画流畅且有意义的动画是一个十分有效的提升移动应用用户体验的手段，animation 模块被用于在组件上执行动画。动画可以对组件执行一系列简单的变换 (位置、大小、旋转角度、背景颜色和不透明度)。举个例子，如果有一个 &lt;image&gt; 组件，通过动画你可以对其进行移动、旋转、拉伸或收缩等动作。 APItransition(el, options, callback)参">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="animation">
-<meta name="twitter:description" content="animation 动画流畅且有意义的动画是一个十分有效的提升移动应用用户体验的手段，animation 模块被用于在组件上执行动画。动画可以对组件执行一系列简单的变换 (位置、大小、旋转角度、背景颜色和不透明度)。举个例子，如果有一个 &lt;image&gt; 组件，通过动画你可以对其进行移动、旋转、拉伸或收缩等动作。 APItransition(el, options, callback)参">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/animation.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/animation.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link current ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link current ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- animation
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="animation-动画" class="article-heading"><a href="#animation-动画" class="headerlink" title="animation 动画"></a><code>animation</code> 动画<a class="article-anchor" href="#animation-动画" aria-hidden="true"></a></h1><p>流畅且有意义的动画是一个十分有效的提升移动应用用户体验的手段，<code>animation</code> 模块被用于在组件上执行动画。动画可以对组件执行一系列简单的变换 (位置、大小、旋转角度、背景颜色和不透明度)。举个例子，如果有一个 <code><image></code> 组件，通过动画你可以对其进行移动、旋转、拉伸或收缩等动作。</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="transition-el-options-callback" class="article-heading"><a href="#transition-el-options-callback" class="headerlink" title="transition(el, options, callback)"></a><code>transition(el, options, callback)</code><a class="article-anchor" href="#transition-el-options-callback" aria-hidden="true"></a></h3><h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>el {Element}</code>：将要执行动画的元素，例如指定动画的元素 <code>ref</code> 属性为 <code>test</code> , 可以通过调用 <code>this.refs.test</code> 来获取元素的引用。</li>
-<li><code>options {Object}</code>：描述动画过程的对象。<ul>
-<li><code>options.duration {number}</code>：指定动画的持续时间 (单位是毫秒)，默认值是 <code>0</code>，表示没有动画效果。</li>
-<li><code>options.delay {number}</code>：指定请求动画操作到执行动画之间的时间间隔 (单位是毫秒)，默认值是 <code>0</code>，表示没有延迟，在请求后立即执行动画。</li>
-<li><code>options.timingFunction {string}</code>：描述动画执行的速度曲线，用于使动画变化更为平滑。默认值是 <code>linear</code>，表示动画从开始到结束都拥有同样的速度。下表列出了所有合法的属性：</li>
-</ul>
-</li>
-</ul>
-<table>
-<thead>
-<tr>
-<th>属性名</th>
-<th>描述</th>
-<th>示例</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td><code>linear</code></td>
-<td>动画从头到尾的速度是相同的</td>
-</tr>
-<tr>
-<td><code>ease-in</code></td>
-<td>动画速度由慢到快</td>
-</tr>
-<tr>
-<td><code>ease-out</code></td>
-<td>动画速度由快到慢</td>
-</tr>
-<tr>
-<td><code>ease-in-out</code></td>
-<td>动画先加速到达中间点后减速到达终点</td>
-</tr>
-<tr>
-<td><code>cubic-bezier(x1, y1, x2, y2)</code></td>
-<td>在三次贝塞尔函数中定义变化过程，函数的参数值必须处于 0 到 1 之间。更多关于三次贝塞尔的信息请参阅 <a href="http://cubic-bezier.com/" target="_blank" rel="external">cubic-bezier</a> 和 <a href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve" target="_blank" rel="external">Bézier curve</a>.</td>
-</tr>
-</tbody>
-</table>
-<ul>
-<li><code>options.styles {Object}</code>：设置不同样式过渡效果的键值对，下表列出了所有合法的参数：</li>
-</ul>
-<table>
-<thead>
-<tr>
-<th>参数名</th>
-<th>描述</th>
-<th>值类型</th>
-<th>默认值</th>
-<th>示例</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>width</td>
-<td>动画执行后应用到组件上的宽度值</td>
-<td>length</td>
-<td>无</td>
-</tr>
-<tr>
-<td>height</td>
-<td>动画执行后应用到组件上的高度值</td>
-<td>length</td>
-<td>无</td>
-</tr>
-<tr>
-<td>backgroundColor</td>
-<td>动画执行后应用到组件上的背景颜色</td>
-<td>string</td>
-<td>none</td>
-</tr>
-<tr>
-<td>opacity</td>
-<td>动画执行后应用到组件上的不透明度值</td>
-<td>介于 0 到 1 间的数值</td>
-<td><code>1</code></td>
-</tr>
-<tr>
-<td>transformOrigin</td>
-<td>定义变化过程的中心点. 参数 <code>x-aris</code> 可能的值为 <code>left</code>、<code>center</code>、<code>right</code>、长度值或百分比值, 参数 <code>y-axis</code> 可能的值为 <code>top</code>、<code>center</code>、<code>bottom</code>、长度值或百分比值</td>
-<td><code>x-axis y-axis</code></td>
-<td><code>center center</code></td>
-</tr>
-<tr>
-<td>transform</td>
-<td>定义应用在元素上的变换类型，支持下表列出的属性</td>
-<td>object</td>
-<td>无</td>
-</tr>
-</tbody>
-</table>
-<p><code>transform</code>属性的合法值:</p>
-<table>
-<thead>
-<tr>
-<th>名称</th>
-<th>描述</th>
-<th>值类型</th>
-<th>默认值</th>
-<th>示例</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td><code>translate</code>/<code>translateX</code>/<code>translateY</code></td>
-<td>指定元素要移动到的位置</td>
-<td>像素值或百分比</td>
-<td>无</td>
-</tr>
-<tr>
-<td><code>rotate</code></td>
-<td>指定元素将被旋转的角度，单位是度</td>
-<td>number</td>
-<td>无</td>
-</tr>
-<tr>
-<td><code>scale</code>/<code>scaleX</code>/<code>scaleY</code></td>
-<td>按比例放大或缩小元素</td>
-<td>number</td>
-<td>无</td>
-</tr>
-</tbody>
-</table>
-<ul>
-<li><code>callback {Function}</code>：动画执行完毕之后的回调</li>
-</ul>
-<h2 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h2><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">div</span> <span class="attr">ref</span>=<span class="string">"test"</span> @<span class="attr">click</span>=<span class="string">"move"</span> <span class="attr">class</span>=<span class="string">"box"</span>></span><span class="tag"></<span class="name">div</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">templat
e</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> animation = weex.requireModule(<span class="string">'animation'</span>)</div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> move () {</div><div class="line"> <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$refs.test;</div><div class="line"> animation.transition(testEl, {</div><div class="line"> <span class="attr">styles</span>: {</div><div class="line"> <span class="attr">color</span>: <span
class="string">'#FF0000'</span>,</div><div class="line"> <span class="attr">transform</span>: <span class="string">'translate(250px, 100px)'</span>,</div><div class="line"> <span class="attr">transformOrigin</span>: <span class="string">'center center'</span></div><div class="line"> },</div><div class="line"> <span class="attr">duration</span>: <span class="number">800</span>, <span class="comment">//ms</span></div><div class="line"> timingFunction: <span class="string">'ease'</span>,</div><div class="line"> <span class="attr">delay</span>: <span class="number">0</span> <span class="comment">//ms</span></div><div class="line"> }, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'animation finished.'</span> })</div><div class="line"> &#
125;)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.box</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#DDD</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><a href="http://dotwe.org/vue/2d1b61bef061448c1a5a13eac9624410" target="_blank" rel="external">try it</a></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="/references/modules/animation.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/animation.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/2c2795f2/cn/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/clipboard.html b/cn/references/modules/clipboard.html
deleted file mode 100644
index 690754d..0000000
--- a/cn/references/modules/clipboard.html
+++ /dev/null
@@ -1,1472 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>clipboard | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="clipboard 剪切板v0.8+ 我们可以通过 clipboard 模块的 getString()、setString() 接口从系统的粘贴板获取内容或者设置内容。 以前当我们收到一条短信验证码信息时，除了人肉拷贝，我们无法获取拷贝短信的内容。这是非常苦恼的。但是现在我们可以通过简单的调用 clipboard.getString() 接口来获取短信内容了。 注意 仅支持文本拷贝 出于安全考虑">
-<meta property="og:type" content="website">
-<meta property="og:title" content="clipboard">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/clipboard.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="clipboard 剪切板v0.8+ 我们可以通过 clipboard 模块的 getString()、setString() 接口从系统的粘贴板获取内容或者设置内容。 以前当我们收到一条短信验证码信息时，除了人肉拷贝，我们无法获取拷贝短信的内容。这是非常苦恼的。但是现在我们可以通过简单的调用 clipboard.getString() 接口来获取短信内容了。 注意 仅支持文本拷贝 出于安全考虑">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="clipboard">
-<meta name="twitter:description" content="clipboard 剪切板v0.8+ 我们可以通过 clipboard 模块的 getString()、setString() 接口从系统的粘贴板获取内容或者设置内容。 以前当我们收到一条短信验证码信息时，除了人肉拷贝，我们无法获取拷贝短信的内容。这是非常苦恼的。但是现在我们可以通过简单的调用 clipboard.getString() 接口来获取短信内容了。 注意 仅支持文本拷贝 出于安全考虑">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/clipboard.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/clipboard.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link current ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link current ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- clipboard
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="clipboard-剪切板" class="article-heading"><a href="#clipboard-剪切板" class="headerlink" title="clipboard 剪切板"></a><code>clipboard</code> 剪切板<a class="article-anchor" href="#clipboard-剪切板" aria-hidden="true"></a></h1><p><span class="weex-version">v0.8+</span></p>
-<p>我们可以通过 <code>clipboard</code> 模块的 <code>getString()</code>、<code>setString()</code> 接口从系统的粘贴板获取内容或者设置内容。</p>
-<p>以前当我们收到一条短信验证码信息时，除了人肉拷贝，我们无法获取拷贝短信的内容。这是非常苦恼的。但是现在我们可以通过简单的调用 <code>clipboard.getString()</code> 接口来获取短信内容了。</p>
-<p><strong>注意</strong></p>
-<ul>
-<li>仅支持文本拷贝</li>
-<li>出于安全考虑和平台限制，只支持 Android 和 iOS，不支持 html5。</li>
-</ul>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="getString-callback" class="article-heading"><a href="#getString-callback" class="headerlink" title="getString(callback)"></a><code>getString(callback)</code><a class="article-anchor" href="#getString-callback" aria-hidden="true"></a></h3><p>从系统粘贴板读取内容。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>callback {function (ret)}</code>：执行完读取操作后的回调函数。<code>ret {Object}</code> 为 <code>callback</code> 函数的参数，有两个属性：<ul>
-<li><code>ret.data</code>：获取到的文本内容；</li>
-<li><code>ret.result</code>：返回状态，可能为 <code>success</code> 或 <code>fail</code>。</li>
-</ul>
-</li>
-</ul>
-<h3 id="setString-text" class="article-heading"><a href="#setString-text" class="headerlink" title="setString(text)"></a><code>setString(text)</code><a class="article-anchor" href="#setString-text" aria-hidden="true"></a></h3><p>将一段文本复制到剪切板，相当于手动复制文本。</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><code>text {string}</code>：要复制到剪切板的字符串。</li>
-</ul>
-<h3 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h3><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></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"div"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"onItemClick"</span>></span>{{message}}<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">div</span> <span class="attr">class</span>=<span class="string">"div"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setContent"</span>></span>Click to copy: {{tobecopied}}<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> clipboard = weex.requir
eModule(<span class="string">'clipboard'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">tobecopied</span>: <span class="string">'yay!'</span>,</div><div class="line"> <span class="attr">message</span>: <span class="string">'nothing.'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"></div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> setContent () {</div><div class="line"> clipboard.setString(<span class="keyword">this</span>.tobecopied)</div><div class="line"> },</div><div class="line"> onItemClick () {</div><div class="line"> <span class="keyword">this</span>.message = <span class="string">
'clicked! '</span></div><div class="line"> clipboard.getString(<span class="function"><span class="params">ret</span> =></span> {</div><div class="line"> <span class="keyword">this</span>.message = <span class="string">'text from clipboard:'</span> + ret.data</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.div</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: space-between;</div><div class="line"> <span class="attribute">align-items</span>:
center;</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">90px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">padding-right</span>: <span class="number">30px</span>;</div><div class="line"></div><div class="line"> <span class="attribute">border-bottom-width</span>: <span class="number">1px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attri
bute">height</span>: <span class="number">90px</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><a href="http://dotwe.org/vue/126d3cfc5533393e28943978b07aa5c1" target="_blank" rel="external">try it</a></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="/references/modules/clipboard.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/clipboard.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>
[25/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/cn/references/components/scroller.html b/cn/references/components/scroller.html
deleted file mode 100644
index 7e67701..0000000
--- a/cn/references/components/scroller.html
+++ /dev/null
@@ -1,1540 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><scroller> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;scroller&gt;v0.6.1+ &lt;scroller&gt; 是一个竖直的，可以容纳多个排成一列的子组件的滚动器。如果子组件的总高度高于其本身，那么所有的子组件都可滚动。 注意： &lt;scroller&gt; 可以当作根元素或者嵌套元素使用。此组件的滚动方向是垂直方向的形式。 子组件支持任意类型的 Weex 组件作为其子组件。 其中，还支持以下两个特殊组件作为子组件： &">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<scroller>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/scroller.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;scroller&gt;v0.6.1+ &lt;scroller&gt; 是一个竖直的，可以容纳多个排成一列的子组件的滚动器。如果子组件的总高度高于其本身，那么所有的子组件都可滚动。 注意： &lt;scroller&gt; 可以当作根元素或者嵌套元素使用。此组件的滚动方向是垂直方向的形式。 子组件支持任意类型的 Weex 组件作为其子组件。 其中，还支持以下两个特殊组件作为子组件： &">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/scroller_1.jpg">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<scroller>">
-<meta name="twitter:description" content="&lt;scroller&gt;v0.6.1+ &lt;scroller&gt; 是一个竖直的，可以容纳多个排成一列的子组件的滚动器。如果子组件的总高度高于其本身，那么所有的子组件都可滚动。 注意： &lt;scroller&gt; 可以当作根元素或者嵌套元素使用。此组件的滚动方向是垂直方向的形式。 子组件支持任意类型的 Weex 组件作为其子组件。 其中，还支持以下两个特殊组件作为子组件： &">
-<meta name="twitter:image" content="https://weex-project.io/cn/references/images/scroller_1.jpg">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/scroller.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/scroller.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link current "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link current "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <scroller>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-scroller-gt" class="article-heading"><a href="#lt-scroller-gt" class="headerlink" title="<scroller>"></a><scroller><a class="article-anchor" href="#lt-scroller-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.6.1+</span></p>
-<p><code><scroller></code> 是一个竖直的，可以容纳多个排成一列的子组件的滚动器。如果子组件的总高度高于其本身，那么所有的子组件都可滚动。</p>
-<p><strong>注意：</strong> <code><scroller></code> 可以当作根元素或者嵌套元素使用。此组件的滚动方向是垂直方向的形式。</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>
-<ul>
-<li><p><code><refresh></code></p>
-<p>用于给列表添加下拉刷新的功能。</p>
-<p>使用文档请查看 <a href="./refresh.html"><code><refresh></code></a></p>
-</li>
-<li><p><code><loading></code></p>
-<p><code><loading></code> 用法与特性和 <code><refresh></code> 类似，用于给列表添加上拉加载更多的功能。</p>
-<p>使用文档请查看 <a href="./loading.html"><code><loading></code></a></p>
-</li>
-</ul>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><p><code>show-scrollbar {boolean}</code>：可选值为 <code>true</code>/ <code>false</code>，默认值为 <code>true</code>。控制是否出现滚动条。</p>
-</li>
-<li><p><code>scroll-direction {string}</code>：可选为 <code>horizontal</code> 或者 <code>vertical</code>，默认值为 <code>vertical</code> 。定义滚动的方向。</p>
-<ul>
-<li><code>scroll-direction</code>定义了 scroller 的滚动方向，<code>flex-direction</code> 定义了 scroller 的布局方向，两个方向必须一致。</li>
-<li><code>scroll-direction</code> 的默认值是 <code>vertical</code>, <code>flex-direction</code> 的默认值是 <code>row</code>。</li>
-<li>当需要一个水平方向的 scroller 时，使用 <code>scroll-direction:horizontal</code> 和 <code>flex-direction: row</code>。</li>
-<li>当需要一个竖直方向的 scroller 时，使用 <code>scroll-direction:vertical</code> 和 <code>flex-direction: column</code>。由于这两个值均是默认值，当需要一个竖直方向的 scroller 时，这两个值可以不设置。</li>
-</ul>
-</li>
-<li><p><code>loadmoreoffset {number}</code>：默认值为 0，触发 <code>loadmore</code> 事件所需要的垂直偏移距离（设备屏幕底部与页面底部之间的距离）。当页面的滚动条滚动到足够接近页面底部时将会触发 <code>loadmore</code> 这个事件。</p>
-<p><img src="../images/scroller_1.jpg" alt="mobile_preview"></p>
-</li>
-<li><p><del><code>loadmoreretry {number}</code>：默认值为 0，当 <code>loadmore</code> 失败时是否重置 <code>loadmore</code> 相关的 UI，值不一样就会重置。</del> 该属性已废弃，请使用<code>resetLoadmore()</code>函数实现重置<code>loadmore</code>的操作。</p>
-</li>
-<li><p><code>offset-accuracy {number}</code> <sup class="wx-v">0.11+</sup>：控制<code>onscroll</code>事件触发的频率，默认值为10，表示两次<code>onscroll</code>事件之间列表至少滚动了10px。注意，将该值设置为较小的数值会提高滚动事件采样的精度，但同时也会降低页面的性能。</p>
-</li>
-<li><p><code>offset-accuracy</code>：默认值是0，触发 <code>scroll</code> 事件所需要的垂直偏移距离。</p>
-</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><code>loadmore</code> <sup class="wx-v">v0.5+</sup>：如果滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。</li>
-<li><p><code>scroll</code> <sup class="wx-v">0.11+</sup>: 列表发生滚动时将会触发该事件，事件的默认抽样率为10px，即列表每滚动10px触发一次，可通过属性<code>offset-accuracy</code>设置抽样率。 </p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>contentSize {Object}</code>：列表的内容尺寸<ul>
-<li><code>width {number}</code>: 列表内容宽度</li>
-<li><code>height {number}</code>: 列表内容高度</li>
-</ul>
-</li>
-<li><code>contentOffset {Object}</code>: 列表的偏移尺寸<ul>
-<li><code>x {number}</code>: x轴上的偏移量</li>
-<li><code>y {number}</code>: y轴上的偏移量</li>
-</ul>
-</li>
-</ul>
-</li>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="扩展" class="article-heading"><a href="#扩展" class="headerlink" title="扩展"></a>扩展<a class="article-anchor" href="#扩展" aria-hidden="true"></a></h2><h3 id="scrollToElement-node-options" class="article-heading"><a href="#scrollToElement-node-options" class="headerlink" title="scrollToElement(node, options)"></a>scrollToElement(node, options)<a class="article-anchor" href="#scrollToElement-node-options" aria-hidden="true"></a></h3><p>滚动到列表某个指定项是常见需求，<code><list></code> 拓展了该功能支持滚动到指定 <code><cell></code>。通过 <code>dom</code> module 访问，更多信息可参考 <a href="../modules/dom.html">dom module</a> 。</p>
-<h3 id="resetLoadmore-0-9" class="article-heading"><a href="#resetLoadmore-0-9" class="headerlink" title="resetLoadmore() 0.9+"></a>resetLoadmore() <sup class="wx-v">0.9+</sup><a class="article-anchor" href="#resetLoadmore-0-9" aria-hidden="true"></a></h3><p>在默认情况下，触发<code>loadmore</code>事件后，如果列表中内容没有发生变更，则下一次滚动到列表末尾时将不会再次触发<code>loadmore</code>事件，你可以通过调用<code>resetLoadmore()</code>方法来打破这一限制，调用该方法后，下一次滚动到列表末尾时将强制触发<code>loadmore</code>。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>node {node}</code>：指定目标节点。</li>
-<li><code>options {Object}</code>：<ul>
-<li><code>offset {number}</code>：一个到其可见位置的偏移距离，默认是0</li>
-</ul>
-</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><p><strong>不允许</strong>相同方向的 <code><list></code> 或者 <code><scroller></code> 互相嵌套，换句话说就是嵌套的 <code><list></code>/<code><scroller></code> 必须是不同的方向。</p>
-<p>举个例子，<strong>不允许</strong>一个垂直方向的 <code><list></code> 嵌套的一个垂直方向的 <code><scroller></code> 中，但是一个垂直方向的 <code><list></code> 是可以嵌套的一个水平方向的 <code><list></code> 或者 <code><scroller></code> 中的。</p>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"row"</span> <span class="attr">v-for</span>=<span class="string">"(name, index) in rows"</span> <span class="attr">:ref</span>=<span class="string">"'item'+index"</span>></span></div><div class="line"> <span
class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">:ref</span>=<span class="string">"'text'+index"</span>></span>{{name}}<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">scroller</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto10"</span> <span class="attr">class</span>=<span class="string">"button"</span>></span>Go to 10<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<sp
an class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto20"</span> <span class="attr">class</span>=<span class="string">"button"</span>></span>Go to 20<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span clas
s="keyword">return</span> {</div><div class="line"> <span class="attr">rows</span>: []</div><div class="line"> }</div><div class="line"> },</div><div class="line"> created () {</div><div class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>; i < <span class="number">30</span>; i++) {</div><div class="line"> <span class="keyword">this</span>.rows.push(<span class="string">'row '</span> + i)</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> goto10 (count) {</div><div class="line"> <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item10[<span class="number">0</span>]</div><div class="line"> dom.scrollToElement(el, {})</div><div class="line"> },</div><div class="line"> goto20 (co
unt) {</div><div class="line"> <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item20[<span class="number">0</span>]</div><div class="line"> dom.scrollToElement(el, { <span class="attr">offset</span>: <span class="number">0</span> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.scroller</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">border-wid
th</span>: <span class="number">3px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.row</span> {</div><div class="line"> <span class="attribute">height</span>: <span class="number">100px</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"> <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">border-bottom-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-
bottom-style</span>: solid;</div><div class="line"> <span class="attribute">border-bottom-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.group</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.button</span> {</div><div class="line"> <span class="attribute">width</spa
n>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">margin-right</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</sp
an>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/2f22f14fb711d88515e63c3f67bed46a" target="_blank" rel="external">try it</a></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="/references/components/scroller.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/scroller.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>
[46/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/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/2c2795f2/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/2c2795f2/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/2c2795f2/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/2c2795f2/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
[36/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/bubble.html
----------------------------------------------------------------------
diff --git a/cn/references/bubble.html b/cn/references/bubble.html
deleted file mode 100644
index 802508a..0000000
--- a/cn/references/bubble.html
+++ /dev/null
@@ -1,1459 +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="事件冒泡 v0.13+Weex 2.0 实现了 W3C 标准的事件冒泡机制。 使用&lt;template&gt; &lt;div class="root" @click="rootClick" bubble="true"&gt; &lt;text style="font-size: 40px;"&gt;&#123;&#123;rootText&#125;&#125;&lt;/text&g">
-<meta property="og:type" content="website">
-<meta property="og:title" content="事件冒泡">
-<meta property="og:url" content="https://weex-project.io/cn/references/bubble.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="事件冒泡 v0.13+Weex 2.0 实现了 W3C 标准的事件冒泡机制。 使用&lt;template&gt; &lt;div class="root" @click="rootClick" bubble="true"&gt; &lt;text style="font-size: 40px;"&gt;&#123;&#123;rootText&#125;&#125;&lt;/text&g">
-<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="事件冒泡 v0.13+Weex 2.0 实现了 W3C 标准的事件冒泡机制。 使用&lt;template&gt; &lt;div class="root" @click="rootClick" bubble="true"&gt; &lt;text style="font-size: 40px;"&gt;&#123;&#123;rootText&#125;&#125;&lt;/text&g">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/bubble.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/bubble.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link current ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link current ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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="事件冒泡-v0-13" class="article-heading"><a href="#事件冒泡-v0-13" class="headerlink" title="事件冒泡 v0.13+"></a>事件冒泡 <span class="api-version">v0.13+</span><a class="article-anchor" href="#事件冒泡-v0-13" aria-hidden="true"></a></h1><p>Weex 2.0 实现了 W3C 标准的事件冒泡机制。</p>
-<h3 id="使用" class="article-heading"><a href="#使用" class="headerlink" title="使用"></a>使用<a class="article-anchor" href="#使用" aria-hidden="true"></a></h3><figure class="highlight"><table><tr><td class="code"><pre><div class="line"><template></div><div class="line"> <div class="root" @click="rootClick" bubble="true"></div><div class="line"> <text style="font-size: 40px;">{{rootText}}</text></div><div class="line"> <div class="outer" @click="parentClick"></div><div class="line"> <div></div><div class="line"> <text style="font-size: 40px;">{{parentText}}</text></div><div class="line"> </div></div><div class="line"> <text class="inner" @click="click">{{innerText}}</text></div><div class="line"> </div></div><div class="line"> </div></div><div class="line"></template></div><div class="line"></div><
div class="line"><script></div><div class="line"> module.exports = {</div><div class="line"> data: {</div><div class="line"> innerText: 'click me',</div><div class="line"> parentText: '',</div><div class="line"> rootText: ''</div><div class="line"> },</div><div class="line"> methods: {</div><div class="line"> click: function(e) {</div><div class="line"> this.innerText = 'inner bubble'</div><div class="line"> },</div><div class="line"> parentClick: function(e) {</div><div class="line"> this.parentText = 'parent bubble'</div><div class="line"> },</div><div class="line"> rootClick: function(e) {</div><div class="line"> this.rootText = 'root bubble'</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"></script></div><div class="line"></div><div class="line"><style scoped></div><div cl
ass="line"> .inner {</div><div class="line"> font-size: 40px;</div><div class="line"> text-align: center;</div><div class="line"> background-color: #7a9b1b;</div><div class="line"> padding: 40px;</div><div class="line"> }</div><div class="line"></div><div class="line"> .outer {</div><div class="line"> font-size: 40px;</div><div class="line"> text-align: center;</div><div class="line"> background-color: #9b7a1b;</div><div class="line"> padding: 120px;</div><div class="line"> }</div><div class="line"></div><div class="line"> .root {</div><div class="line"> font-size: 40px;</div><div class="line"> text-align: center;</div><div class="line"> background-color: #7a1b9b;</div><div class="line"> padding: 80px;</div><div class="line"> }</div><div class="line"></style></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/fa2957ce3e9eb47ad9ae1da22d845e95" target="_blank" rel="external">try it</a></p>
-<p>运行以上代码，用客户端打开，点击中间的元素，可以看到事件向上传播，依次触发。</p>
-<h3 id="注意" class="article-heading"><a href="#注意" class="headerlink" title="注意"></a>注意<a class="article-anchor" href="#注意" aria-hidden="true"></a></h3><p>需要注意的是: <strong> 为了兼容之前的版本，Weex 默认不会开启事件冒泡机制。需要在根元素的属性上，添加 <code>bubble="true"</code> 来开启冒泡机制。否则，将不会向上传播事件，保持与之前版本的效果相同。 </strong></p>
-<h3 id="stopPropagation" class="article-heading"><a href="#stopPropagation" class="headerlink" title="stopPropagation"></a>stopPropagation<a class="article-anchor" href="#stopPropagation" aria-hidden="true"></a></h3><p>在事件处理函数中，可以使用 <code>e.stopPropagation()</code> 方法，来阻止本次事件向上的传递过程。注意，<code>e.stopPropagation()</code> 与 <code>bubble="true"</code> 不同，前者只会影响当前元素以及父元素的传播，不会影响子元素的传播；后者是为了版本兼容而增加的开关机制，会全局关闭或者开启冒泡机制，两者可以共同存在使用，如下：</p>
-<figure class="highlight"><table><tr><td class="code"><pre><div class="line"><template></div><div class="line"> <div class="root" @click="rootClick" bubble="true"></div><div class="line"> <text style="font-size: 40px;">{{rootText}}</text></div><div class="line"> <div class="outer" @click="parentClick"></div><div class="line"> <div></div><div class="line"> <text style="font-size: 40px;">{{parentText}}</text></div><div class="line"> </div></div><div class="line"> <text class="inner" @click="click">{{innerText}}</text></div><div class="line"> </div></div><div class="line"> </div></div><div class="line"></template></div><div class="line"></div><div class="line"><script></div><div class="line"> module.exports = {</div><div class="line"> data: {</div><div class="line"> innerText: 'click me'
,</div><div class="line"> parentText: '',</div><div class="line"> rootText: ''</div><div class="line"> },</div><div class="line"> methods: {</div><div class="line"> click: function(e) {</div><div class="line"> this.innerText = 'inner bubble'</div><div class="line"> },</div><div class="line"> parentClick: function(e) {</div><div class="line"> this.parentText = 'parent bubble'</div><div class="line"> e.stopPropagation()</div><div class="line"> },</div><div class="line"> rootClick: function(e) {</div><div class="line"> this.rootText = 'root bubble'</div><div class="line"> // e.stopPropagation()</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"></script></div><div class="line"></div><div class="line"><style scoped></div><div class="line"> .inner {</div><div class="line"> font-size: 4
0px;</div><div class="line"> text-align: center;</div><div class="line"> background-color: #7a9b1b;</div><div class="line"> padding: 40px;</div><div class="line"> }</div><div class="line"></div><div class="line"> .outer {</div><div class="line"> font-size: 40px;</div><div class="line"> text-align: center;</div><div class="line"> background-color: #9b7a1b;</div><div class="line"> padding: 120px;</div><div class="line"> }</div><div class="line"></div><div class="line"> .root {</div><div class="line"> font-size: 40px;</div><div class="line"> text-align: center;</div><div class="line"> background-color: #7a1b9b;</div><div class="line"> padding: 80px;</div><div class="line"> }</div><div class="line"></style></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/2cc80e19c9b2430fb780234628065a69" target="_blank" rel="external">try it</a></p>
-<p>运行以上代码，用客户端打开，点击中间的元素，可以看到事件向上传播到父元素被终止，不再继续往根元素传播。</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="/references/bubble.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/bubble.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/2c2795f2/cn/references/color-names.html
----------------------------------------------------------------------
diff --git a/cn/references/color-names.html b/cn/references/color-names.html
deleted file mode 100644
index c335d75..0000000
--- a/cn/references/color-names.html
+++ /dev/null
@@ -1,2122 +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 支持的所有颜色名称基础颜色关键词: 颜色名 十六进制RGB值 black(黑) #000000 silver(银) #C0C0C0 gray(灰) #808080 white(白) #FFFFFF maroon(褐紫红) #800000 red(红) #FF0000 purple(紫) #800080 fuchsia(晚樱) #FF00FF g">
-<meta property="og:type" content="website">
-<meta property="og:title" content="颜色名称列表">
-<meta property="og:url" content="https://weex-project.io/cn/references/color-names.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Weex 支持的所有颜色名称基础颜色关键词: 颜色名 十六进制RGB值 black(黑) #000000 silver(银) #C0C0C0 gray(灰) #808080 white(白) #FFFFFF maroon(褐紫红) #800000 red(红) #FF0000 purple(紫) #800080 fuchsia(晚樱) #FF00FF g">
-<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 支持的所有颜色名称基础颜色关键词: 颜色名 十六进制RGB值 black(黑) #000000 silver(银) #C0C0C0 gray(灰) #808080 white(白) #FFFFFF maroon(褐紫红) #800000 red(红) #FF0000 purple(紫) #800080 fuchsia(晚樱) #FF00FF g">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/color-names.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/color-names.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link current ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link current ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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="Weex-支持的所有颜色名称" class="article-heading"><a href="#Weex-支持的所有颜色名称" class="headerlink" title="Weex 支持的所有颜色名称"></a>Weex 支持的所有颜色名称<a class="article-anchor" href="#Weex-支持的所有颜色名称" aria-hidden="true"></a></h1><h3 id="基础颜色关键词" class="article-heading"><a href="#基础颜色关键词" class="headerlink" title="基础颜色关键词:"></a>基础颜色关键词:<a class="article-anchor" href="#基础颜色关键词" aria-hidden="true"></a></h3><table>
-<thead>
-<tr>
-<th>颜色名</th>
-<th>十六进制RGB值</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>black(黑)</td>
-<td>#000000</td>
-</tr>
-<tr>
-<td>silver(银)</td>
-<td>#C0C0C0</td>
-</tr>
-<tr>
-<td>gray(灰)</td>
-<td>#808080</td>
-</tr>
-<tr>
-<td>white(白)</td>
-<td>#FFFFFF</td>
-</tr>
-<tr>
-<td>maroon(褐紫红)</td>
-<td>#800000</td>
-</tr>
-<tr>
-<td>red(红)</td>
-<td>#FF0000</td>
-</tr>
-<tr>
-<td>purple(紫)</td>
-<td>#800080</td>
-</tr>
-<tr>
-<td>fuchsia(晚樱)</td>
-<td>#FF00FF</td>
-</tr>
-<tr>
-<td>green(绿)</td>
-<td>#008000</td>
-</tr>
-<tr>
-<td>lime(石灰)</td>
-<td>#00FF00</td>
-</tr>
-<tr>
-<td>olive(橄榄)</td>
-<td>#808000</td>
-</tr>
-<tr>
-<td>yellow(黄)</td>
-<td>#FFFF00</td>
-</tr>
-<tr>
-<td>navy(海军蓝)</td>
-<td>#000080</td>
-</tr>
-<tr>
-<td>blue(蓝)</td>
-<td>#0000FF</td>
-</tr>
-<tr>
-<td>teal(水鸭)</td>
-<td>#008080</td>
-</tr>
-<tr>
-<td>aqua(水蓝)</td>
-<td>#00FFFF</td>
-</tr>
-</tbody>
-</table>
-<h3 id="扩展颜色关键词" class="article-heading"><a href="#扩展颜色关键词" class="headerlink" title="扩展颜色关键词:"></a>扩展颜色关键词:<a class="article-anchor" href="#扩展颜色关键词" aria-hidden="true"></a></h3><table>
-<thead>
-<tr>
-<th>颜色名</th>
-<th>十六进制RGB值</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>aliceblue</td>
-<td>#F0F8FF</td>
-</tr>
-<tr>
-<td>antiquewhite</td>
-<td>#FAEBD7</td>
-</tr>
-<tr>
-<td>aqua</td>
-<td>#00FFFF</td>
-</tr>
-<tr>
-<td>aquamarine</td>
-<td>#7FFFD4</td>
-</tr>
-<tr>
-<td>azure</td>
-<td>#F0FFFF</td>
-</tr>
-<tr>
-<td>beige</td>
-<td>#F5F5DC</td>
-</tr>
-<tr>
-<td>bisque</td>
-<td>#FFE4C4</td>
-</tr>
-<tr>
-<td>black</td>
-<td>#000000</td>
-</tr>
-<tr>
-<td>blanchedalmond</td>
-<td>#FFEBCD</td>
-</tr>
-<tr>
-<td>blue</td>
-<td>#0000FF</td>
-</tr>
-<tr>
-<td>blueviolet</td>
-<td>#8A2BE2</td>
-</tr>
-<tr>
-<td>brown</td>
-<td>#A52A2A</td>
-</tr>
-<tr>
-<td>burlywood</td>
-<td>#DEB887</td>
-</tr>
-<tr>
-<td>cadetblue</td>
-<td>#5F9EA0</td>
-</tr>
-<tr>
-<td>chartreuse</td>
-<td>#7FFF00</td>
-</tr>
-<tr>
-<td>chocolate</td>
-<td>#D2691E</td>
-</tr>
-<tr>
-<td>coral</td>
-<td>#FF7F50</td>
-</tr>
-<tr>
-<td>cornflowerblue</td>
-<td>#6495ED</td>
-</tr>
-<tr>
-<td>cornsilk</td>
-<td>#FFF8DC</td>
-</tr>
-<tr>
-<td>crimson</td>
-<td>#DC143C</td>
-</tr>
-<tr>
-<td>cyan</td>
-<td>#00FFFF</td>
-</tr>
-<tr>
-<td>darkblue</td>
-<td>#00008B</td>
-</tr>
-<tr>
-<td>darkcyan</td>
-<td>#008B8B</td>
-</tr>
-<tr>
-<td>darkgoldenrod</td>
-<td>#B8860B</td>
-</tr>
-<tr>
-<td>darkgray</td>
-<td>#A9A9A9</td>
-</tr>
-<tr>
-<td>darkgreen</td>
-<td>#006400</td>
-</tr>
-<tr>
-<td>darkgrey</td>
-<td>#A9A9A9</td>
-</tr>
-<tr>
-<td>darkkhaki</td>
-<td>#BDB76B</td>
-</tr>
-<tr>
-<td>darkmagenta</td>
-<td>#8B008B</td>
-</tr>
-<tr>
-<td>darkolivegreen</td>
-<td>#556B2F</td>
-</tr>
-<tr>
-<td>darkorange</td>
-<td>#FF8C00</td>
-</tr>
-<tr>
-<td>darkorchid</td>
-<td>#9932CC</td>
-</tr>
-<tr>
-<td>darkred</td>
-<td>#8B0000</td>
-</tr>
-<tr>
-<td>darksalmon</td>
-<td>#E9967A</td>
-</tr>
-<tr>
-<td>darkseagreen</td>
-<td>#8FBC8F</td>
-</tr>
-<tr>
-<td>darkslateblue</td>
-<td>#483D8B</td>
-</tr>
-<tr>
-<td>darkslategray</td>
-<td>#2F4F4F</td>
-</tr>
-<tr>
-<td>darkslategrey</td>
-<td>#2F4F4F</td>
-</tr>
-<tr>
-<td>darkturquoise</td>
-<td>#00CED1</td>
-</tr>
-<tr>
-<td>darkviolet</td>
-<td>#9400D3</td>
-</tr>
-<tr>
-<td>deeppink</td>
-<td>#FF1493</td>
-</tr>
-<tr>
-<td>deepskyblue</td>
-<td>#00BFFF</td>
-</tr>
-<tr>
-<td>dimgray</td>
-<td>#696969</td>
-</tr>
-<tr>
-<td>dimgrey</td>
-<td>#696969</td>
-</tr>
-<tr>
-<td>dodgerblue</td>
-<td>#1E90FF</td>
-</tr>
-<tr>
-<td>firebrick</td>
-<td>#B22222</td>
-</tr>
-<tr>
-<td>floralwhite</td>
-<td>#FFFAF0</td>
-</tr>
-<tr>
-<td>forestgreen</td>
-<td>#228B22</td>
-</tr>
-<tr>
-<td>fuchsia</td>
-<td>#FF00FF</td>
-</tr>
-<tr>
-<td>gainsboro</td>
-<td>#DCDCDC</td>
-</tr>
-<tr>
-<td>ghostwhite</td>
-<td>#F8F8FF</td>
-</tr>
-<tr>
-<td>gold</td>
-<td>#FFD700</td>
-</tr>
-<tr>
-<td>goldenrod</td>
-<td>#DAA520</td>
-</tr>
-<tr>
-<td>gray</td>
-<td>#808080</td>
-</tr>
-<tr>
-<td>green</td>
-<td>#008000</td>
-</tr>
-<tr>
-<td>greenyellow</td>
-<td>#ADFF2F</td>
-</tr>
-<tr>
-<td>grey</td>
-<td>#808080</td>
-</tr>
-<tr>
-<td>honeydew</td>
-<td>#F0FFF0</td>
-</tr>
-<tr>
-<td>hotpink</td>
-<td>#FF69B4</td>
-</tr>
-<tr>
-<td>indianred</td>
-<td>#CD5C5C</td>
-</tr>
-<tr>
-<td>indigo</td>
-<td>#4B0082</td>
-</tr>
-<tr>
-<td>ivory</td>
-<td>#FFFFF0</td>
-</tr>
-<tr>
-<td>khaki</td>
-<td>#F0E68C</td>
-</tr>
-<tr>
-<td>lavender</td>
-<td>#E6E6FA</td>
-</tr>
-<tr>
-<td>lavenderblush</td>
-<td>#FFF0F5</td>
-</tr>
-<tr>
-<td>lawngreen</td>
-<td>#7CFC00</td>
-</tr>
-<tr>
-<td>lemonchiffon</td>
-<td>#FFFACD</td>
-</tr>
-<tr>
-<td>lightblue</td>
-<td>#ADD8E6</td>
-</tr>
-<tr>
-<td>lightcoral</td>
-<td>#F08080</td>
-</tr>
-<tr>
-<td>lightcyan</td>
-<td>#E0FFFF</td>
-</tr>
-<tr>
-<td>lightgoldenrodyellow</td>
-<td>#FAFAD2</td>
-</tr>
-<tr>
-<td>lightgray</td>
-<td>#D3D3D3</td>
-</tr>
-<tr>
-<td>lightgreen</td>
-<td>#90EE90</td>
-</tr>
-<tr>
-<td>lightgrey</td>
-<td>#D3D3D3</td>
-</tr>
-<tr>
-<td>lightpink</td>
-<td>#FFB6C1</td>
-</tr>
-<tr>
-<td>lightsalmon</td>
-<td>#FFA07A</td>
-</tr>
-<tr>
-<td>lightseagreen</td>
-<td>#20B2AA</td>
-</tr>
-<tr>
-<td>lightskyblue</td>
-<td>#87CEFA</td>
-</tr>
-<tr>
-<td>lightslategray</td>
-<td>#778899</td>
-</tr>
-<tr>
-<td>lightslategrey</td>
-<td>#778899</td>
-</tr>
-<tr>
-<td>lightsteelblue</td>
-<td>#B0C4DE</td>
-</tr>
-<tr>
-<td>lightyellow</td>
-<td>#FFFFE0</td>
-</tr>
-<tr>
-<td>lime</td>
-<td>#00FF00</td>
-</tr>
-<tr>
-<td>limegreen</td>
-<td>#32CD32</td>
-</tr>
-<tr>
-<td>linen</td>
-<td>#FAF0E6</td>
-</tr>
-<tr>
-<td>magenta</td>
-<td>#FF00FF</td>
-</tr>
-<tr>
-<td>maroon</td>
-<td>#800000</td>
-</tr>
-<tr>
-<td>mediumaquamarine</td>
-<td>#66CDAA</td>
-</tr>
-<tr>
-<td>mediumblue</td>
-<td>#0000CD</td>
-</tr>
-<tr>
-<td>mediumorchid</td>
-<td>#BA55D3</td>
-</tr>
-<tr>
-<td>mediumpurple</td>
-<td>#9370DB</td>
-</tr>
-<tr>
-<td>mediumseagreen</td>
-<td>#3CB371</td>
-</tr>
-<tr>
-<td>mediumslateblue</td>
-<td>#7B68EE</td>
-</tr>
-<tr>
-<td>mediumspringgreen</td>
-<td>#00FA9A</td>
-</tr>
-<tr>
-<td>mediumturquoise</td>
-<td>#48D1CC</td>
-</tr>
-<tr>
-<td>mediumvioletred</td>
-<td>#C71585</td>
-</tr>
-<tr>
-<td>midnightblue</td>
-<td>#191970</td>
-</tr>
-<tr>
-<td>mintcream</td>
-<td>#F5FFFA</td>
-</tr>
-<tr>
-<td>mistyrose</td>
-<td>#FFE4E1</td>
-</tr>
-<tr>
-<td>moccasin</td>
-<td>#FFE4B5</td>
-</tr>
-<tr>
-<td>navajowhite</td>
-<td>#FFDEAD</td>
-</tr>
-<tr>
-<td>navy</td>
-<td>#000080</td>
-</tr>
-<tr>
-<td>oldlace</td>
-<td>#FDF5E6</td>
-</tr>
-<tr>
-<td>olive</td>
-<td>#808000</td>
-</tr>
-<tr>
-<td>olivedrab</td>
-<td>#6B8E23</td>
-</tr>
-<tr>
-<td>orange</td>
-<td>#FFA500</td>
-</tr>
-<tr>
-<td>orangered</td>
-<td>#FF4500</td>
-</tr>
-<tr>
-<td>orchid</td>
-<td>#DA70D6</td>
-</tr>
-<tr>
-<td>palegoldenrod</td>
-<td>#EEE8AA</td>
-</tr>
-<tr>
-<td>palegreen</td>
-<td>#98FB98</td>
-</tr>
-<tr>
-<td>paleturquoise</td>
-<td>#AFEEEE</td>
-</tr>
-<tr>
-<td>palevioletred</td>
-<td>#DB7093</td>
-</tr>
-<tr>
-<td>papayawhip</td>
-<td>#FFEFD5</td>
-</tr>
-<tr>
-<td>peachpuff</td>
-<td>#FFDAB9</td>
-</tr>
-<tr>
-<td>peru</td>
-<td>#CD853F</td>
-</tr>
-<tr>
-<td>pink</td>
-<td>#FFC0CB</td>
-</tr>
-<tr>
-<td>plum</td>
-<td>#DDA0DD</td>
-</tr>
-<tr>
-<td>powderblue</td>
-<td>#B0E0E6</td>
-</tr>
-<tr>
-<td>purple</td>
-<td>#800080</td>
-</tr>
-<tr>
-<td>red</td>
-<td>#FF0000</td>
-</tr>
-<tr>
-<td>rosybrown</td>
-<td>#BC8F8F</td>
-</tr>
-<tr>
-<td>royalblue</td>
-<td>#4169E1</td>
-</tr>
-<tr>
-<td>saddlebrown</td>
-<td>#8B4513</td>
-</tr>
-<tr>
-<td>salmon</td>
-<td>#FA8072</td>
-</tr>
-<tr>
-<td>sandybrown</td>
-<td>#F4A460</td>
-</tr>
-<tr>
-<td>seagreen</td>
-<td>#2E8B57</td>
-</tr>
-<tr>
-<td>seashell</td>
-<td>#FFF5EE</td>
-</tr>
-<tr>
-<td>sienna</td>
-<td>#A0522D</td>
-</tr>
-<tr>
-<td>silver</td>
-<td>#C0C0C0</td>
-</tr>
-<tr>
-<td>skyblue</td>
-<td>#87CEEB</td>
-</tr>
-<tr>
-<td>slateblue</td>
-<td>#6A5ACD</td>
-</tr>
-<tr>
-<td>slategray</td>
-<td>#708090</td>
-</tr>
-<tr>
-<td>slategrey</td>
-<td>#708090</td>
-</tr>
-<tr>
-<td>snow</td>
-<td>#FFFAFA</td>
-</tr>
-<tr>
-<td>springgreen</td>
-<td>#00FF7F</td>
-</tr>
-<tr>
-<td>steelblue</td>
-<td>#4682B4</td>
-</tr>
-<tr>
-<td>tan</td>
-<td>#D2B48C</td>
-</tr>
-<tr>
-<td>teal</td>
-<td>#008080</td>
-</tr>
-<tr>
-<td>thistle</td>
-<td>#D8BFD8</td>
-</tr>
-<tr>
-<td>tomato</td>
-<td>#FF6347</td>
-</tr>
-<tr>
-<td>turquoise</td>
-<td>#40E0D0</td>
-</tr>
-<tr>
-<td>violet</td>
-<td>#EE82EE</td>
-</tr>
-<tr>
-<td>wheat</td>
-<td>#F5DEB3</td>
-</tr>
-<tr>
-<td>white</td>
-<td>#FFFFFF</td>
-</tr>
-<tr>
-<td>whitesmoke</td>
-<td>#F5F5F5</td>
-</tr>
-<tr>
-<td>yellow</td>
-<td>#FFFF00</td>
-</tr>
-<tr>
-<td>yellowgreen</td>
-<td>#9ACD32</td>
-</tr>
-</tbody>
-</table>
-
- </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="/references/color-names.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/color-names.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>
[03/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/unit.html
----------------------------------------------------------------------
diff --git a/cn/references/unit.html b/cn/references/unit.html
deleted file mode 100644
index d63cc21..0000000
--- a/cn/references/unit.html
+++ /dev/null
@@ -1,1467 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>CSS 单位 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="CSS 单位CSS color 单位支持以下写法： .classA &#123; /* 3-chars hex */ color: #0f0; /* 6-chars hex */ color: #00ff00; /* rgba */ color: rgb(255, 0, 0); /* rgba */ color: rgba(255, 0, 0, 0.5); /* transpar">
-<meta property="og:type" content="website">
-<meta property="og:title" content="CSS 单位">
-<meta property="og:url" content="https://weex-project.io/cn/references/unit.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="CSS 单位CSS color 单位支持以下写法： .classA &#123; /* 3-chars hex */ color: #0f0; /* 6-chars hex */ color: #00ff00; /* rgba */ color: rgb(255, 0, 0); /* rgba */ color: rgba(255, 0, 0, 0.5); /* transpar">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="CSS 单位">
-<meta name="twitter:description" content="CSS 单位CSS color 单位支持以下写法： .classA &#123; /* 3-chars hex */ color: #0f0; /* 6-chars hex */ color: #00ff00; /* rgba */ color: rgb(255, 0, 0); /* rgba */ color: rgba(255, 0, 0, 0.5); /* transpar">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/unit.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/unit.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link current ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link current ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- CSS 单位
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="CSS-单位" class="article-heading"><a href="#CSS-单位" class="headerlink" title="CSS 单位"></a>CSS 单位<a class="article-anchor" href="#CSS-单位" aria-hidden="true"></a></h1><h2 id="CSS-color-单位" class="article-heading"><a href="#CSS-color-单位" class="headerlink" title="CSS color 单位"></a>CSS <code>color</code> 单位<a class="article-anchor" href="#CSS-color-单位" aria-hidden="true"></a></h2><p>支持以下写法：</p>
-<figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-class">.classA</span> {</div><div class="line"> <span class="comment">/* 3-chars hex */</span></div><div class="line"> <span class="attribute">color</span>: <span class="number">#0f0</span>;</div><div class="line"> <span class="comment">/* 6-chars hex */</span></div><div class="line"> <span class="attribute">color</span>: <span class="number">#00ff00</span>;</div><div class="line"> <span class="comment">/* rgba */</span></div><div class="line"> <span class="attribute">color</span>: <span class="built_in">rgb</span>(255, 0, 0);</div><div class="line"> <span class="comment">/* rgba */</span></div><div class="line"> <span class="attribute">color</span>: <span class="built_in">rgba</span>(255, 0, 0, 0.5);</div><div class="line"> <span class="comment">/* transparent */</span></div><div class="line"> <span class="attribute">color</span>: transparent;</div><div class="line"
> <span class="comment">/* Basic color keywords */</span></div><div class="line"> <span class="attribute">color</span>: orange;</div><div class="line"> <span class="comment">/* Extended color keywords */</span></div><div class="line"> <span class="attribute">color</span>: darkgray;</div><div class="line">}</div></pre></td></tr></table></figure>
-<h3 id="注意" class="article-heading"><a href="#注意" class="headerlink" title="注意"></a>注意<a class="article-anchor" href="#注意" aria-hidden="true"></a></h3><ul>
-<li><p>不支持 <code>hsl()</code>, <code>hsla()</code>, <code>currentColor</code>, 8个字符的十六进制颜色。</p>
-</li>
-<li><p><code>rgb(a,b,c)</code> 或 <code>rgba(a,b,c,d)</code> 的性能比其他颜色格式差很多，请选择合适的颜色格式。</p>
-</li>
-</ul>
-<p>颜色名称可查看 <a href="./color-names.html">颜色名称列表</a>.</p>
-<h2 id="CSS-length-单位" class="article-heading"><a href="#CSS-length-单位" class="headerlink" title="CSS length 单位"></a>CSS <code>length</code> 单位<a class="article-anchor" href="#CSS-length-单位" aria-hidden="true"></a></h2><p>在 Weex 中，我们只支持 <code>px</code> 长度单位。并且它将在 JavaScript 运行时和本机渲染器中解析为数字类型。</p>
-<p>下面这些不同的写法，解析的结果完全相同。</p>
-<figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-class">.classA</span> { <span class="attribute">font-size</span>: <span class="number">48px</span>; <span class="attribute">line-height</span>: <span class="number">64px</span>; }</div></pre></td></tr></table></figure>
-<p>不支持类似 <code>em</code>，<code>rem</code>，<code>pt</code> 这样的 CSS 标准中的其他长度单位。</p>
-<h2 id="CSS-number-单位" class="article-heading"><a href="#CSS-number-单位" class="headerlink" title="CSS number 单位"></a>CSS <code>number</code> 单位<a class="article-anchor" href="#CSS-number-单位" aria-hidden="true"></a></h2><p>仅仅一个数字。用于 <a href="./common-style.html"><code>opacity</code></a>，<a href="./text-style.html"><code>lines</code></a>等。</p>
-<p>有时值必须是整数，例如：<code>lines</code>。</p>
-<h2 id="CSS-percentage-单位-暂不支持" class="article-heading"><a href="#CSS-percentage-单位-暂不支持" class="headerlink" title="CSS percentage 单位 (暂不支持)"></a>CSS <code>percentage</code> 单位 (暂不支持)<a class="article-anchor" href="#CSS-percentage-单位-暂不支持" aria-hidden="true"></a></h2><p>表示百分比值，如“50％”，“66.7％”等。</p>
-<p>它是 CSS 标准的一部分，但 Weex 暂不支持。</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="/references/unit.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/unit.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/2c2795f2/cn/references/vue/difference-of-vuex.html
----------------------------------------------------------------------
diff --git a/cn/references/vue/difference-of-vuex.html b/cn/references/vue/difference-of-vuex.html
deleted file mode 100644
index 68fa71c..0000000
--- a/cn/references/vue/difference-of-vuex.html
+++ /dev/null
@@ -1,1477 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>使用 Vuex 和 vue-router | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="使用 Vuex 和 vue-routerVue.js 也有较多周边技术产品，如 Vuex 和 vue-router 等，这些库也可以在 Weex 中很好的工作。 我们基于 Weex 和 Vue 开发了一个的完整项目 weex-hackernews ，在项目中使用了 Vuex 和 vue-router ，能够实现同一份代码，在 iOS、Android、Web 下都能完整地工作。 使用 Vuex">
-<meta property="og:type" content="website">
-<meta property="og:title" content="使用 Vuex 和 vue-router">
-<meta property="og:url" content="https://weex-project.io/cn/references/vue/difference-of-vuex.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="使用 Vuex 和 vue-routerVue.js 也有较多周边技术产品，如 Vuex 和 vue-router 等，这些库也可以在 Weex 中很好的工作。 我们基于 Weex 和 Vue 开发了一个的完整项目 weex-hackernews ，在项目中使用了 Vuex 和 vue-router ，能够实现同一份代码，在 iOS、Android、Web 下都能完整地工作。 使用 Vuex">
-<meta property="og:image" content="https://vuex.vuejs.org/zh-cn/images/vuex.png">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="使用 Vuex 和 vue-router">
-<meta name="twitter:description" content="使用 Vuex 和 vue-routerVue.js 也有较多周边技术产品，如 Vuex 和 vue-router 等，这些库也可以在 Weex 中很好的工作。 我们基于 Weex 和 Vue 开发了一个的完整项目 weex-hackernews ，在项目中使用了 Vuex 和 vue-router ，能够实现同一份代码，在 iOS、Android、Web 下都能完整地工作。 使用 Vuex">
-<meta name="twitter:image" content="https://vuex.vuejs.org/zh-cn/images/vuex.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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/vue/difference-of-vuex.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/vue/difference-of-vuex.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link current ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link current ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 使用 Vuex 和 vue-router
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="使用-Vuex-和-vue-router" class="article-heading"><a href="#使用-Vuex-和-vue-router" class="headerlink" title="使用 Vuex 和 vue-router"></a>使用 Vuex 和 vue-router<a class="article-anchor" href="#使用-Vuex-和-vue-router" aria-hidden="true"></a></h1><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>
-<blockquote>
-<p>我们基于 Weex 和 Vue 开发了一个的完整项目 <a href="https://github.com/weexteam/weex-hackernews" target="_blank" rel="external">weex-hackernews</a> ，在项目中使用了 Vuex 和 vue-router ，能够实现同一份代码，在 iOS、Android、Web 下都能完整地工作。</p>
-</blockquote>
-<h2 id="使用-Vuex" class="article-heading"><a href="#使用-Vuex" class="headerlink" title="使用 Vuex"></a>使用 Vuex<a class="article-anchor" href="#使用-Vuex" aria-hidden="true"></a></h2><p><img src="//vuex.vuejs.org/zh-cn/images/vuex.png" alt="Vuex"></p>
-<p>Vuex 是一个专为 Vue.js 应用程序开发的状态管理工具库，可以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。</p>
-<p>由于在 Vuex 本身就是平台无关的，有较强的移植能力，完全可以在 Weex 中正常地使用 Vuex ，阅读其<a href="https://vuex.vuejs.org/zh-cn/" target="_blank" rel="external">官方文档</a>可以了解详细的使用方法。</p>
-<p>Vuex 也集成到了其官方调试工具 <a href="https://github.com/vuejs/vue-devtools" target="_blank" rel="external">devtools extension</a>中，提供了诸如 time-travel 调试、状态快照导入导出等高级调试功能。这些工具在 Web 平台中可以一如既往地工作。</p>
-<h2 id="使用-vue-router" class="article-heading"><a href="#使用-vue-router" class="headerlink" title="使用 vue-router"></a>使用 vue-router<a class="article-anchor" href="#使用-vue-router" aria-hidden="true"></a></h2><p>vue-router 是专为 Vue.js 开发的便于实现单页应用的工具库，能够以声明式的方法编写页面的导航和跳转信息。</p>
-<p>由于 Weex 的运行环境不只是浏览器，通常是以移动端原生环境为主，然而在 Android 和 iOS 中都没有浏览器的 History API，也不存在 DOM，因此如果想在 Weex 环境中使用 vue-router ，有些功能受到了限制，使用时应该注意。</p>
-<h3 id="路由模式" class="article-heading"><a href="#路由模式" class="headerlink" title="路由模式"></a>路由模式<a class="article-anchor" href="#路由模式" aria-hidden="true"></a></h3><p>vue-router 提供了三种运行模式：</p>
-<ul>
-<li><code>hash</code>: 使用 URL hash 值来作路由。默认模式。</li>
-<li><code>history</code>: 依赖 HTML5 History API 和服务器配置。查看 <a href="https://router.vuejs.org/zh-cn/essentials/history-mode.html" target="_blank" rel="external">HTML5 History 模式</a>。</li>
-<li><code>abstract</code>: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。</li>
-</ul>
-<p>配置方法是在定义路由时，传递 <code>mode</code> 属性：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="keyword">new</span> Router({</div><div class="line"> <span class="attr">mode</span>: <span class="string">'abstract'</span>,</div><div class="line"> <span class="comment">// ...</span></div><div class="line">})</div></pre></td></tr></table></figure>
-<p>从三种模式的介绍中也可以看出来，Weex 环境中只支持使用 abstract 模式。不过，vue-router 自身会对环境做校验，<strong>如果发现没有浏览器的 API，vue-router 会自动强制进入 abstract 模式</strong>，所以在使用时只要不写 <code>mode</code> 配置即可。默认 vue-router 会在浏览器环境中使用 hash 模式，在移动端原生环境中使用 abstract 模式。</p>
-<h3 id="编程式导航" class="article-heading"><a href="#编程式导航" class="headerlink" title="编程式导航"></a>编程式导航<a class="article-anchor" href="#编程式导航" aria-hidden="true"></a></h3><p>vue-router 中使用 <code><router-link></code> 创建导航链接，不过在其中使用了基于 DOM 事件的一些特性，在 Weex 原生环境中并不能很好的工作。在 Weex 中，你必须使用<a href="https://router.vuejs.org/zh-cn/essentials/navigation.html" target="_blank" rel="external">编程式导航</a>来编写页面跳转逻辑。</p>
-<p>编程式导航其实就是通过主动调用 router 实例上的 <code>push</code> 方法实现跳转。</p>
-<p>使用 <code><router-link></code> 的代码示例：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="comment"><!-- 只能在 Web 中使用，Native 环境不支持！ --></span></div><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></div><div class="line"> <span class="tag"><<span class="name">router-link</span> <span class="attr">to</span>=<span class="string">"profile"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span>></span>Profile<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">router-link</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></pre></td></tr></table></
figure>
-<p>在 Weex 中，需要写成这个样子：</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></div><div class="line"> <span class="tag"><<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"jump"</span>></span>Profile<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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">import</span> router <span class="keyword">from</span> <span class="string">'./path/to/router'</span></div><div class="line"> <span class="keyword">export<
/span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> jump () {</div><div class="line"> router.push(<span class="string">'profile'</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-
- </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="/references/vue/difference-of-vuex.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/vue/difference-of-vuex.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>
[05/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/cn/references/native-dom-api.html b/cn/references/native-dom-api.html
deleted file mode 100644
index e3eef5f..0000000
--- a/cn/references/native-dom-api.html
+++ /dev/null
@@ -1,1611 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Native DOM APIs | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Native DOM APIsWeex 在 JS 引擎中，为每个页面都提供了一套 Native DOM APIs，这套接口和 HTML DOM APIs 非常接近，利用这套接口我们可以通过 JavaScript 控制 native 的渲染逻辑。而且 Weex 上层的 Vue 2.0 也是基于这套接口进行适配的。 绝大多数情况下 JS 框架会把 Native DOM APIs 都封装好，开发者不需要">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Native DOM APIs">
-<meta property="og:url" content="https://weex-project.io/cn/references/native-dom-api.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Native DOM APIsWeex 在 JS 引擎中，为每个页面都提供了一套 Native DOM APIs，这套接口和 HTML DOM APIs 非常接近，利用这套接口我们可以通过 JavaScript 控制 native 的渲染逻辑。而且 Weex 上层的 Vue 2.0 也是基于这套接口进行适配的。 绝大多数情况下 JS 框架会把 Native DOM APIs 都封装好，开发者不需要">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Native DOM APIs">
-<meta name="twitter:description" content="Native DOM APIsWeex 在 JS 引擎中，为每个页面都提供了一套 Native DOM APIs，这套接口和 HTML DOM APIs 非常接近，利用这套接口我们可以通过 JavaScript 控制 native 的渲染逻辑。而且 Weex 上层的 Vue 2.0 也是基于这套接口进行适配的。 绝大多数情况下 JS 框架会把 Native DOM APIs 都封装好，开发者不需要">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/native-dom-api.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/native-dom-api.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link current ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link current ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Native DOM APIs
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Native-DOM-APIs" class="article-heading"><a href="#Native-DOM-APIs" class="headerlink" title="Native DOM APIs"></a>Native DOM APIs<a class="article-anchor" href="#Native-DOM-APIs" aria-hidden="true"></a></h1><p>Weex 在 JS 引擎中，为每个页面都提供了一套 Native DOM APIs，这套接口和 HTML DOM APIs 非常接近，利用这套接口我们可以通过 JavaScript 控制 native 的渲染逻辑。而且 Weex 上层的 Vue 2.0 也是基于这套接口进行适配的。</p>
-<p><em>绝大多数情况下 JS 框架会把 Native DOM APIs 都封装好，开发者不需要直接对 Native DOM 进行操作。</em></p>
-<ul>
-<li><code>Document</code> 类，整个页面文档。</li>
-<li><code>Node</code> 类，结点的基础类。</li>
-<li><code>Element</code> 类，元素结点，继承自 <code>Node</code>，单个视图单元。</li>
-<li><code>Comment</code> 类，注释结点，继承自 <code>Node</code>，无实际意义，通常用作占位符。</li>
-</ul>
-<p><strong>每个 Weex 页面都有一个 <code>weex.document</code> 对象，该对象就是一个 <code>Document</code> 类的实例，也是下面所有接口调用的起点。</strong></p>
-<p>接下来详细介绍它们的用法：</p>
-<h2 id="Document-类" class="article-heading"><a href="#Document-类" class="headerlink" title="Document 类"></a><code>Document</code> 类<a class="article-anchor" href="#Document-类" aria-hidden="true"></a></h2><p>每个 <code>Document</code> 实例在创建的时候都会自动拥有一个 <code>documentElement</code> 属性，表示文档结点。该文档结点可以拥有一个 <code>body</code>，即文档的主体结点。</p>
-<p><strong>注意事项</strong>: 文档的主体结点只接受 <code><div></code>、<code><list></code> 或 <code><scroller></code> 三种类型的元素结点。</p>
-<h3 id="构造函数" class="article-heading"><a href="#构造函数" class="headerlink" title="构造函数"></a>构造函数<a class="article-anchor" href="#构造函数" aria-hidden="true"></a></h3><p><strong><code>new Document(id: string, url: string?)</code></strong></p>
-<h3 id="成员方法" class="article-heading"><a href="#成员方法" class="headerlink" title="成员方法"></a>成员方法<a class="article-anchor" href="#成员方法" aria-hidden="true"></a></h3><p><strong><code>createElement(tagName: string, props: Object?): Element</code></strong></p>
-<ul>
-<li>创建一个特定类型 <code>tagName</code> 的 <code>Element</code> 实例，即一个元素结点。<code>props</code> 可以包含 <code>attr</code> 对象和 <code>style</code> 对象。比如 <code>createBody('div', {style: {backgroundColor: '#ffffff'}})</code>。</li>
-</ul>
-<p><strong><code>createComment(text: string): Comment</code></strong></p>
-<ul>
-<li>创建一个 <code>Comment</code> 的实例，即一个注释结点，并设置一段文本描述。</li>
-</ul>
-<p><strong><code>createBody(tagName: string, props: Object?): Element</code></strong></p>
-<ul>
-<li>创建文档主体结点，并自动挂载到 <code>documentElement</code> 下。</li>
-</ul>
-<p><strong><code>fireEvent(el: Element, type: string, e: Object?, domChanges: Object?)</code></strong></p>
-<ul>
-<li>触发一个特定类型的事件，并附带一个事件对象 <code>e</code>。当该事件在产生过程中修改了 DOM 的特性或样式，则第四个参数用来描述这些改变，参数格式和上面 <code>createElement</code> 方法的格式相同。</li>
-</ul>
-<p><strong><code>destroy()</code></strong></p>
-<ul>
-<li>销毁当前文档。一旦销毁之后文档将不会再工作。</li>
-</ul>
-<h3 id="只读成员变量" class="article-heading"><a href="#只读成员变量" class="headerlink" title="只读成员变量"></a>只读成员变量<a class="article-anchor" href="#只读成员变量" aria-hidden="true"></a></h3><p><strong><code>id: string</code></strong></p>
-<ul>
-<li>每个 <code>Document</code> 实例都有一个唯一的 <code>id</code>。这同时也是每个 Weex 页面唯一拥有的 <code>id</code>。</li>
-</ul>
-<p><strong><code>URL: string?</code></strong></p>
-<ul>
-<li>如果当前 Weex 页面有 JS bundle URL 的话，这里则会返回 这个 URL。</li>
-</ul>
-<p><strong><code>body: Element</code></strong></p>
-<ul>
-<li>文档的主体结点，概念类似 HTML DOM 里的 <code>document.body</code>。</li>
-</ul>
-<p><strong><code>documentElement: Element</code></strong></p>
-<ul>
-<li>文档的对应结点，概念类似 HTML DOM 里的 <code>document.documentElement</code>。</li>
-<li><code>body</code> 和 <code>documentElement</code> 的关系是：<code>documentElement</code> 是 <code>body</code> 的父结点。</li>
-</ul>
-<p><strong><code>getRef(id): Node</code></strong></p>
-<ul>
-<li>根据结点 id 获取结点。</li>
-</ul>
-<h2 id="Node-类" class="article-heading"><a href="#Node-类" class="headerlink" title="Node 类"></a><code>Node</code> 类<a class="article-anchor" href="#Node-类" aria-hidden="true"></a></h2><h3 id="构造函数-1" class="article-heading"><a href="#构造函数-1" class="headerlink" title="构造函数"></a>构造函数<a class="article-anchor" href="#构造函数-1" aria-hidden="true"></a></h3><p><strong><code>new Node()</code></strong></p>
-<h3 id="成员" class="article-heading"><a href="#成员" class="headerlink" title="成员"></a>成员<a class="article-anchor" href="#成员" aria-hidden="true"></a></h3><p><strong><code>destroy()</code></strong></p>
-<h3 id="只读成员变量或方法" class="article-heading"><a href="#只读成员变量或方法" class="headerlink" title="只读成员变量或方法"></a>只读成员变量或方法<a class="article-anchor" href="#只读成员变量或方法" aria-hidden="true"></a></h3><p><strong><code>ref: string</code></strong></p>
-<ul>
-<li>每个 <code>Node</code> 实例都有各自的在整个 <code>Document</code> 实例中唯一的 <code>ref</code> 值。</li>
-</ul>
-<p><strong><code>nextSibling: Node?</code></strong></p>
-<p><strong><code>previousSibling: Node?</code></strong></p>
-<p><strong><code>parentNode: Node?</code></strong></p>
-<ul>
-<li>上述三个接口和 HTML DOM 的定义吻合。</li>
-</ul>
-<p><strong><code>children: Node[]</code></strong></p>
-<ul>
-<li>该结点拥有的所有子结点的数组。</li>
-</ul>
-<p><strong><code>pureChildren: Node[]</code></strong></p>
-<ul>
-<li>该结点拥有的所有子元素的数组。和 <code>children</code> 的区别是，<code>pureChildren</code> 只包含了 <code>Element</code> 实例而不包含 <code>Comment</code> 实例。</li>
-</ul>
-<h2 id="Element-类-继承自-Node" class="article-heading"><a href="#Element-类-继承自-Node" class="headerlink" title="Element 类 继承自 Node"></a><code>Element</code> 类 <small>继承自 <code>Node</code></small><a class="article-anchor" href="#Element-类-继承自-Node" aria-hidden="true"></a></h2><h3 id="构造函数-2" class="article-heading"><a href="#构造函数-2" class="headerlink" title="构造函数"></a>构造函数<a class="article-anchor" href="#构造函数-2" aria-hidden="true"></a></h3><p><strong><code>new Element(type: string, props: Object?)</code></strong></p>
-<ul>
-<li>创建一个特定类型 <code>type</code> 的元素结点，参数 <code>props</code> 可以包含 <code>attr</code> 对象或 <code>style</code> 对象。</li>
-</ul>
-<h3 id="DOM-树操作" class="article-heading"><a href="#DOM-树操作" class="headerlink" title="DOM 树操作"></a>DOM 树操作<a class="article-anchor" href="#DOM-树操作" aria-hidden="true"></a></h3><p><strong><code>appendChild(node: Node)</code></strong></p>
-<p><strong><code>insertBefore(node: Node, before: Node?)</code></strong></p>
-<ul>
-<li>上述两个接口类似 HTML DOM。</li>
-</ul>
-<p><strong><code>insertAfter(node: Node, after: Node?)</code></strong></p>
-<ul>
-<li>在一个子结点之前插入新结点 after。</li>
-</ul>
-<p><strong><code>removeChild(node: Node, preserved: boolean?)</code></strong></p>
-<ul>
-<li>删除子结点 <code>node</code>，参数 <code>preserved</code> 表示立刻从内存中删除还是暂时保留。</li>
-</ul>
-<p><strong><code>clear()</code></strong></p>
-<ul>
-<li>清除所有的子结点。</li>
-</ul>
-<h3 id="DOM-属性本身操作" class="article-heading"><a href="#DOM-属性本身操作" class="headerlink" title="DOM 属性本身操作"></a>DOM 属性本身操作<a class="article-anchor" href="#DOM-属性本身操作" aria-hidden="true"></a></h3><p><strong><code>setAttr(key: string, value: string, silent: boolean?)</code></strong></p>
-<p><strong><code>setStyle(key: string, value: string, silent: boolean?)</code></strong></p>
-<ul>
-<li>上述两个接口中，当 <code>silent</code> 为真的时候，结点仅更新自己，不会传递命令给客户端渲染层。该参数用来处理用户事件在发生时已经改变结点相关属性的情况下，不会在 Native DOM 也改变之后重复发送命令给客户端。</li>
-</ul>
-<p><strong><code>addEvent(type: string, handler: Function)</code></strong></p>
-<p><strong><code>removeEvent(type: string)</code></strong></p>
-<p><strong><code>fireEvent(type: string, e: any)</code></strong></p>
-<ul>
-<li>绑定事件、解绑定事件、触发事件。</li>
-</ul>
-<h4 id="特定组件类型的组件方法" class="article-heading"><a href="#特定组件类型的组件方法" class="headerlink" title="特定组件类型的组件方法"></a>特定组件类型的组件方法<a class="article-anchor" href="#特定组件类型的组件方法" aria-hidden="true"></a></h4><p>特殊的：不同组件类型可以拥有自己特有的方法，比如 <code><web></code> 组件支持 <code>refresh</code> 方法，详见各组件的描述，在此情况下，我们会产生特定组件类型的 class，比如 <code>WebElement</code>，它继承自 <code>Element</code>。</p>
-<p>如：</p>
-<blockquote>
-<h4 id="WebElement-继承自-Element" class="article-heading"><a href="#WebElement-继承自-Element" class="headerlink" title="WebElement 继承自 Element"></a><code>WebElement</code> <small>继承自 <code>Element</code></small><a class="article-anchor" href="#WebElement-继承自-Element" aria-hidden="true"></a></h4><p>表示在 Weex 页面中嵌入一个 webview</p>
-<p><strong><code>refresh()</code></strong>: 刷新当前 webview</p>
-</blockquote>
-<h3 id="只读成员变量或方法-1" class="article-heading"><a href="#只读成员变量或方法-1" class="headerlink" title="只读成员变量或方法"></a>只读成员变量或方法<a class="article-anchor" href="#只读成员变量或方法-1" aria-hidden="true"></a></h3><p><strong><code>ref</code>, <code>nextSibling</code>, <code>previousSibling</code>, <code>parentNode</code></strong></p>
-<ul>
-<li>继承自 <code>Node</code>。</li>
-</ul>
-<p><strong><code>nodeType: number</code></strong></p>
-<ul>
-<li>永远是数字 <code>1</code>。</li>
-</ul>
-<p><strong><code>type: string</code></strong></p>
-<ul>
-<li>和构造函数里的 <code>type</code> 一致。</li>
-</ul>
-<p><strong><code>attr: Object</code></strong></p>
-<ul>
-<li>当前结点的所有特性的键值对。推荐通过 <code>setAttr()</code> 方法进行修改，而不要直接修改这里的对象。</li>
-</ul>
-<p><strong><code>style: Object</code></strong></p>
-<ul>
-<li>当前结点的所有样式的键值对。推荐通过 <code>setStyle()</code> 方法进行修改，而不要直接修改这里的对象。</li>
-</ul>
-<p><strong><code>event: Object</code></strong></p>
-<ul>
-<li>当前结点的所有事件绑定。每个事件类型对应一个事件句柄方法。推荐通过 <code>addEvent()</code> / <code>removeEvent()</code> 方法进行修改，而不要直接修改这里的对象。</li>
-</ul>
-<p><strong><code>toJSON(): Object</code></strong></p>
-<ul>
-<li>返回描述该元素结点的一段 JSON 对象，形如：<code>{ref: string, type: string, attr: Object, style: Object, event: Array(string), children: Array}</code>。</li>
-</ul>
-<h2 id="Comment-类-继承自-Node" class="article-heading"><a href="#Comment-类-继承自-Node" class="headerlink" title="Comment 类 继承自 Node"></a><code>Comment</code> 类 <small>继承自 <code>Node</code></small><a class="article-anchor" href="#Comment-类-继承自-Node" aria-hidden="true"></a></h2><h3 id="构造函数-3" class="article-heading"><a href="#构造函数-3" class="headerlink" title="构造函数"></a>构造函数<a class="article-anchor" href="#构造函数-3" aria-hidden="true"></a></h3><p><strong><code>new Comment(value: string)</code></strong></p>
-<h3 id="只读成员变量或方法-2" class="article-heading"><a href="#只读成员变量或方法-2" class="headerlink" title="只读成员变量或方法"></a>只读成员变量或方法<a class="article-anchor" href="#只读成员变量或方法-2" aria-hidden="true"></a></h3><p><strong><code>ref</code>, <code>nextSibling</code>, <code>previousSibling</code>, <code>parentNode</code></strong></p>
-<ul>
-<li>继承自 <code>Node</code>。</li>
-</ul>
-<p><strong><code>nodeType: number</code></strong></p>
-<ul>
-<li>永远是数字 <code>8</code>。</li>
-</ul>
-<p><strong><code>type: string</code></strong></p>
-<ul>
-<li>永远是字符串 <code>'comment'</code></li>
-</ul>
-<p><strong><code>value: string</code></strong></p>
-<ul>
-<li>和构造函数里的 <code>value</code> 一致。</li>
-</ul>
-<p><strong><code>toJSON(): Object</code></strong></p>
-<ul>
-<li>返回描述该注释结点的一段 JSON 对象，形如：<code><!-- value --></code>。</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="/references/native-dom-api.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/native-dom-api.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/2c2795f2/cn/references/path.html
----------------------------------------------------------------------
diff --git a/cn/references/path.html b/cn/references/path.html
deleted file mode 100644
index f25646e..0000000
--- a/cn/references/path.html
+++ /dev/null
@@ -1,1473 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Path (英) | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Pathv0.9+ 本文将介绍 Weex 中 uri(url) 的用法。包括使用图像、字体等资源，处理相对路径以及如何访问本地及打包的资源文件。 Schemes 本地资源 Weex SDK 提供 local scheme 来访问打包在应用程序中的资源，此 scheme 无法在 H5 环境下使用。目前，开发者可以在 image 组件和字体文件中使用本地资源。 在 iOS 中，Weex 会在 b">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Path (英)">
-<meta property="og:url" content="https://weex-project.io/cn/references/path.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Pathv0.9+ 本文将介绍 Weex 中 uri(url) 的用法。包括使用图像、字体等资源，处理相对路径以及如何访问本地及打包的资源文件。 Schemes 本地资源 Weex SDK 提供 local scheme 来访问打包在应用程序中的资源，此 scheme 无法在 H5 环境下使用。目前，开发者可以在 image 组件和字体文件中使用本地资源。 在 iOS 中，Weex 会在 b">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Path (英)">
-<meta name="twitter:description" content="Pathv0.9+ 本文将介绍 Weex 中 uri(url) 的用法。包括使用图像、字体等资源，处理相对路径以及如何访问本地及打包的资源文件。 Schemes 本地资源 Weex SDK 提供 local scheme 来访问打包在应用程序中的资源，此 scheme 无法在 H5 环境下使用。目前，开发者可以在 image 组件和字体文件中使用本地资源。 在 iOS 中，Weex 会在 b">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/path.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/path.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link current ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link current ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Path (英)
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Path" class="article-heading"><a href="#Path" class="headerlink" title="Path"></a>Path<a class="article-anchor" href="#Path" aria-hidden="true"></a></h1><p><span class="weex-version">v0.9+</span></p>
-<p>本文将介绍 Weex 中 uri(url) 的用法。包括使用图像、字体等资源，处理相对路径以及如何访问本地及打包的资源文件。</p>
-<h2 id="Schemes" class="article-heading"><a href="#Schemes" class="headerlink" title="Schemes"></a>Schemes<a class="article-anchor" href="#Schemes" aria-hidden="true"></a></h2><ul>
-<li><p>本地资源</p>
-<p>Weex SDK 提供 <code>local</code> scheme 来访问打包在应用程序中的资源，此 scheme 无法在 H5 环境下使用。目前，开发者可以在 <code>image</code> 组件和字体文件中使用本地资源。 </p>
-<ul>
-<li><p>在 iOS 中，Weex 会在 <code>bundle resources</code> 中查找。例如，<code>image</code> 组件的 <code>src</code> 属性为 <code>local:///app_icon'</code>， Weex 会加载 <code>bundle resouce</code> 中名为 <code>app_icon</code> 的图像资源，而字体文件也以相同的方式工作。 </p>
-</li>
-<li><p>在 Android 中，<code>image</code> 组件将从 <code>drawable</code> 资源文件夹加载，如 <code>res/drawable-xxx</code>。但加载字体文件是不同的，Android 框架无法从 <code>res</code> 加载字体文件，因此 SDK 将从 <code>asserts</code> 文件夹加载它。</p>
-</li>
-</ul>
-</li>
-<li><p>HTTP/HTTPS </p>
-<p>它的工作方式与 web 相同，Weex 一直支持这种方式。 </p>
-</li>
-<li><p>File </p>
-</li>
-</ul>
-<p>使用 <code>file</code> scheme 访问本地磁盘文件。这个方案有其局限性：你不应该在源页面中硬编码文件 url。因为不管它是否在不同的平台（iOS，Android）上运行，内容将在另一个设备上完全不同，这取决于具体的设备。</p>
-<p>所以一种可行的方案是在运行时动态获取文件 url，你可以使用它来显示本地磁盘的图像，或者稍后上传它。</p>
-<h2 id="相对路径" class="article-heading"><a href="#相对路径" class="headerlink" title="相对路径"></a>相对路径<a class="article-anchor" href="#相对路径" aria-hidden="true"></a></h2><p><a href="https://www.w3.org/TR/html4/types.html#type-uri" target="_blank" rel="external">与我们在 HTML 中的用法类似</a>，Weex 以相同的方式处理相对路径。以<code>/</code>、<code>.</code>、<code>..</code>、<code>//</code> 开头的相对 URI 将相对于 bunle url 解析。</p>
-<p>这意味着， 一个以 <code>/</code> 开头的路径将是相对于 JS Bundle 文件的根文件夹。<code>.</code> 则是当前文件夹，<code>..</code> 是父文件夹。 <code>//</code> 则被解析为与 JS Bundle 相同的 scheme。</p>
-<h2 id="URI-Adapter" class="article-heading"><a href="#URI-Adapter" class="headerlink" title="URI Adapter"></a>URI Adapter<a class="article-anchor" href="#URI-Adapter" aria-hidden="true"></a></h2><p>以上所有是默认实现，开发者可以通过提供一个 <code>URI Adapter</code> 来扩展或覆盖默认实现。与其他 Adapter 相同，应在 Weex SDK 初始化之前设置自定义 Adapter。</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="/references/path.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/path.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>
[22/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/cn/references/components/textarea.html b/cn/references/components/textarea.html
deleted file mode 100644
index 8e6adfb..0000000
--- a/cn/references/components/textarea.html
+++ /dev/null
@@ -1,1533 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><textarea> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;textarea&gt;v0.8+ textarea 是 Weex 内置的一个组件，用于用户交互，接受用户输入数据。 可以认为是允许多行的 &lt;input&gt; Notes: &lt;textarea&gt;支持 &lt;input&gt; 支持的所有的事件。 子组件textarea 组件不支持子组件。 特性 value {string}：组件的接收到的输入字符。 placehold">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<textarea>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/textarea.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;textarea&gt;v0.8+ textarea 是 Weex 内置的一个组件，用于用户交互，接受用户输入数据。 可以认为是允许多行的 &lt;input&gt; Notes: &lt;textarea&gt;支持 &lt;input&gt; 支持的所有的事件。 子组件textarea 组件不支持子组件。 特性 value {string}：组件的接收到的输入字符。 placehold">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<textarea>">
-<meta name="twitter:description" content="&lt;textarea&gt;v0.8+ textarea 是 Weex 内置的一个组件，用于用户交互，接受用户输入数据。 可以认为是允许多行的 &lt;input&gt; Notes: &lt;textarea&gt;支持 &lt;input&gt; 支持的所有的事件。 子组件textarea 组件不支持子组件。 特性 value {string}：组件的接收到的输入字符。 placehold">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/textarea.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/textarea.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link current "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link current "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <textarea>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-textarea-gt" class="article-heading"><a href="#lt-textarea-gt" class="headerlink" title="<textarea>"></a><textarea><a class="article-anchor" href="#lt-textarea-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.8+</span></p>
-<p><code>textarea</code> 是 Weex 内置的一个组件，用于用户交互，接受用户输入数据。 可以认为是允许多行的 <code><input></code></p>
-<p><strong>Notes:</strong> <code><textarea></code>支持 <code><input></code> 支持的所有的事件。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p><code>textarea</code> 组件不支持子组件。</p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>value {string}</code>：组件的接收到的输入字符。</li>
-<li><code>placeholder {string}</code>：提示用户可以输入什么。 提示文本不能有回车或换行。</li>
-<li><code>disabled {boolean}</code>：表示是否支持输入。通常 <code>click</code> 事件在 <code>disabled</code> 控件上是失效的。</li>
-<li><code>autofocus {boolean}</code>：表示是否在页面加载时控件自动获得输入焦点。</li>
-<li><code>rows {number}</code>：接收 number 类型的数据，指定组件的高度，默认值是 2</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><p>伪类<span class="api-version">v0.9.5+</span>: <code>textarea</code> 支持以下伪类：</p>
-<ul>
-<li><code>active</code></li>
-<li><code>focus</code></li>
-<li><code>disabled</code></li>
-<li><code>enabled</code></li>
-</ul>
-</li>
-<li><p>text styles</p>
-<ul>
-<li>支持 <code>color</code></li>
-<li>支持 <code>font-size</code></li>
-<li>支持 <code>font-style</code></li>
-<li>支持 <code>font-weight</code></li>
-<li>支持 <code>text-align</code></li>
-</ul>
-<p>查看 <a href="../text-style.html">文本样式</a></p>
-</li>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p><code>input</code>: 输入字符的值更改。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>value</code>: 触发事件的组件；</li>
-<li><code>timestamp</code>: 事件发生时的时间戳。</li>
-</ul>
-</li>
-<li><p><code>change</code>: 当用户输入完成时触发。通常在 <code>blur</code> 事件之后。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><p><code>value</code>: 触发事件的组件；</p>
-</li>
-<li><p><code>timestamp</code>: 事件发生时的时间戳。</p>
-</li>
-</ul>
-</li>
-<li><p><code>focus</code>: 组件获得输入焦点。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>timestamp</code>: 事件发生时的时间戳。</li>
-</ul>
-</li>
-<li><p><code>blur</code>: 组件失去输入焦点。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>timestamp</code>: 事件发生时的时间戳。</li>
-</ul>
-</li>
-<li><p>通用事件</p>
-<p><strong>注意：</strong><br>不支持 <code>click</code> 事件。 请监听 <code>input</code> 或 <code>change</code> 事件代替。</p>
-<p>支持以下通用事件：</p>
-<ul>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">textarea</span> <span class="attr">class</span>=<span class="string">"textarea"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>></span><span class="tag"></<span class="name">textarea</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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> oninput (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'oninput:'</span>, event.value)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`oninput: <span class="subst">$&
#123;event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onchange (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onchange:'</span>, event.value)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`onchange: <span class="subst">${event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onfocus (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>, event.value)</div><div class="line"> moda
l.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`onfocus: <span class="subst">${event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onblur (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>, event.value)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">`input blur: <span class="subst">${event.value}</span>`</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div clas
s="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.textarea</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span cla
ss="number">20px</span>;</div><div class="line"> <span class="attribute">padding-right</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-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><a href="http://dotwe.org/vue/a1877866e8b91ffa1e6ea9bc66c200fa" target="_blank" rel="external">try it</a></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="/references/components/textarea.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/textarea.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/2c2795f2/cn/references/components/video.html
----------------------------------------------------------------------
diff --git a/cn/references/components/video.html b/cn/references/components/video.html
deleted file mode 100644
index 427efd8..0000000
--- a/cn/references/components/video.html
+++ /dev/null
@@ -1,1480 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><video> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;video&gt;v0.6.1+ &lt;video&gt; 组件可以让我们在 Weex 页面中嵌入视频内容。 子组件 &lt;text&gt; 是唯一合法的子组件。 特性 src {string}：内嵌的视频指向的URL play-status {string}：可选值为 play | pause，用来控制视频的播放状态，play 或者 pause，默认值是 pause。 auto-p">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<video>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/video.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;video&gt;v0.6.1+ &lt;video&gt; 组件可以让我们在 Weex 页面中嵌入视频内容。 子组件 &lt;text&gt; 是唯一合法的子组件。 特性 src {string}：内嵌的视频指向的URL play-status {string}：可选值为 play | pause，用来控制视频的播放状态，play 或者 pause，默认值是 pause。 auto-p">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<video>">
-<meta name="twitter:description" content="&lt;video&gt;v0.6.1+ &lt;video&gt; 组件可以让我们在 Weex 页面中嵌入视频内容。 子组件 &lt;text&gt; 是唯一合法的子组件。 特性 src {string}：内嵌的视频指向的URL play-status {string}：可选值为 play | pause，用来控制视频的播放状态，play 或者 pause，默认值是 pause。 auto-p">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/video.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/video.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link current "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link current "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <video>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-video-gt" class="article-heading"><a href="#lt-video-gt" class="headerlink" title="<video>"></a><video><a class="article-anchor" href="#lt-video-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.6.1+</span></p>
-<p><code><video></code> 组件可以让我们在 Weex 页面中嵌入视频内容。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><ul>
-<li><code><text></code> 是唯一合法的子组件。</li>
-</ul>
-<h3 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h3><ul>
-<li><code>src {string}</code>：内嵌的视频指向的URL</li>
-<li><code>play-status {string}</code>：可选值为 <code>play</code> | <code>pause</code>，用来控制视频的播放状态，<code>play</code> 或者 <code>pause</code>，默认值是 <code>pause</code>。</li>
-<li><code>auto-play {boolean}</code>：可选值为 <code>true</code> | <code>false</code>，当页面加载初始化完成后，用来控制视频是否立即播放，默认值是 <code>false</code>。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><code>start</code>：当 playback 的状态是 Playing 时触发</li>
-<li><code>pause</code>：当 playback 的状态是 Paused 时触发</li>
-<li><code>finish</code>：当 playback 的状态是 Finished 时触发</li>
-<li><code>fail</code>：当 playback 状态是 Failed 时触发</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">video</span> <span class="attr">class</span>=<span class="string">"video"</span> <span class="attr">:src</span>=<span class="string">"src"</span> <span class="attr">autoplay</span> <span class="attr">controls</span></span></div><div class="line"> @<span class="attr">start</span>=<span class="string">"onstart"</span> @<span class="attr">pause</span>=<span class="string">"onpause"</span> @<span class="attr">finish</span>=<span class="string">"onfinish"</span> @<span class="attr">fail</span>=<span class="string">
"onfail"</span>><span class="tag"></<span class="name">video</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>></span>state: {{state}}<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="line"><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">.video</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">630px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">350px</span>;</div><div class="line">
<span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">60px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.info</span> {</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div c
lass="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">state</span>: <span class="string">'----'</span>,</div><div class="line"> <span class="attr">src</span>:<span class="string">'http://flv2.bn.netease.com/videolib3/1611/01/XGqSL5981/SD/XGqSL5981-mobile.mp4'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>:{</div><div class="line"> onstart (event) {</div><div class="line"> <span class="keyword">this</span>.state = <span class="string">'onstart'</span></div><div class="line"> },</div><div class="line"> onpause (event) {</div><div class="line"> <span class="keyword">this</span>.state = <span class="string">'onpause'</span></div><div class="line"> },</div><div class="line"> onfinish (event) {</div><div class="line"> <span class="keyword">this</span>.state = <
span class="string">'onfinish'</span></div><div class="line"> },</div><div class="line"> onfail (event) {</div><div class="line"> <span class="keyword">this</span>.state = <span class="string">'onfinish'</span></div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/01d3d27073a471bb234b1a76e130d197" target="_blank" rel="external">try it</a></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="/references/components/video.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/video.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>
[04/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/platform-difference.html
----------------------------------------------------------------------
diff --git a/cn/references/platform-difference.html b/cn/references/platform-difference.html
deleted file mode 100644
index 9a701a3..0000000
--- a/cn/references/platform-difference.html
+++ /dev/null
@@ -1,1491 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Weex 和 Web 平台的差异 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Weex 和 Web 平台的差异Weex 是一个跨平台解决方案，Web 平台只是其一种运行环境，除此之外还可以在 Android 和 iOS 客户端中运行。原生开发平台和 Web 平台之间的差异，在功能和开发体验上都有一些差异。 Weex 环境中没有 DOMDOM（Document Object Model），即文档对象模型，是 HTML 和 XML 文档的编程接口，是 Web 中的概念。Weex">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex 和 Web 平台的差异">
-<meta property="og:url" content="https://weex-project.io/cn/references/platform-difference.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Weex 和 Web 平台的差异Weex 是一个跨平台解决方案，Web 平台只是其一种运行环境，除此之外还可以在 Android 和 iOS 客户端中运行。原生开发平台和 Web 平台之间的差异，在功能和开发体验上都有一些差异。 Weex 环境中没有 DOMDOM（Document Object Model），即文档对象模型，是 HTML 和 XML 文档的编程接口，是 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="Weex 和 Web 平台的差异">
-<meta name="twitter:description" content="Weex 和 Web 平台的差异Weex 是一个跨平台解决方案，Web 平台只是其一种运行环境，除此之外还可以在 Android 和 iOS 客户端中运行。原生开发平台和 Web 平台之间的差异，在功能和开发体验上都有一些差异。 Weex 环境中没有 DOMDOM（Document Object Model），即文档对象模型，是 HTML 和 XML 文档的编程接口，是 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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/platform-difference.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/platform-difference.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link current ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link current ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Weex 和 Web 平台的差异
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 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></h1><p>Weex 是一个跨平台解决方案，Web 平台只是其一种运行环境，除此之外还可以在 Android 和 iOS 客户端中运行。原生开发平台和 Web 平台之间的差异，在功能和开发体验上都有一些差异。</p>
-<h2 id="Weex-环境中没有-DOM" class="article-heading"><a href="#Weex-环境中没有-DOM" class="headerlink" title="Weex 环境中没有 DOM"></a>Weex 环境中没有 DOM<a class="article-anchor" href="#Weex-环境中没有-DOM" aria-hidden="true"></a></h2><p>DOM（Document Object Model），即文档对象模型，是 HTML 和 XML 文档的编程接口，是 Web 中的概念。Weex 的运行环境以原生应用为主，在 Android 和 iOS 环境中渲染出来的是原生的组件，不是 DOM Element。</p>
-<h3 id="不支持-DOM-操作" class="article-heading"><a href="#不支持-DOM-操作" class="headerlink" title="不支持 DOM 操作"></a>不支持 DOM 操作<a class="article-anchor" href="#不支持-DOM-操作" aria-hidden="true"></a></h3><p>既然原生环境中不支持 Web API，没有 <code>Element</code> 、<code>Event</code> 、<code>File</code> 等对象，详细列表可以参考 <a href="https://developer.mozilla.org/en-US/docs/Web/API" target="_blank" rel="external">Web APIs on MDN</a>。不支持选中元素，如 <code>document.getElementById</code> 、 <code>document.querySelector</code> 等；当然也不支持基于 DOM API 的程序库（如 jQuery）。</p>
-<h3 id="有限的事件类型" class="article-heading"><a href="#有限的事件类型" class="headerlink" title="有限的事件类型"></a>有限的事件类型<a class="article-anchor" href="#有限的事件类型" aria-hidden="true"></a></h3><p>Weex 支持在标签上绑定事件，和在浏览器中的写法一样，但是 Weex 中的事件是由原生组件捕获并触发的，行为和浏览器中有所不同，事件中的属性也和 Web 中有差异。</p>
-<ul>
-<li>并不支持 Web 中所有的事件类型，详情请参考<a href="./common-event.html">《通用事件》</a>。</li>
-<li>不区分事件的捕获阶段和冒泡阶段，相当于 DOM 0 级事件。</li>
-</ul>
-<h2 id="Weex-环境中没有-BOM" class="article-heading"><a href="#Weex-环境中没有-BOM" class="headerlink" title="Weex 环境中没有 BOM"></a>Weex 环境中没有 BOM<a class="article-anchor" href="#Weex-环境中没有-BOM" aria-hidden="true"></a></h2><p>BOM（Browser Object Model），即浏览器对象模型，是浏览器环境为 javascript 提供的接口。Weex 在原生端没有并不基于浏览器运行，不支持浏览器提供的 BOM 接口。</p>
-<h3 id="没有-window-、screen-对象" class="article-heading"><a href="#没有-window-、screen-对象" class="headerlink" title="没有 window 、screen 对象"></a>没有 <code>window</code> 、<code>screen</code> 对象<a class="article-anchor" href="#没有-window-、screen-对象" aria-hidden="true"></a></h3><p>Weex 中并未提供浏览器中的 <code>window</code> 和 <code>screen</code> 对象，不支持使用全局变量。如果是想要获取设备的屏幕或环境信息，可以使用 <code>WXEnvironment</code> 变量。</p>
-<ul>
-<li><code>WXEnvironment</code><ul>
-<li><code>weexVersion</code>: WeexSDK 的版本。</li>
-<li><code>appName</code>: 应用的名称。</li>
-<li><code>appVersion</code>: 应用的版本。</li>
-<li><code>platform</code>: 运行平台，可能的值是 <code>Web</code> 、<code>Android</code> 、<code>iOS</code> 之一。</li>
-<li><code>osName</code>: 系统的名称。</li>
-<li><code>osVersion</code>: 系统版本。</li>
-<li><code>deviceWidth</code>: 设备宽度。</li>
-<li><code>deviceHeight</code>: 设备高度。</li>
-</ul>
-</li>
-</ul>
-<h3 id="没有-document-对象" class="article-heading"><a href="#没有-document-对象" class="headerlink" title="没有 document 对象"></a>没有 <code>document</code> 对象<a class="article-anchor" href="#没有-document-对象" aria-hidden="true"></a></h3><p>在浏览器中 <code>document</code> 表示了当前活动的文档模型，在 Android 和 iOS 环境中并没有这个对象，也不支持与其相关的 DOM 操作。</p>
-<h3 id="没有-history-、location-、navigator-对象" class="article-heading"><a href="#没有-history-、location-、navigator-对象" class="headerlink" title="没有 history 、location 、navigator 对象"></a>没有 <code>history</code> 、<code>location</code> 、<code>navigator</code> 对象<a class="article-anchor" href="#没有-history-、location-、navigator-对象" aria-hidden="true"></a></h3><ul>
-<li><code>history</code> 保存了当前页面的历史记录，并且提供了前进后退操作。</li>
-<li><code>location</code> 记录了当前页面 URL 相关的信息。</li>
-<li><code>navigator</code> 记录了当前浏览器中的信息。</li>
-</ul>
-<p>这些接口与浏览器自身的实现有关，可以控制页面的前进后退并且获取状态信息。虽然在 Android 和 iOS 中也有“历史”和“导航”的概念，但是它是用于多个管理视图之间的跳转的。换句话说，在浏览器中执行“前进”、“后退”仍然会处于同一个页签中，在原生应用中“前进”、“后退”则会真实的跳转到其他页面。</p>
-<p>此外 Weex 也提供了 <code>navigator</code> 模块来操作页面的跳转，使用方法参考<a href="./modules/navigator.html">《navigator 导航控制》</a>。</p>
-<h2 id="能够调用移动设备原生-API" class="article-heading"><a href="#能够调用移动设备原生-API" class="headerlink" title="能够调用移动设备原生 API"></a>能够调用移动设备原生 API<a class="article-anchor" href="#能够调用移动设备原生-API" aria-hidden="true"></a></h2><p>在 Weex 中能够调用移动设备原生 API，使用方法是通过注册、调用模块来实现。其中有一些模块是 Weex 内置的，如 clipboard 、 navigator 、storage 等。</p>
-<ul>
-<li><a href="./modules/clipboard.html">《clipboard 剪切板》</a></li>
-<li><a href="./modules/navigator.html">《navigator 导航控制》</a></li>
-<li><a href="./modules/storage.html">《storage 本地存储 》</a></li>
-</ul>
-<p>为了保持框架的通用性，Weex 内置的原生模块有限，不过 Weex 提供了横向扩展的能力，可以扩展原生模块，具体的扩展方法请参考<a href="./advanced/index.html">《iOS 扩展》</a> 和<a href="./advanced/extend-to-android.html">《Android 扩展》</a>。</p>
-<blockquote>
-<p>有些接口在浏览器环境中也存在，不过在使用时应该注意浏览器的兼容性；如剪贴板功能，出于安全性考虑，绝大多数浏览器都限制其使用。</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="/references/platform-difference.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/platform-difference.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/2c2795f2/cn/references/text-style.html
----------------------------------------------------------------------
diff --git a/cn/references/text-style.html b/cn/references/text-style.html
deleted file mode 100644
index f4b1da7..0000000
--- a/cn/references/text-style.html
+++ /dev/null
@@ -1,1484 +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="文本样式v0.5+ 文本类组件共享一些通用样式, 这类组件目前包括 &lt;text&gt; 和 &lt;input&gt;。 属性 color {color}：文字颜色。 可选值为色值，支持 RGB（ rgb(255, 0, 0) ）；RGBA（ rgba(255, 0, 0, 0.5) ）；十六进制（ #ff0000 ）；精简写法的十六进制（ #f00 ）；色值关键字（red）。 lines">
-<meta property="og:type" content="website">
-<meta property="og:title" content="文本样式">
-<meta property="og:url" content="https://weex-project.io/cn/references/text-style.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="文本样式v0.5+ 文本类组件共享一些通用样式, 这类组件目前包括 &lt;text&gt; 和 &lt;input&gt;。 属性 color {color}：文字颜色。 可选值为色值，支持 RGB（ rgb(255, 0, 0) ）；RGBA（ rgba(255, 0, 0, 0.5) ）；十六进制（ #ff0000 ）；精简写法的十六进制（ #f00 ）；色值关键字（red）。 lines">
-<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="文本样式v0.5+ 文本类组件共享一些通用样式, 这类组件目前包括 &lt;text&gt; 和 &lt;input&gt;。 属性 color {color}：文字颜色。 可选值为色值，支持 RGB（ rgb(255, 0, 0) ）；RGBA（ rgba(255, 0, 0, 0.5) ）；十六进制（ #ff0000 ）；精简写法的十六进制（ #f00 ）；色值关键字（red）。 lines">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/text-style.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/text-style.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link current ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link current ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><span class="weex-version">v0.5+</span></p>
-<p>文本类组件共享一些通用样式, 这类组件目前包括 <a href="./components/text.html"><code><text></code></a> 和 <a href="./components/input.html"><code><input></code></a>。</p>
-<h2 id="属性" class="article-heading"><a href="#属性" class="headerlink" title="属性"></a>属性<a class="article-anchor" href="#属性" aria-hidden="true"></a></h2><ul>
-<li><p><code>color {color}</code>：文字颜色。</p>
-<p>可选值为色值，支持 RGB（ <code>rgb(255, 0, 0)</code> ）；RGBA（ <code>rgba(255, 0, 0, 0.5)</code> ）；十六进制（ <code>#ff0000</code> ）；精简写法的十六进制（ <code>#f00</code> ）；色值关键字（<code>red</code>）。</p>
-</li>
-<li><p><code>lines {number}</code>: 指定文本行数。仅在 <code><text></code> 组件中支持。默认值是 <code>0</code> 代表不限制行数。</p>
-</li>
-<li><p><code>font-size {number}</code>：文字大小。</p>
-</li>
-<li><p><code>font-style {string}</code>：字体类别。可选值 <code>normal</code> | <code>italic</code>，默认为 <code>normal</code>。</p>
-</li>
-<li><p><code>font-weight {string}</code><span class="api-version">v0.9+</span>：字体粗细程度</p>
-<ul>
-<li>可选值: <code>normal</code>, <code>bold</code>, <code>100</code>, <code>200</code>, <code>300</code>, <code>400</code>, <code>500</code>, <code>600</code>, <code>700</code>, <code>800</code>, <code>900</code></li>
-<li>normal 等同于 400, bold 等同于 700；</li>
-<li>默认值: <code>normal</code>；</li>
-<li>iOS 支持 9 种 font-weight值；Android 仅支持 400 和 700, 其他值会设为 400 或 700</li>
-<li>类似 <code>lighter</code>, <code>bolder</code> 这样的值暂时不支持</li>
-</ul>
-</li>
-<li><p><code>text-decoration {string}</code>：字体装饰，可选值 <code>none</code> | <code>underline</code> | <code>line-through</code>，默认值为 <code>none</code>。</p>
-</li>
-<li><p><code>text-align {string}</code>：对齐方式。可选值 <code>left</code> | <code>center</code> | <code>right</code>，默认值为 <code>left</code>。目前暂不支持 <code>justify</code>, <code>justify-all</code>。</p>
-</li>
-<li><p><code>font-family {string}</code>：设置字体。</p>
-<p>这个设置 <strong>不保证</strong> 在不同平台，设备间的一致性。如所选设置在平台上不可用，将会降级到平台默认字体。</p>
-</li>
-<li><p><code>text-overflow {string}</code>：设置内容超长时的省略样式。可选值 <code>clip</code> | <code>ellipsis</code></p>
-</li>
-</ul>
-<h2 id="其它参考" class="article-heading"><a href="#其它参考" class="headerlink" title="其它参考"></a>其它参考<a class="article-anchor" href="#其它参考" aria-hidden="true"></a></h2><ul>
-<li><a href="./color-names.html">颜色关键字列表</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="/references/text-style.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/text-style.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>
[24/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/slider.html
----------------------------------------------------------------------
diff --git a/cn/references/components/slider.html b/cn/references/components/slider.html
deleted file mode 100644
index a75ce79..0000000
--- a/cn/references/components/slider.html
+++ /dev/null
@@ -1,1500 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><slider> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;slider&gt;&lt;slider&gt; 组件用于在一个页面中展示多个图片，在前端，这种效果被称为 轮播图。 子组件支持任意类型的 Weex 组件作为其子组件。 其中，还支持以下组件作为子组件展示特殊效果： &lt;indicator&gt;：用于显示轮播图指示器效果，必须充当 &lt;slider&gt; 组件的子组件使用。 特性 auto-play {boolean}：可选">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<slider>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/slider.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;slider&gt;&lt;slider&gt; 组件用于在一个页面中展示多个图片，在前端，这种效果被称为 轮播图。 子组件支持任意类型的 Weex 组件作为其子组件。 其中，还支持以下组件作为子组件展示特殊效果： &lt;indicator&gt;：用于显示轮播图指示器效果，必须充当 &lt;slider&gt; 组件的子组件使用。 特性 auto-play {boolean}：可选">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<slider>">
-<meta name="twitter:description" content="&lt;slider&gt;&lt;slider&gt; 组件用于在一个页面中展示多个图片，在前端，这种效果被称为 轮播图。 子组件支持任意类型的 Weex 组件作为其子组件。 其中，还支持以下组件作为子组件展示特殊效果： &lt;indicator&gt;：用于显示轮播图指示器效果，必须充当 &lt;slider&gt; 组件的子组件使用。 特性 auto-play {boolean}：可选">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/slider.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/slider.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link current "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link current "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <slider>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-slider-gt" class="article-heading"><a href="#lt-slider-gt" class="headerlink" title="<slider>"></a><slider><a class="article-anchor" href="#lt-slider-gt" aria-hidden="true"></a></h1><p><code><slider></code> 组件用于在一个页面中展示多个图片，在前端，这种效果被称为 <code>轮播图</code>。</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>
-<ul>
-<li><code><indicator></code>：用于显示轮播图指示器效果，必须充当 <a href="./slider.html"><code><slider></code></a> 组件的子组件使用。</li>
-</ul>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><p><code>auto-play {boolean}</code>：可选值为 <code>true</code>/<code>false</code>，默认的是 <code>false</code>。</p>
-<p>该值决定是否自动播放轮播。重置 <code>loadmore</code> 相关的 UI，值不一样就会重置。</p>
-</li>
-<li><p><code>interval {number}</code>：值为毫秒数，此值设定 slider 切换时间间隔。当 <code>auto-play</code> 值为 <code>true</code> 时生效。</p>
-</li>
-<li><code>infinite {boolean}</code>：循环播放，可选值为 <code>true</code>/<code>false</code>，默认的是 <code>true</code>。</li>
-<li><code>offset-x-accuracy {number}</code><sup class="wx-v">0.11+</sup>：控制<code>onscroll</code>事件触发的频率，默认值为10，表示两次<code>onscroll</code>事件之间Slider Page至少滚动了10px。注意，将该值设置为较小的数值会提高滚动事件采样的精度，但同时也会降低页面的性能。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p><code>change</code>: 当轮播索引改变时，触发该事件。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>index</code>：展示的图片索引</li>
-<li><code>scroll</code> <sup class="wx-v">0.11+</sup>: 列表发生滚动时将会触发该事件，事件的默认抽样率为10px，即列表每滚动10px触发一次，可通过属性<code>offset-accuracy</code>设置抽样率。<br><a href="http://dotwe.org/vue/832e8f50cc325975b9d3aba93a9f6c39" target="_blank" rel="external">体验一下</a><br>事件中 event 对象属性： </li>
-<li><code>offsetXRatio {number}</code>：表示当前页面的偏移比例，取值范围为[-1, 1]，负值表示向左侧滚动，正值向右。例如，<code>-0.2</code>表示当前item有20%的区域被滚动到slider左侧边界以外，<code>0.3</code>表示当前item有30%的区域被滚动到slider右侧边界以外。</li>
-</ul>
-</li>
-</ul>
-<ul>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"3000"</span> <span class="attr">auto-play</span>=<span class="string">"true"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>></span></div><div class="line"> <span class="ta
g"><<span class="name">image</span> <span class="attr">class</span>=<span class="string">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>></span><span class="tag"></<span class="name">image</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">slider</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="line"><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">.image</span> {</div><div class="line"> <span class="attribute">width</span>
: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.slider</span> {</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class=
"line"> <span class="selector-class">.frame</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">position</span>: relative;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">imageList</span>: [</div><div class="line"> { <span class="attr">src</span>: <span class="string">'https://gd2
.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>},</div><div class="line"> { <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>},</div><div class="line"> { <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'</span>}</div><div class="line"> ]</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/0c43ffd743c90b3bd9f5371062652e60" target="_blank" rel="external">try it</a></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="/references/components/slider.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/slider.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/2c2795f2/cn/references/components/switch.html
----------------------------------------------------------------------
diff --git a/cn/references/components/switch.html b/cn/references/components/switch.html
deleted file mode 100644
index f271e9a..0000000
--- a/cn/references/components/switch.html
+++ /dev/null
@@ -1,1501 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><switch> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;switch&gt;v0.6.1+ &lt;switch&gt; 是 Weex 的内置组件，用来创建与 iOS 一致样式的按钮。例如，在 iPhone 中的设置应用中的飞行模式按钮就是一个 switch 按钮。 子组件&lt;switch&gt; 组件不支持任何子组件。 特性 checked {boolean}：默认值为 false，表明按钮是否开启 is on or not. disab">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<switch>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/switch.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;switch&gt;v0.6.1+ &lt;switch&gt; 是 Weex 的内置组件，用来创建与 iOS 一致样式的按钮。例如，在 iPhone 中的设置应用中的飞行模式按钮就是一个 switch 按钮。 子组件&lt;switch&gt; 组件不支持任何子组件。 特性 checked {boolean}：默认值为 false，表明按钮是否开启 is on or not. disab">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<switch>">
-<meta name="twitter:description" content="&lt;switch&gt;v0.6.1+ &lt;switch&gt; 是 Weex 的内置组件，用来创建与 iOS 一致样式的按钮。例如，在 iPhone 中的设置应用中的飞行模式按钮就是一个 switch 按钮。 子组件&lt;switch&gt; 组件不支持任何子组件。 特性 checked {boolean}：默认值为 false，表明按钮是否开启 is on or not. disab">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/switch.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/switch.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link current "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link current "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <switch>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-switch-gt" class="article-heading"><a href="#lt-switch-gt" class="headerlink" title="<switch>"></a><switch><a class="article-anchor" href="#lt-switch-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.6.1+</span></p>
-<p><code><switch></code> 是 Weex 的内置组件，用来创建与 iOS 一致样式的按钮。例如，在 iPhone 中的设置应用中的飞行模式按钮就是一个 switch 按钮。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p><code><switch></code> 组件<strong>不支持</strong>任何子组件。</p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>checked {boolean}</code>：默认值为 <code>false</code>，表明按钮是否开启 is on or not.</li>
-<li><code>disabled {boolean}</code>：默认值为 <code>false</code>，表明是否激活按钮</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p>值得注意的是，在这个组件上，有些样式组件属性<strong>不能使用</strong>，它们是：</p>
-<ul>
-<li><code>width</code></li>
-<li><code>height</code></li>
-<li><code>min-width</code></li>
-<li><code>min-height</code></li>
-<li><code>margin</code></li>
-<li><code>padding</code></li>
-<li><code>border</code></li>
-</ul>
-<p><strong>注意：</strong></p>
-<p>如果 <code><switch></code> 的容器没有设置为 <code>align-items：flex-start</code>，则 Android 中的开关将被拉伸。</p>
-<ul>
-<li><p>通用样式</p>
-<ul>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p><code>change</code>：改变开关状态时触发该事件。</p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>value</code>: 组件布尔值真或假。</li>
-<li><code>timestamp</code>: 事件的时间戳。</li>
-</ul>
-</li>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>></span>normal<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">switch</span>></span><span class="tag"></<span class="name">switch</span>></span></div><div class="line"> <span cla
ss="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>></span>checked<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">switch</span> <span class="attr">checked</span>=<span class="string">"true"</span>></span><span class="tag"></<span class="name">switch</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">div</span> <span class="attr">class</span>=<span class="string">"example"</span>></span></div><div class="line"> <span class="tag"><<span class="name"
>text</span> <span class="attr">class</span>=<span class="string">"label"</span>></span>disabled<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">switch</span> <span class="attr">disabled</span>=<span class="string">"true"</span> <span class="attr">checked</span>=<span class="string">"true"</span>></span><span class="tag"></<span class="name">switch</span>></span></div><div class="line"> <span class="tag"><<span class="name">switch</span> <span class="attr">disabled</span>=<span class="string">"true"</span>></span><span class="tag"></<span class="name">switch</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">div</span> <span class="attr">class</span>=<span class="string">"example"</span>></span></div><div class="line"> <span class="tag"><
<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>></span>onchange<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">switch</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>></span><span class="tag"></<span class="name">switch</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>></span>{{checked}}<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span c
lass="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">checked</span>: <span class="literal">false</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> onchange (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">`onchage, value: <span class="subst">${event.value}</span>`</span>)</div><div class="line"> <span class="keyword">this</span>.checked = event.value</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span cla
ss="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.example</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: flex-start;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.label</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">350px</span>;</div><d
iv class="line"> <span class="attribute">color</span>: <span class="number">#666</span>;</div><div class="line"> <span class="attribute">text-align</span>: right;</div><div class="line"> <span class="attribute">margin-right</span>: <span class="number">20px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.info</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#BBB</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">10px</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><a href="http://dotwe.org/vue/06b1d740fb69d04f9ebe9eaf730974d1" target="_blank" rel="external">try it</a></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="/references/components/switch.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/switch.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>
[35/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/common-event.html
----------------------------------------------------------------------
diff --git a/cn/references/common-event.html b/cn/references/common-event.html
deleted file mode 100644
index a0448e1..0000000
--- a/cn/references/common-event.html
+++ /dev/null
@@ -1,1492 +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 提供了通过事件触发动作的能力，例如在用户点击组件时执行 JavaScript。下面列出了可被添加到 Weex 组件上以定义事件动作的属性： click当组件上发生点击手势时被触发。 注意： &lt;input&gt; 和 &lt;switch&gt; 组件目前不支持 click 事件，请使用 change 或 input 事件来代替。 事件对象 type: click targe">
-<meta property="og:type" content="website">
-<meta property="og:title" content="通用事件">
-<meta property="og:url" content="https://weex-project.io/cn/references/common-event.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="通用事件Weex 提供了通过事件触发动作的能力，例如在用户点击组件时执行 JavaScript。下面列出了可被添加到 Weex 组件上以定义事件动作的属性： click当组件上发生点击手势时被触发。 注意： &lt;input&gt; 和 &lt;switch&gt; 组件目前不支持 click 事件，请使用 change 或 input 事件来代替。 事件对象 type: click targe">
-<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 提供了通过事件触发动作的能力，例如在用户点击组件时执行 JavaScript。下面列出了可被添加到 Weex 组件上以定义事件动作的属性： click当组件上发生点击手势时被触发。 注意： &lt;input&gt; 和 &lt;switch&gt; 组件目前不支持 click 事件，请使用 change 或 input 事件来代替。 事件对象 type: click targe">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/common-event.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/common-event.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link current ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link current ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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 提供了通过事件触发动作的能力，例如在用户点击组件时执行 JavaScript。下面列出了可被添加到 Weex 组件上以定义事件动作的属性：</p>
-<h2 id="click" class="article-heading"><a href="#click" class="headerlink" title="click"></a><code>click</code><a class="article-anchor" href="#click" aria-hidden="true"></a></h2><p>当组件上发生点击手势时被触发。</p>
-<p><strong>注意：</strong></p>
-<p><code><input></code> 和 <code><switch></code> 组件目前不支持 <code>click</code> 事件，请使用 <code>change</code> 或 <code>input</code> 事件来代替。</p>
-<h3 id="事件对象" class="article-heading"><a href="#事件对象" class="headerlink" title="事件对象"></a>事件对象<a class="article-anchor" href="#事件对象" aria-hidden="true"></a></h3><ul>
-<li><code>type</code>: <code>click</code></li>
-<li><code>target</code>: 触发点击事件的目标组件</li>
-<li><code>timestamp</code>: 触发点击事件时的时间戳</li>
-</ul>
-<h2 id="longpress" class="article-heading"><a href="#longpress" class="headerlink" title="longpress"></a><code>longpress</code><a class="article-anchor" href="#longpress" aria-hidden="true"></a></h2><p>如果一个组件被绑定了 <code>longpress</code> 事件，那么当用户长按这个组件时，该事件将会被触发。</p>
-<p><strong>注意：</strong></p>
-<p><code><input></code> 和 <code><switch></code> 组件目前不支持 <code>click</code> 事件，请使用 <code>change</code> 或 <code>input</code> 事件来代替。</p>
-<h3 id="事件对象-1" class="article-heading"><a href="#事件对象-1" class="headerlink" title="事件对象"></a>事件对象<a class="article-anchor" href="#事件对象-1" aria-hidden="true"></a></h3><ul>
-<li><code>type</code> : <code>longpress</code></li>
-<li><code>target</code> : 触发长按事件的目标组件</li>
-<li><code>timestamp</code> : 长按事件触发时的时间戳</li>
-</ul>
-<h2 id="Appear-事件" class="article-heading"><a href="#Appear-事件" class="headerlink" title="Appear 事件"></a>Appear 事件<a class="article-anchor" href="#Appear-事件" aria-hidden="true"></a></h2><p>如果一个位于某个可滚动区域内的组件被绑定了 <code>appear</code> 事件，那么当这个组件的状态变为在屏幕上可见时，该事件将被触发。</p>
-<h3 id="事件对象-2" class="article-heading"><a href="#事件对象-2" class="headerlink" title="事件对象"></a>事件对象<a class="article-anchor" href="#事件对象-2" aria-hidden="true"></a></h3><ul>
-<li><code>type</code> : <code>appear</code></li>
-<li><code>target</code> : 触发 Appear 事件的组件对象</li>
-<li><code>timestamp</code> : 事件被触发时的时间戳</li>
-<li><code>direction</code> : 触发事件时屏幕的滚动方向，<code>up</code> 或 <code>down</code></li>
-</ul>
-<h2 id="Disappear-事件" class="article-heading"><a href="#Disappear-事件" class="headerlink" title="Disappear 事件"></a>Disappear 事件<a class="article-anchor" href="#Disappear-事件" aria-hidden="true"></a></h2><p>如果一个位于某个可滚动区域内的组件被绑定了 <code>disappear</code> 事件，那么当这个组件被滑出屏幕变为不可见状态时，该事件将被触发。</p>
-<h3 id="事件对象-3" class="article-heading"><a href="#事件对象-3" class="headerlink" title="事件对象"></a>事件对象<a class="article-anchor" href="#事件对象-3" aria-hidden="true"></a></h3><ul>
-<li><code>type</code> : <code>disappear</code></li>
-<li><code>target</code> : 触发 Disappear 事件的组件对象</li>
-<li><code>timestamp</code> : 事件被触发时的时间戳</li>
-<li><code>direction</code> : 触发事件时屏幕的滚动方向，<code>up</code> 或 <code>down</code></li>
-</ul>
-<h2 id="Page-事件" class="article-heading"><a href="#Page-事件" class="headerlink" title="Page 事件"></a>Page 事件<a class="article-anchor" href="#Page-事件" aria-hidden="true"></a></h2><p><em>注意：仅支持 iOS 和 Android，H5 暂不支持。</em></p>
-<p>Weex 通过 <code>viewappear</code> 和 <code>viewdisappear</code> 事件提供了简单的页面状态管理能力。</p>
-<p><code>viewappear</code> 事件会在页面就要显示或配置的任何页面动画被执行前触发，例如，当调用 <code>navigator</code> 模块的 <code>push</code> 方法时，该事件将会在打开新页面时被触发。<code>viewdisappear</code> 事件会在页面就要关闭时被触发。</p>
-<p>与组件的 <code>appear</code> 和 <code>disappear</code> 事件不同的是，<code>viewappear</code> 和 <code>viewdisappear</code> 事件关注的是整个页面的状态，所以<strong>它们必须绑定到页面的根元素上</strong>。</p>
-<p>特殊情况下，这两个事件也能被绑定到非根元素的body组件上，例如<code>wxc-navpage</code>组件。</p>
-<h3 id="事件对象-4" class="article-heading"><a href="#事件对象-4" class="headerlink" title="事件对象"></a>事件对象<a class="article-anchor" href="#事件对象-4" aria-hidden="true"></a></h3><ul>
-<li><code>type</code> : <code>viewappear</code> 或 <code>viewdisappear</code></li>
-<li><code>target</code> : 触发事件的组件对象</li>
-<li><code>timestamp</code> : 事件被触发时的时间戳</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"box"</span> @<span class="attr">click</span>=<span class="string">"onclick"</span> @<span class="attr">longpress</span>=<span class="string">"onlongpress"</span> @<span class="attr">appear</span>=<span class="string">"onappear"</span> @<span class="attr">disappear</span>=<span class="string">"ondisappear"</span>></span><span class="tag"></<span class="name">div</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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> onclick (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onclick:'</span>, event)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'onclick'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div
class="line"> })</div><div class="line"> },</div><div class="line"> onlongpress (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onlongpress:'</span>, event)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'onlongpress'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> onappear (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'onappear:'</span>, event)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'onappear'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class
="number">0.8</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> ondisappear (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'ondisappear:'</span>, event)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'ondisappear'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.bo
x</span> {</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#EEE</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-
- </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="/references/common-event.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/common-event.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>
[32/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/div.html
----------------------------------------------------------------------
diff --git a/cn/references/components/div.html b/cn/references/components/div.html
deleted file mode 100644
index 98867e0..0000000
--- a/cn/references/components/div.html
+++ /dev/null
@@ -1,1489 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><div> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;div&gt;&lt;div&gt; 组件是用于包装其它组件的最基本容器。支持所有的通用样式、特性、flexbox 布局。其类似于 HTML 的 &lt;div&gt; 容器，但不能直接在里面添加文本（字符串），如果要展示文本，应该使用 &lt;text&gt; 组件。历史版本中，&lt;div&gt; 别名是 &lt;container&gt;，目前已经弃用。 注意： &lt;div&g">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<div>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/div.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;div&gt;&lt;div&gt; 组件是用于包装其它组件的最基本容器。支持所有的通用样式、特性、flexbox 布局。其类似于 HTML 的 &lt;div&gt; 容器，但不能直接在里面添加文本（字符串），如果要展示文本，应该使用 &lt;text&gt; 组件。历史版本中，&lt;div&gt; 别名是 &lt;container&gt;，目前已经弃用。 注意： &lt;div&g">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/div_1.jpg">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<div>">
-<meta name="twitter:description" content="&lt;div&gt;&lt;div&gt; 组件是用于包装其它组件的最基本容器。支持所有的通用样式、特性、flexbox 布局。其类似于 HTML 的 &lt;div&gt; 容器，但不能直接在里面添加文本（字符串），如果要展示文本，应该使用 &lt;text&gt; 组件。历史版本中，&lt;div&gt; 别名是 &lt;container&gt;，目前已经弃用。 注意： &lt;div&g">
-<meta name="twitter:image" content="https://weex-project.io/cn/references/images/div_1.jpg">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/div.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/div.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link current "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link current "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <div>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-div-gt" class="article-heading"><a href="#lt-div-gt" class="headerlink" title="<div>"></a><div><a class="article-anchor" href="#lt-div-gt" aria-hidden="true"></a></h1><p><code><div></code> 组件是用于包装其它组件的最基本容器。支持所有的通用样式、特性、<code>flexbox</code> 布局。其类似于 HTML 的 <code><div></code> 容器，但<strong>不能</strong>直接在里面添加文本（字符串），如果要展示文本，应该使用 <code><text></code> 组件。历史版本中，<code><div></code> 别名是 <code><container></code>，目前<strong>已经弃用</strong>。</p>
-<p><strong>注意：</strong></p>
-<p><code><div></code> 嵌套层级不可过深，否则容易引起性能问题，建议控制在 <strong>10</strong> 层以内。</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></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>Hello World!<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="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"><span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">70px</span>;</div><div class="line"> <span cla
ss="attribute">color</span>: <span class="number">#ff0000</span></div><div class="line">}</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="undefined"></span><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/ea4f528a0b381640b77ba03fcc69a90a" target="_blank" rel="external">体验一下</a></p>
-<p><img src="../images/div_1.jpg" alt="mobile_preview"></p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p><code><div></code> 基本容器组件，因此支持包括 <code><div></code> 在内的任何组件作为自己的子组件。因此，在写一个组件时，推荐外层使用 <code><div></code> 作为根容器。</p>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p><code><div></code> 支持所有通用样式：</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><p><code><div></code> 支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ol>
-<li><p><strong>不能</strong>直接在 <code><div></code> 中添加文本。</p>
-<p>错误示例，“Hello World!” 无法被正常渲染。</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>Hello World!<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="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"><span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">70</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#ff0000</span></div><div class="line">}</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag">&
lt;<span class="name">script</span>></span><span class="undefined"></span><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/541f016de379c8764ddcdd9da0cabc24" target="_blank" rel="external">体验一下</a></p>
-</li>
-<li><p><code><div></code> 在 native 中不可滚动，即使显式设置高度也一样。</p>
-<p><a href="http://dotwe.org/vue/6795753d1a51662b8a7282b129dc7ddf" target="_blank" rel="external">错误示例</a></p>
-</li>
-</ol>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"box"</span>></span><span class="tag"></<span class="name">div</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="line"><span class="tag"><<span class="name">style</span> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="l
ine"> <span class="selector-class">.box</span> {</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#EEE</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pr
e></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/edfbd1806508cb86254b03dc0b8e28ac" target="_blank" rel="external">try it</a></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="/references/components/div.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/div.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>
[44/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-jsfm.html b/cn/references/advanced/extend-jsfm.html
deleted file mode 100644
index 5c7a64f..0000000
--- a/cn/references/advanced/extend-jsfm.html
+++ /dev/null
@@ -1,1555 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>拓展 JS framework | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="定制自己的 JS Framework这部分扩展能力还在讨论尝试中，可能随时会有调整，请留意。 Weex 希望能够尊重尽可能多的开发者的使用习惯，所以除了 Weex 官方支持的 Vue 2.0 之外，开发者还可以定制并横向扩展自己的或自己喜欢的 JS Framework。完整一套 JS Framework 的定制和扩展需要以下几个步骤： 首先你要有一套完整的 JS Framework。 了解 We">
-<meta property="og:type" content="website">
-<meta property="og:title" content="拓展 JS framework">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/extend-jsfm.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="定制自己的 JS Framework这部分扩展能力还在讨论尝试中，可能随时会有调整，请留意。 Weex 希望能够尊重尽可能多的开发者的使用习惯，所以除了 Weex 官方支持的 Vue 2.0 之外，开发者还可以定制并横向扩展自己的或自己喜欢的 JS Framework。完整一套 JS Framework 的定制和扩展需要以下几个步骤： 首先你要有一套完整的 JS Framework。 了解 We">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="拓展 JS framework">
-<meta name="twitter:description" content="定制自己的 JS Framework这部分扩展能力还在讨论尝试中，可能随时会有调整，请留意。 Weex 希望能够尊重尽可能多的开发者的使用习惯，所以除了 Weex 官方支持的 Vue 2.0 之外，开发者还可以定制并横向扩展自己的或自己喜欢的 JS Framework。完整一套 JS Framework 的定制和扩展需要以下几个步骤： 首先你要有一套完整的 JS Framework。 了解 We">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-jsfm.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link current ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link current ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 拓展 JS framework
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="定制自己的-JS-Framework" class="article-heading"><a href="#定制自己的-JS-Framework" class="headerlink" title="定制自己的 JS Framework"></a>定制自己的 JS Framework<a class="article-anchor" href="#定制自己的-JS-Framework" aria-hidden="true"></a></h1><p><em>这部分扩展能力还在讨论尝试中，可能随时会有调整，请留意。</em></p>
-<p>Weex 希望能够尊重尽可能多的开发者的使用习惯，所以除了 Weex 官方支持的 Vue 2.0 之外，开发者还可以定制并横向扩展自己的或自己喜欢的 JS Framework。完整一套 JS Framework 的定制和扩展需要以下几个步骤：</p>
-<ol>
-<li>首先你要有一套完整的 JS Framework。</li>
-<li>了解 Weex 的 JS 引擎的特性支持情况。</li>
-<li>适配 Weex 的 native DOM APIs。</li>
-<li>适配 Weex 的初始化入口和多实例管理机制。</li>
-<li>在 Weex JS runtime 的 framework 配置中加入自己的 JS Framework 然后打包。</li>
-<li>基于该 JS Framework 撰写 JS bundle，并加入特定的前缀注释，以便 Weex JS runtime 能够正确识别。</li>
-</ol>
-<h2 id="Weex-JS-引擎的特性支持情况" class="article-heading"><a href="#Weex-JS-引擎的特性支持情况" class="headerlink" title="Weex JS 引擎的特性支持情况"></a>Weex JS 引擎的特性支持情况<a class="article-anchor" href="#Weex-JS-引擎的特性支持情况" aria-hidden="true"></a></h2><ul>
-<li>在 iOS 下，Weex 使用的是系统自带的 JavaScriptCore，所以 ES 支持情况取决于操作系统的版本。目前保守判断，ES5 的特性市面上主流的 iOS 设备都是可以完美支持的，但是 ES6+ 的特性存在一定的碎片化。</li>
-<li>在 Android 下，Weex 使用的是 UC 提供的 v8 内核，出于体积、性能和稳定性的考虑，我们使用的并不是最新版本的 v8 内核，同样的保守判断，ES5 特性能够全部支持，包括严格模式、<code>Object.freeze</code> 等。</li>
-<li>Weex JS 引擎不支持 HTML DOM APIs 和 HTML5 JS APIs，这包括 <code>document</code>, <code>setTimeout</code> 等。</li>
-<li>在此基础上，我们加入了 <code>Promise</code> 的 polyfill，以及 <code>console</code> 的 polyfill。</li>
-<li>额外的，为了尽可能的确保 JS 引擎的长效内存管理，我们对一个通用的全局对象进行了 <code>Object.freeze()</code> 冻结操作，这包括：<ul>
-<li><code>Object</code></li>
-<li><code>Object.prototype</code></li>
-<li><code>Array</code></li>
-<li><code>Array.prototype</code></li>
-<li><code>String.prototype</code></li>
-<li><code>Number.prototype</code></li>
-<li><code>Boolean.prototype</code></li>
-<li><code>Error.prototype</code></li>
-<li><code>Date.prototype</code></li>
-<li><code>RegExp.prototype</code></li>
-</ul>
-</li>
-</ul>
-<h2 id="适配-Weex-的初始化入口和多实例管理机制" class="article-heading"><a href="#适配-Weex-的初始化入口和多实例管理机制" class="headerlink" title="适配 Weex 的初始化入口和多实例管理机制"></a>适配 Weex 的初始化入口和多实例管理机制<a class="article-anchor" href="#适配-Weex-的初始化入口和多实例管理机制" aria-hidden="true"></a></h2><p>开发者提供的 JS Framework 最终需要包装成一个 CommonJS 包，并且这个包需要对外暴露以下方法：</p>
-<h3 id="框架初始化" class="article-heading"><a href="#框架初始化" class="headerlink" title="框架初始化"></a>框架初始化<a class="article-anchor" href="#框架初始化" aria-hidden="true"></a></h3><ul>
-<li><code>init(config)</code><ul>
-<li><code>config</code><ul>
-<li><code>Document</code></li>
-<li><code>Element</code></li>
-<li><code>Comment</code></li>
-<li><code>TaskSender</code></li>
-<li><code>CallbackManager</code></li>
-</ul>
-</li>
-</ul>
-</li>
-</ul>
-<p>该方法会把 Weex 提供的 Native DOM 类和两个辅助类放到 <code>config</code> 参数中，并允许框架本身完成初始化。</p>
-<p><em>小提示：同时，框架作者也能够通过在框架初始化时传入不同的 <code>config</code> 来进行框架的测试或环境模拟。</em></p>
-<h4 id="参数格式介绍" class="article-heading"><a href="#参数格式介绍" class="headerlink" title="参数格式介绍"></a>参数格式介绍<a class="article-anchor" href="#参数格式介绍" aria-hidden="true"></a></h4><ul>
-<li><code>TaskSender</code>: wip…</li>
-<li><code>CallbackManager</code>: wip…</li>
-</ul>
-<h3 id="注册可用的-native-组件和模块" class="article-heading"><a href="#注册可用的-native-组件和模块" class="headerlink" title="注册可用的 native 组件和模块"></a>注册可用的 native 组件和模块<a class="article-anchor" href="#注册可用的-native-组件和模块" aria-hidden="true"></a></h3><ul>
-<li><code>registerComponents(components)</code></li>
-<li><code>registerModules(modules)</code></li>
-</ul>
-<p>这两个方法会在框架初始化之后立刻调用，这样框架就能够知道当前的客户端支持哪些组件和模块，在一些特殊逻辑或必要的情况下，有机会为框架本身提供参考信息。</p>
-<h4 id="参数格式介绍-1" class="article-heading"><a href="#参数格式介绍-1" class="headerlink" title="参数格式介绍"></a>参数格式介绍<a class="article-anchor" href="#参数格式介绍-1" aria-hidden="true"></a></h4><ul>
-<li><code>components: Array</code>: 描述组件的数组，每一项包括：<ul>
-<li><code>type: string</code>: 组件名称，比如 <code>div</code>。</li>
-<li><code>methods: string[]</code>: 可选项，该组件支持的方法名称列表，这些方法可以遵循 Weex 的 native DOM APIs 的组件方法调用方式。</li>
-</ul>
-</li>
-<li><code>modules: Object</code>: 描述一系列模块的散列表，每一项的 key 是模块名，每一项的值是一个数组，数组里的每一项描述了一个该模块中的一个方法，该方法的信息包括：<ul>
-<li><code>name: string</code>: 方法名</li>
-<li><code>args: string[]</code>: 参数个数和类型描述</li>
-</ul>
-</li>
-</ul>
-<p>例如：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line">registerComponents([</div><div class="line"> { <span class="attr">type</span>: <span class="string">'web'</span>, <span class="attr">methods</span>: [<span class="string">'goBack'</span>, <span class="string">'goForward'</span>, <span class="string">'refresh'</span>]}</div><div class="line">])</div><div class="line"></div><div class="line">registerModules({</div><div class="line"> <span class="attr">event</span>: [</div><div class="line"> {<span class="attr">name</span>: <span class="string">'openURL'</span>, <span class="attr">args</span>: [<span class="string">'string'</span>]}</div><div class="line"> ]</div><div class="line">})</div></pre></td></tr></table></figure>
-<h3 id="多实例生命周期管理" class="article-heading"><a href="#多实例生命周期管理" class="headerlink" title="多实例生命周期管理"></a>多实例生命周期管理<a class="article-anchor" href="#多实例生命周期管理" aria-hidden="true"></a></h3><ul>
-<li><code>createInstance(instanceId, code, config, data, env)</code></li>
-<li><code>refreshInstance(instanceId, data)</code></li>
-<li><code>destroyInstance(instanceId)</code></li>
-</ul>
-<p>每个 Weex 页面都有被创建、被销毁两个必经阶段，同时在 Weex 页面运行过程中，native 有机会主动向 Weex 页面发送消息，不同的框架可以根据自己框架的设计对这样的消息有自己的理解和设计实现。</p>
-<h4 id="参数格式介绍-2" class="article-heading"><a href="#参数格式介绍-2" class="headerlink" title="参数格式介绍"></a>参数格式介绍<a class="article-anchor" href="#参数格式介绍-2" aria-hidden="true"></a></h4><ul>
-<li><code>instanceId: string</code>: 该 Weex 页面的唯一 id，由 native 产生。</li>
-<li><code>code: string</code>: 该 Weex 页面的 JS bundle 的代码，通过 native 传入。</li>
-<li><code>config: Object?</code>: 该 Weex 页面的配置信息，比如代表该 bundle 地址的 <code>bundleUrl</code>，由 native 配置产生，和 JS bundle 本身的内容无关。</li>
-<li><code>data: Object?</code>: Native 有机会在创建一个 Weex 页面的时候，传入一份外部数据，JS 框架也有机会接此机会为相同的 JS bundle 配合不同的 <code>data</code> 生成不同的页面内容。</li>
-<li><code>env: Object?</code>: 当前 Weex 页面的相关环境信息，各字段的含义：<ul>
-<li><code>info: Object</code>: 框架 info 信息，详见之后的 “JS Bundle 格式要求”。</li>
-<li><code>config: Object</code>: 等同该方法的第三个参数 <code>config</code>。</li>
-<li><code>callbacks: CallbackManager</code>: 该 Weex 页面唯一的 <code>CallbackManager</code> 实例。</li>
-<li><code>created: number</code>: 该 Weex 页面的创建时间毫秒数。</li>
-<li><code>framework: string</code>: 该 Weex 页面基于的框架名，等同于 <code>info.framework</code>。</li>
-</ul>
-</li>
-</ul>
-<h3 id="Native-通信" class="article-heading"><a href="#Native-通信" class="headerlink" title="Native 通信"></a>Native 通信<a class="article-anchor" href="#Native-通信" aria-hidden="true"></a></h3><ul>
-<li><code>receiveTasks(instanceId, tasks)</code></li>
-</ul>
-<p>Native 除了通过 <code>refreshInstance</code> 方法向 JS 框架层发送消息之外，更多的会通过 <code>receiveTasks</code> 发送用户事件或方法回调给 JS 框架。</p>
-<p>比如用户点击了一个按钮，native 就会发送一个 <code>fireEvent</code> 类型的任务给 JS 框架，然后 JS 框架再处理相应的事件逻辑。这部分工作机制和 native DOM 接口中的 <code>addEvent</code> 的设计有关。</p>
-<p>再比如用户发起了一个 <code>fetch</code> 网络请求，当请求在 native 端完成时，会以一个 <code>callback</code> 类型的任务发给 JS 框架。由于 native 无法传递 JavaScript 中的 function，所以实际上知会发送一个 <code>callbackId</code> 给 JS 框架。这部分工作机制和之前出现过的 <code>CallbackManager</code> 的设计有关。</p>
-<h3 id="辅助方法" class="article-heading"><a href="#辅助方法" class="headerlink" title="辅助方法"></a>辅助方法<a class="article-anchor" href="#辅助方法" aria-hidden="true"></a></h3><ul>
-<li><code>getRoot(instanceId): JSON</code></li>
-</ul>
-<p>该方法可以返回文档主体结点的完整 JSON 描述，开发者可以以此查看到完整的 native DOM 树，具体返回值的格式和 native DOM 接口中的 <code>toJSON()</code> 方法返回值格式一致。此功能多用作开发者工具扩展。</p>
-<h2 id="在-WeexSDK-中配置-JS-Framework" class="article-heading"><a href="#在-WeexSDK-中配置-JS-Framework" class="headerlink" title="在 WeexSDK 中配置 JS Framework"></a>在 WeexSDK 中配置 JS Framework<a class="article-anchor" href="#在-WeexSDK-中配置-JS-Framework" aria-hidden="true"></a></h2><h3 id="准备好你的-JS-Framework-代码" class="article-heading"><a href="#准备好你的-JS-Framework-代码" class="headerlink" title="准备好你的 JS Framework 代码"></a>准备好你的 JS Framework 代码<a class="article-anchor" href="#准备好你的-JS-Framework-代码" aria-hidden="true"></a></h3><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="comment">// your-own-js-framework.js</span></div><div class="line"></div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">init</span> (<span class="params">config</span>) </span>{
; ... }</div><div class="line"></div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">registerComponents</span> (<span class="params">components</span>) </span>{ ... }</div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">registerModules</span> (<span class="params">modules</span>) </span>{ ... }</div><div class="line"></div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">createInstance</span> (<span class="params">id, code, config, data, env</span>) </span>{ ... }</div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">destroyInstance</span> (<span class="params">id</span>) </span>{ ... }</div><div cl
ass="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">refreshInstance</span> (<span class="params">id, data</span>) </span>{ ... }</div><div class="line"></div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">recieveTasks</span> (<span class="params">id, tasks</span>) </span>{ ... }</div><div class="line"><span class="keyword">export</span> <span class="function"><span class="keyword">function</span> <span class="title">getRoot</span> (<span class="params">id</span>) </span>{ ... }</div></pre></td></tr></table></figure>
-<h3 id="注册一个-JS-Framework" class="article-heading"><a href="#注册一个-JS-Framework" class="headerlink" title="注册一个 JS Framework"></a>注册一个 JS Framework<a class="article-anchor" href="#注册一个-JS-Framework" aria-hidden="true"></a></h3><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">import</span> * <span class="keyword">as</span> Vue <span class="keyword">from</span> <span class="string">'...'</span></div><div class="line"><span class="keyword">import</span> * <span class="keyword">as</span> React <span class="keyword">from</span> <span class="string">'...'</span></div><div class="line"><span class="keyword">import</span> * <span class="keyword">as</span> Angular <span class="keyword">from</span> <span class="string">'...'</span></div><div class="line"></div><div class="line"><span class="keyword">export</span> <span class="keyword">default</span> { Vue, React, Angular };</div></pre
></td></tr></table></figure>
-<p>然后打包 JS runtime，集成到 WeexSDK 中。</p>
-<h3 id="JS-Bundle-格式要求" class="article-heading"><a href="#JS-Bundle-格式要求" class="headerlink" title="JS Bundle 格式要求"></a>JS Bundle 格式要求<a class="article-anchor" href="#JS-Bundle-格式要求" aria-hidden="true"></a></h3><p><strong>框架 info</strong></p>
-<p>你需要保障基于该 JS Framework 的 JS Bundle 在文件开头带有如下格式的注释，我们称其为框架 info：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="comment">// { "framework": "Vue" }</span></div><div class="line">...</div></pre></td></tr></table></figure>
-<p>这样 Weex JS 引擎就会识别出这个 JS bundle 需要用 Vue 框架来解析。并分发给 Vue 框架处理。同理，Weex 支持同时多种框架在一个移动应用中共存并各自解析基于不同框架的 JS bundle。</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="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-jsfm.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>
[38/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/integrate-devtool-to-ios.html b/cn/references/advanced/integrate-devtool-to-ios.html
deleted file mode 100644
index 51e9295..0000000
--- a/cn/references/advanced/integrate-devtool-to-ios.html
+++ /dev/null
@@ -1,1529 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>集成 Devtools 到 iOS | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="集成 Devtools 到 iOSWeex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 iOS 端如何接入 Weex Devtools。 iOS 应用接入添加依赖方法一：cocoapods 依赖在工程目录的 podfile 添加如下代码 source https://github.com/C">
-<meta property="og:type" content="website">
-<meta property="og:title" content="集成 Devtools 到 iOS">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/integrate-devtool-to-ios.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="集成 Devtools 到 iOSWeex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 iOS 端如何接入 Weex Devtools。 iOS 应用接入添加依赖方法一：cocoapods 依赖在工程目录的 podfile 添加如下代码 source https://github.com/C">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1F8WONXXXXXa_apXXXXXXXXXX-1706-674.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB19Yq5NXXXXXXVXVXXXXXXXXXX-343-344.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="集成 Devtools 到 iOS">
-<meta name="twitter:description" content="集成 Devtools 到 iOSWeex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 iOS 端如何接入 Weex Devtools。 iOS 应用接入添加依赖方法一：cocoapods 依赖在工程目录的 podfile 添加如下代码 source https://github.com/C">
-<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link current ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link current ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 集成 Devtools 到 iOS
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="集成-Devtools-到-iOS" class="article-heading"><a href="#集成-Devtools-到-iOS" class="headerlink" title="集成 Devtools 到 iOS"></a>集成 Devtools 到 iOS<a class="article-anchor" href="#集成-Devtools-到-iOS" aria-hidden="true"></a></h1><p>Weex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 iOS 端如何接入 Weex Devtools。</p>
-<h2 id="iOS-应用接入" class="article-heading"><a href="#iOS-应用接入" class="headerlink" title="iOS 应用接入"></a>iOS 应用接入<a class="article-anchor" href="#iOS-应用接入" 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><h4 id="方法一：cocoapods-依赖" class="article-heading"><a href="#方法一：cocoapods-依赖" class="headerlink" title="方法一：cocoapods 依赖"></a>方法一：cocoapods 依赖<a class="article-anchor" href="#方法一：cocoapods-依赖" aria-hidden="true"></a></h4><p>在工程目录的 podfile 添加如下代码</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">source https://github.com/CocoaPods/Specs.git，</div><div class="line">pod 'WXDevtool', '0.7.0', :configurations => ['Debug']，</div></pre></td></tr></table></figure>
-<p>目前有如下几个版本：</p>
-<p>0.7.0, 0.6.1, 0.1.1, 0.1.0 [master repo]</p>
-<hr>
-<p>可以通过更新本地 podspec repo，pod search 来查询最新版本，在 podfile 文件添加依赖。</p>
-<p><strong><em> 推荐在DEBUG模式下依赖。 </em></strong></p>
-<h4 id="方法二：github-源码依赖" class="article-heading"><a href="#方法二：github-源码依赖" class="headerlink" title="方法二：github 源码依赖"></a>方法二：github 源码依赖<a class="article-anchor" href="#方法二：github-源码依赖" aria-hidden="true"></a></h4><ol>
-<li><p><a href="https://github.com/weexteam/weex-devtool-iOS" target="_blank" rel="external">拉取</a>最新的WXDevtool代码。</p>
-</li>
-<li><p>按照如下图示：直接拖动source目录源文件到目标工程中</p>
-<p><img src="//img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png" alt="drag"></p>
-</li>
-<li><p>按照红框中配置勾选</p>
-<p><img src="//img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png" alt="_"></p>
-</li>
-</ol>
-<p> 在相对较大的互联网 App 研发中, framework 静态库被广泛应用，所以推荐使用方法一接入。</p>
-<h3 id="集成功能" class="article-heading"><a href="#集成功能" class="headerlink" title="集成功能"></a>集成功能<a class="article-anchor" href="#集成功能" aria-hidden="true"></a></h3><p>如果按照方法一接入：podfile 的方式，添加头文件包含：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">#import <TBWXDevtool/WXDevtool.h></div></pre></td></tr></table></figure>
-<p>如果按照方法二接入：源码依赖的方式，添加头文件包含：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">#import "WXDevtool.h"</div><div class="line">``` </div><div class="line"></div><div class="line">查看 WXDevtool 头文件如下：</div><div class="line"> </div><div class="line">```object-c</div><div class="line">#import <Foundation/Foundation.h></div><div class="line"></div><div class="line">@interface WXDevTool : NSObject</div><div class="line">/**</div><div class="line">* set debug status</div><div class="line">* @param isDebug : YES:open debug model and inspect model;</div><div class="line">* default is NO,if isDebug is NO, open inspect only;</div><div class="line">* */</div><div class="line">+ (void)setDebug:(BOOL)isDebug;</div><div class="line"></div><div class="line"></div><div class="line">/**</div><div class="line">* get debug status</div><div class="line">* */ </div><div class="line">+ (BOOL)isDebug;</div><div class="line"></div><div class="
line"></div><div class="line">/**</div><div class="line">* launch weex debug</div><div class="line">* @param url : ws://ip:port/debugProxy/native, ip and port is your devtool server address</div><div class="line">* eg:@"ws://30.30.29.242:8088/debugProxy/native"</div><div class="line">* */</div><div class="line">+ (void)launchDevToolDebugWithUrl:(NSString *)url;</div><div class="line"></div><div class="line">@end</div><div class="line">``` </div><div class="line"></div><div class="line">`setDebug`：参数为 `YES` 时，直接开启 debug 模式，反之关闭，使用场景如下所述</div><div class="line"></div><div class="line">在你自己的程序中添加如下代码：</div><div class="line"></div><div class="line">```object-c </div><div class="line">[WXDevTool launchDevToolDebugWithUrl:@"ws://30.30.31.7:8088/debugProxy/native"];</div></pre></td></tr></table></figure>
-<p>其中的 ws 地址正是 Weex debug 控制台中出现的地址，直接 copy 到 <code>launchDevToolDebugWithUrl</code> 接口中。</p>
-<p>如果程序一启动就开启 Weex 调试，<strong>需要在 WeexSDK 引擎初始化之前</strong>添加代码：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[WXDevTool setDebug:YES];</div><div class="line">[WXDevTool launchDevToolDebugWithUrl:@"ws://30.30.31.7:8088/debugProxy/native"];</div></pre></td></tr></table></figure>
-<h4 id="附加页面刷新功能" class="article-heading"><a href="#附加页面刷新功能" class="headerlink" title="附加页面刷新功能"></a>附加页面刷新功能<a class="article-anchor" href="#附加页面刷新功能" aria-hidden="true"></a></h4><ul>
-<li><p>为什么需要页面刷新功能？</p>
-<p>如下图所示，当点击 debugger 按钮时，js 的运行环境会从手机端（JavaScriptCore）切换到 Chrome（V8），这时需要重新初始化 Weex 环境，重新渲染页面。页面渲染是需要接入方在自己的页面添加。</p>
-<p><img src="//img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png" alt="_debug"></p>
-</li>
-<li><p>什么场景下需要添加页面刷新功能? </p>
-<ul>
-<li>点击 debugger 按钮调试</li>
-<li>切换 RemoteDebug 开关</li>
-<li>刷新 Chrome 页面（command+R）</li>
-</ul>
-</li>
-<li><p>如何添加刷新 </p>
-<p>在 Weex 页面初始化或 <code>viewDidLoad</code> 方法时添加注册通知，举例如下：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[[NSNotificationCenter defaultCenter] addObserver:self selector:notificationRefreshInstance: name:@"RefreshInstance" object:nil];</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<p> 最后<strong>千万记得</strong>在 <code>dealloc</code> 方法中取消通知，如下所示</p>
- <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (void)dealloc</div><div class="line">{</div><div class="line"> [[NSNotificationCenter defaultCenter] removeObserver:self];</div><div class="line">}</div></pre></td></tr></table></figure>
-<p> 页面刷新实现，先销毁当前 instance，然后重新创建 instance，举例如下:</p>
- <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line"> - (void)render</div><div class="line"> {</div><div class="line"> CGFloat width = self.view.frame.size.width;</div><div class="line"> [_instance destroyInstance];</div><div class="line"> _instance = [[WXSDKInstance alloc] init];</div><div class="line"> _instance.viewController = self;</div><div class="line"> _instance.frame = CGRectMake(self.view.frame.size.width-width, 0, width, _weexHeight);</div><div class="line"> </div><div class="line"> __weak typeof(self) weakSelf = self;</div><div class="line"> _instance.onCreate = ^(UIView *view) {</div><div class="line"> [weakSelf.weexView removeFromSuperview];</div><div class="line"> weakSelf.weexView = view;</div><div class="line"> [weakSelf.view addSubview:weakSelf.weexView];</div><div class="line"> UIAccessibilityPostNotification(UIAccessibilityScreenChangedNotification, weakSelf.weexView);
</div><div class="line"> };</div><div class="line"> _instance.onFailed = ^(NSError *error) {</div><div class="line"> </div><div class="line"> };</div><div class="line"> </div><div class="line"> _instance.renderFinish = ^(UIView *view) {</div><div class="line"> [weakSelf updateInstanceState:WeexInstanceAppear];</div><div class="line"> };</div><div class="line"> </div><div class="line"> _instance.updateFinish = ^(UIView *view) {</div><div class="line"> };</div><div class="line"> if (!self.url) {</div><div class="line"> return;</div><div class="line"> }</div><div class="line"> NSURL *URL = [self testURL: [self.url absoluteString]];</div><div class="line"> NSString *randomURL = [NSString stringWithFormat:@"%@?random=%d",URL.absoluteString,arc4random()];</div><div class="line"> [_instance renderWithURL:[NSURL URLWithString:randomURL] options:@{@"bundleUrl":
URL.absoluteString} data:nil];</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>具体实现可参考 <a href="https://github.com/weexteam/weex-devtool-iOS/blob/master/Devtools/playground/WeexDemo/WXDemoViewController.m" target="_blank" rel="external">playground</a> <code>WXDemoViewController.m</code> 文件</p>
-<p><em>说明：目前版本需要注册的通知名称为固定的 “RefreshInstance”，下个版本会添加用户自定义 name 。</em></p>
-<h2 id="使用" class="article-heading"><a href="#使用" class="headerlink" title="使用"></a>使用<a class="article-anchor" href="#使用" aria-hidden="true"></a></h2><p>如果未安装 Debugger Server，在命令行执行 <code>npm install -g weex-toolkit</code> 既可以安装调试服务器，运行命令 <code>weex debug</code> 就会启动 DebugServer 并打开一个调试页面（详情请查看 <a href="../../guide/index.html">《Get started》</a>）。页面下方会展示一个二维码，这个二维码用于向 App 传递 Server 端的地址建立连接。</p>
-<ol>
-<li><p>日志级别控制</p>
-<p><img src="//img.alicdn.com/tps/TB1F8WONXXXXXa_apXXXXXXXXXX-1706-674.png" alt="_"><br>日志级别可以控制native端关于weex的日志。</p>
-<p>日记级别描述如下：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">Off = 0, </div><div class="line">Error = Error</div><div class="line">Warning = Error | Warning,</div><div class="line">Info = Warning | Info,</div><div class="line">Log = Log | Info,</div><div class="line">Debug = Log | Debug, </div><div class="line">All = NSUIntegerMax</div></pre></td></tr></table></figure>
-<p>解释：off 关闭日志，Warning 包含 Error、Warning，Info 包含 Warning、Info，Log 包含 Info、Log，Debug 包含 Log、Debug，All 包含所有。</p>
-</li>
-<li><p>Vdom/Native tree选择</p>
-<p><img src="//img.alicdn.com/tps/TB19Yq5NXXXXXXVXVXXXXXXXXXX-343-344.png" alt=""></p>
-<p><em>图一</em></p>
-<p><img src="//img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png" alt="图二"> </p>
-<p><em>图二</em></p>
-<p>点击图一所示native选项会打开图二，方便查看native tree以及view property</p>
-<p><img src="//img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png" alt="vdom"></p>
-<p><em>图三</em></p>
-<p><img src="//img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png" alt="vdom_tree"> </p>
-<p><em>图四</em></p>
-<p>点击图三所示 vdom 选项会打开图四，方便查看 vdom tree 以及 component property。 </p>
-</li>
-</ol>
-
- </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="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.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>
[18/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/ios-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/ios-apis.html b/cn/references/ios-apis.html
deleted file mode 100644
index ac0dd7f..0000000
--- a/cn/references/ios-apis.html
+++ /dev/null
@@ -1,1482 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>iOS APIs | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="iOS APIsNative 对外接口 注册 SDK 默认的 Module、Handler 和 Component 注册自定义 module、Handler 和 Component 重置 JSFramework Handler (对应于 Android 的 Adapter) 介绍 WXImgLoaderDefaultImpl 图片下载 handler。Weex 会把需要设置图片的 View 和">
-<meta property="og:type" content="website">
-<meta property="og:title" content="iOS APIs">
-<meta property="og:url" content="https://weex-project.io/cn/references/ios-apis.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="iOS APIsNative 对外接口 注册 SDK 默认的 Module、Handler 和 Component 注册自定义 module、Handler 和 Component 重置 JSFramework Handler (对应于 Android 的 Adapter) 介绍 WXImgLoaderDefaultImpl 图片下载 handler。Weex 会把需要设置图片的 View 和">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="iOS APIs">
-<meta name="twitter:description" content="iOS APIsNative 对外接口 注册 SDK 默认的 Module、Handler 和 Component 注册自定义 module、Handler 和 Component 重置 JSFramework Handler (对应于 Android 的 Adapter) 介绍 WXImgLoaderDefaultImpl 图片下载 handler。Weex 会把需要设置图片的 View 和">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/ios-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/ios-apis.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link current ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link current ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- iOS APIs
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="iOS-APIs" class="article-heading"><a href="#iOS-APIs" class="headerlink" title="iOS APIs"></a>iOS APIs<a class="article-anchor" href="#iOS-APIs" aria-hidden="true"></a></h1><h2 id="Native-对外接口" class="article-heading"><a href="#Native-对外接口" class="headerlink" title="Native 对外接口"></a>Native 对外接口<a class="article-anchor" href="#Native-对外接口" aria-hidden="true"></a></h2><ul>
-<li>注册 SDK 默认的 Module、Handler 和 Component</li>
-<li>注册自定义 module、Handler 和 Component</li>
-<li>重置 JSFramework</li>
-</ul>
-<h2 id="Handler-对应于-Android-的-Adapter-介绍" class="article-heading"><a href="#Handler-对应于-Android-的-Adapter-介绍" class="headerlink" title="Handler (对应于 Android 的 Adapter) 介绍"></a>Handler (对应于 Android 的 Adapter) 介绍<a class="article-anchor" href="#Handler-对应于-Android-的-Adapter-介绍" aria-hidden="true"></a></h2><ul>
-<li><p><code>WXImgLoaderDefaultImpl</code> 图片下载 handler。Weex 会把需要设置图片的 View 和 URL 透露出来，Native 端需要实现这个接口进行图片下载。WeexSDK kernel 本身没有提供图片下载的默认实现。</p>
-<p>接口定义如下：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line"> @protocol WXImgLoaderProtocol <WXModuleProtocol></div><div class="line">/**</div><div class="line"> * @abstract Creates a image download handler with a given URL</div><div class="line"> *</div><div class="line"> * @param imageUrl The URL of the image to download</div><div class="line"> *</div><div class="line"> * @param imageFrame The frame of the image you want to set</div><div class="line"> *</div><div class="line"> * @param options : The options to be used for this download</div><div class="line"> *</div><div class="line"> * @param completedBlock : A block called once the download is completed.</div><div class="line"> * image : the image which has been download to local.</div><div class="line"> * error : the error which has happened in download.</div><div class="line"> * finished : a Boolean value indicating whether download action h
as finished.</div><div class="line"> */</div><div class="line">- (id<WXImageOperationProtocol>)downloadImageWithURL:(NSString *)url imageFrame:(CGRect)imageFrame userInfo:(NSDictionary *)options completed:(void(^)(UIImage *image, NSError *error, BOOL finished))completedBlock;</div><div class="line">@end</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h2 id="Native-和-JS-通信" class="article-heading"><a href="#Native-和-JS-通信" class="headerlink" title="Native 和 JS 通信"></a>Native 和 JS 通信<a class="article-anchor" href="#Native-和-JS-通信" aria-hidden="true"></a></h2><ul>
-<li><p>自定义通知事件</p>
-<p>用于 native 自定义部分和 js 进行实践通知，比如传递下拉事件到 js，这个是在 component 基类的方法，可以直接使用</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">/**</div><div class="line"> * @abstract Fire an event to the component and tell Javascript which value has been changed. </div><div class="line"> * @param eventName 事件名称，可以在weex文件某个标签组件监听，命名规范为 onXXX</div><div class="line"> * @param params 数据</div><div class="line"> * @param domChanges 发生改变的数据</div><div class="line"> **/</div><div class="line">- (void)fireEvent:(NSString *)eventName params:(NSDictionary *)params domChanges:(NSDictionary *)domChanges</div></pre></td></tr></table></figure>
-</li>
-<li><p>事件回调</p>
-<p>多用于 Module 回调结果给 js，回调类型分为下面两种：</p>
-<ol>
-<li><p><code>WXModuleCallback</code> 为了性能考虑，该回调只能回调通知js一次，之后会被释放，多用于一次结果</p>
-</li>
-<li><p><code>WXModuleKeepAliveCallback</code> 该回调可以设置是否为多次回调类型，多次回调的场景如持续监听位置的变化，并返回给 js。</p>
-</li>
-</ol>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@implementation WXEchoModule</div><div class="line">@synthesize weexInstance; // 让该module 获得当前instance</div><div class="line">WX_EXPORT_METHOD(@selector(echo:))</div><div class="line">- (void)echo:(NSString *)param callback:(WXModuleKeepAliveCallback)callback</div><div class="line">{</div><div class="line"> callback(param,ture);// 此处设置true，该回调function 可以多次回调执行，可以写循环测试.</div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h2 id="动态适配容器" class="article-heading"><a href="#动态适配容器" class="headerlink" title="动态适配容器"></a>动态适配容器<a class="article-anchor" href="#动态适配容器" aria-hidden="true"></a></h2><p>WeexSDK 在 <code>WXSDKInstance</code> 类中提供了方法 <code>setFrame(CGRect)</code> 来改变容器的大小。</p>
-<p>如：在导航栏从有到无过程，需要 weexView 的变化， 可以在此时 native 调用该方法设置</p>
-<h2 id="降级使用" class="article-heading"><a href="#降级使用" class="headerlink" title="降级使用"></a>降级使用<a class="article-anchor" href="#降级使用" aria-hidden="true"></a></h2><p>Weex 处于发展阶段会增加一些新的特性和功能，但是这些新的特性和功能都必须升级 SDK 才能实现，对于没有升级的应用应该怎么处理呢？可以使用降级功能。</p>
-<p>所谓降级功能就是 Weex 无法运行的版本或者手机，可以用 Weex h5 来代替。</p>
-<p>Native 端可以通过接口 WXSDKInstance 中的 onFailed 回调进行处理，如果是主动降级则返回的错误 domain 为 <code>TemplateErrorType</code>，Native 端可以跳转到对应的 H5 页面，或者用其他的方式提示用户当前环境不支持 Weex。</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="/references/ios-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/ios-apis.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/2c2795f2/cn/references/js-service/index.html
----------------------------------------------------------------------
diff --git a/cn/references/js-service/index.html b/cn/references/js-service/index.html
deleted file mode 100644
index 150b5c4..0000000
--- a/cn/references/js-service/index.html
+++ /dev/null
@@ -1,1458 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>JS Service | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="JS Servicev0.9.5+ JS service 和 Weex 实例在 JS runtime 中并行运行。Weex 实例的生命周期可调用 JS service 生命周期。目前提供创建、刷新、销毁生命周期。 重要提醒: JS Service 非常强大但也很危险，请小心使用！ 注册 JS ServiceiOS[WeexSDKEngine registerService:@&quot;SERVI">
-<meta property="og:type" content="website">
-<meta property="og:title" content="JS Service">
-<meta property="og:url" content="https://weex-project.io/cn/references/js-service/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="JS Servicev0.9.5+ JS service 和 Weex 实例在 JS runtime 中并行运行。Weex 实例的生命周期可调用 JS service 生命周期。目前提供创建、刷新、销毁生命周期。 重要提醒: JS Service 非常强大但也很危险，请小心使用！ 注册 JS ServiceiOS[WeexSDKEngine registerService:@&quot;SERVI">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="JS Service">
-<meta name="twitter:description" content="JS Servicev0.9.5+ JS service 和 Weex 实例在 JS runtime 中并行运行。Weex 实例的生命周期可调用 JS service 生命周期。目前提供创建、刷新、销毁生命周期。 重要提醒: JS Service 非常强大但也很危险，请小心使用！ 注册 JS ServiceiOS[WeexSDKEngine registerService:@&quot;SERVI">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/js-service/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/js-service/index.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link current ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link current ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- JS Service
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="JS-Service" class="article-heading"><a href="#JS-Service" class="headerlink" title="JS Service"></a>JS Service<a class="article-anchor" href="#JS-Service" aria-hidden="true"></a></h1><p><span class="weex-version">v0.9.5+</span></p>
-<p>JS service 和 Weex 实例在 JS runtime 中并行运行。Weex 实例的生命周期可调用 JS service 生命周期。目前提供创建、刷新、销毁生命周期。</p>
-<p><strong>重要提醒: JS Service 非常强大但也很危险，请小心使用！</strong></p>
-<h2 id="注册-JS-Service" class="article-heading"><a href="#注册-JS-Service" class="headerlink" title="注册 JS Service"></a>注册 JS Service<a class="article-anchor" href="#注册-JS-Service" aria-hidden="true"></a></h2><h3 id="iOS" class="article-heading"><a href="#iOS" class="headerlink" title="iOS"></a>iOS<a class="article-anchor" href="#iOS" aria-hidden="true"></a></h3><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[WeexSDKEngine registerService:@"SERVICE_NAME" withScript: @"SERVICE_JS_CODE" withOptions: @{}];</div></pre></td></tr></table></figure>
-<h3 id="Android" class="article-heading"><a href="#Android" class="headerlink" title="Android"></a>Android<a class="article-anchor" href="#Android" aria-hidden="true"></a></h3><figure class="highlight java"><table><tr><td class="code"><pre><div class="line">HashMap<String, String> options = <span class="keyword">new</span> HashMap<>()</div><div class="line">options.put(<span class="string">"k1"</span>, <span class="string">"v1"</span>)</div><div class="line">String SERVICE_NAME = <span class="string">"SERVICE_NAME"</span></div><div class="line">String SERVICE_JS_CODE = <span class="string">"SERVICE_JS_CODE"</span></div><div class="line"><span class="keyword">boolean</span> result = WXSDKEngine.registerService(SERVICE_NAME, SERVICE_JS_CODE, options)</div></pre></td></tr></table></figure>
-<h3 id="Web" class="article-heading"><a href="#Web" class="headerlink" title="Web"></a>Web<a class="article-anchor" href="#Web" aria-hidden="true"></a></h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="comment"><!-- 必须在 JSFM 之后加载 --></span></div><div class="line"><span class="tag"><<span class="name">script</span> <span class="attr">src</span>=<span class="string">"SERVICE_JS_CODE_URL"</span>></span><span class="undefined"></span><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<h2 id="编写一个-JS-service" class="article-heading"><a href="#编写一个-JS-service" class="headerlink" title="编写一个 JS service"></a>编写一个 JS service<a class="article-anchor" href="#编写一个-JS-service" aria-hidden="true"></a></h2><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="comment">// options: native inject options</span></div><div class="line"><span class="comment">// options.serviceName is native options name</span></div><div class="line">service.register(options.serviceName, {</div><div class="line"> <span class="comment">/**</span></div><div class="line"> * JS Service lifecycle. JS Service `create` will before then each instance lifecycle `create`. The return param `instance` is Weex protected param. This object will return to instance global. Other params will in the `services` at instance.</div><div class="line"> *</div><div class="line"> * @param {String} id instance
id</div><div class="line"> * @param {Object} env device environment</div><div class="line"> * @return {Object}</div><div class="line"> */</div><div class="line"> create: <span class="function"><span class="keyword">function</span>(<span class="params">id, env, config</span>) </span>{</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">instance</span>: {</div><div class="line"> <span class="attr">InstanceService</span>: <span class="function"><span class="keyword">function</span>(<span class="params">weex</span>) </span>{</div><div class="line"> <span class="keyword">var</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">toast</span>: <span class="function"><span class="keyword">function</span>(<span class="par
ams">title</span>) </span>{</div><div class="line"> modal.toast({ <span class="attr">message</span>: title })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">NormalService</span>: <span class="function"><span class="keyword">function</span>(<span class="params">weex</span>) </span>{</div><div class="line"> <span class="keyword">var</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">toast</span>: <span class="function"><span class="keyword">function</span>(<span class="params">title</span>) </span>{</div><div class="line"> modal.toast({ <span class="attr">message</span>: title })</div><div class="line"> }</d
iv><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"> },</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * JS Service lifecycle. JS Service `refresh` will before then each instance lifecycle `refresh`. If you want to reset variable or something on instance refresh.</div><div class="line"> *</div><div class="line"> * @param {String} id instance id</div><div class="line"> * @param {Object} env device environment</div><div class="line"> */</div><div class="line"> refresh: <span class="function"><span class="keyword">function</span>(<span class="params">id, env, config</span>)</span>{</div><div class="line"></div><div class="line"> },</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * JS Service lifecycle. JS Service `destroy` will before th
en each instance lifecycle `destroy`. You can deleted variable here. If you doesn't detete variable define in JS Service. The variable will always in the js runtime. It's would be memory leak risk.</div><div class="line"> *</div><div class="line"> * @param {String} id instance id</div><div class="line"> * @param {Object} env device environment</div><div class="line"> * @return {Object}</div><div class="line"> */</div><div class="line"> destroy: <span class="function"><span class="keyword">function</span>(<span class="params">id, env</span>) </span>{</div><div class="line"></div><div class="line"> }</div><div class="line">})</div></pre></td></tr></table></figure>
-<h2 id="Using-JS-Service-vuejs" class="article-heading"><a href="#Using-JS-Service-vuejs" class="headerlink" title="Using JS Service (vuejs)"></a>Using JS Service (vuejs)<a class="article-anchor" href="#Using-JS-Service-vuejs" aria-hidden="true"></a></h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"><span class="keyword">var</span> _InstanceService = <span class="keyword">new</span> InstanceService(weex)</div><div class="line"><span class="keyword">var</span> _NormalService = <span class="keyword">new</span> service.normalService(weex)</div><div class="line"></div><div class="line"><span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">created</span>: fucntion() {</div><div class="line"> <span class="comment">// called modal module to toast something</span></div><div class="line
"> _InstanceService.toast(<span class="string">'Instance JS Service'</span>)</div><div class="line"> _NormalService.toast(<span class="string">'Normal JS Service'</span>)</div><div class="line"> }</div><div class="line">}</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-
- </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="/references/js-service/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/js-service/index.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>
[27/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/loading.html
----------------------------------------------------------------------
diff --git a/cn/references/components/loading.html b/cn/references/components/loading.html
deleted file mode 100644
index 5247edb..0000000
--- a/cn/references/components/loading.html
+++ /dev/null
@@ -1,1486 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><loading> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;loading&gt;v0.6.1+ &lt;loading&gt; 为 &lt;scroller&gt; 和 &lt;list&gt; 提供上拉加载功能。用法与特性与 &lt;refresh&gt; 类似， 是 &lt;scroller&gt; 和 &lt;list&gt; 的子组件，且只能在被 &lt;scroller&gt; 和 &lt;list&gt; 包含时才能被正确的渲染。 子">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<loading>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/loading.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;loading&gt;v0.6.1+ &lt;loading&gt; 为 &lt;scroller&gt; 和 &lt;list&gt; 提供上拉加载功能。用法与特性与 &lt;refresh&gt; 类似， 是 &lt;scroller&gt; 和 &lt;list&gt; 的子组件，且只能在被 &lt;scroller&gt; 和 &lt;list&gt; 包含时才能被正确的渲染。 子">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<loading>">
-<meta name="twitter:description" content="&lt;loading&gt;v0.6.1+ &lt;loading&gt; 为 &lt;scroller&gt; 和 &lt;list&gt; 提供上拉加载功能。用法与特性与 &lt;refresh&gt; 类似， 是 &lt;scroller&gt; 和 &lt;list&gt; 的子组件，且只能在被 &lt;scroller&gt; 和 &lt;list&gt; 包含时才能被正确的渲染。 子">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/loading.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/loading.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link current "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link current "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <loading>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-loading-gt" class="article-heading"><a href="#lt-loading-gt" class="headerlink" title="<loading>"></a><loading><a class="article-anchor" href="#lt-loading-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.6.1+</span></p>
-<p><code><loading></code> 为 <code><scroller></code> 和 <code><list></code> 提供上拉加载功能。用法与特性与 <code><refresh></code> 类似， 是 <code><scroller></code> 和 <code><list></code> 的子组件，且只能在被 <code><scroller></code> 和 <code><list></code> 包含时才能被正确的渲染。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><ul>
-<li><a href="./text.html"><code><text></code></a></li>
-<li><a href="./image.html"><code><image></code></a></li>
-<li><code><loading-indicator></code>: <code><refresh></code> 和 <code><loading></code> 组件的子组件，拥有默认的动画效果的实现。</li>
-</ul>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>display {string}</code>：可选值为 <code>show</code> 或者 <code>hide</code>，仅隐藏 <code><indicator></code>，<code><loading></code> 其他子组件依然可见，<code>loading</code> 事件仍会被触发。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p>支持所有通用样式。</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><code>loading</code>：加载时被触发。</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ul>
-<li><code><loading></code> 不支持 <code>remove</code>，v0.9 版本会修复。</li>
-<li><p><code>display</code> 值为 <code>show</code> 或 <code>hide</code>。仅隐藏 <code><indicator></code>，<code><loading></code> 其他子组件依然可见，<code>loading</code> 事件仍会被触发。</p>
-<p>如果需要 <code><loading></code> hide 时隐藏文案并不再触发事件，有两种解决方法：</p>
-<ol>
-<li>修改提示文案，并在 <code>loading</code> 事件中添加判断逻辑；</li>
-<li>v0.9+ 可通过 <code>remove</code> 解决。</li>
-</ol>
-</li>
-<li><p>只能通过 <code>display</code> 特性进行展示和隐藏，且必须成对出现，即设置 <code>display="show"</code>,必须有对应的 <code>display="hide"</code>。</p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<spa
n class="string">"text"</span>></span>{{num}}<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">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">loading</span> <span class="attr">class</span>=<span class="string">"loading"</span> @<span class="attr">loading</span>=<span class="string">"onloading"</span> <span class="attr">:display</span>=<span class="string">"showLoading"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"indicator"</span>></span>Loading ...<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">loading</span>></span></div><div class="line"> <spa
n class="tag"></<span class="name">scroller</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="keyword">const</span> LOADMORE_COUNT = <span class="number">4</span></div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">showLoading</span>: <span class="string">'hide'</span>,</div><div class="line"> <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number
">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> onloading (event) {</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'loading'</span>, <span class="attr">duration</span>: <span class="number">1</span> })</div><div class="line"> <span class="keyword">this</span>.showLoading = <span class="string">'show'</span></div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></span> {</div><div class="line"> <span class="keyword">const</span> length = <span class="keyword">this</span>.lists.length</div><div class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i < length + LOADMORE_COUNT; ++
i) {</div><div class="line"> <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line"> }</div><div class="line"> <span class="keyword">this</span>.showLoading = <span class="string">'hide'</span></div><div class="line"> }, <span class="number">1500</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.panel</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div>
<div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">35px</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"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div
class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.loading</span> {</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.indicator</span> {</div><div class="line"> <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">42px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</d
iv><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/d5c1b2336a703a6e6e47c303af41ffcd" target="_blank" rel="external">Try it</a></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="/references/components/loading.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/loading.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>
[09/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/storage.html b/cn/references/modules/storage.html
deleted file mode 100644
index 5b73044..0000000
--- a/cn/references/modules/storage.html
+++ /dev/null
@@ -1,1506 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>storage | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="storage 本地存储v0.7+ 备注：0.7及以上版本可用 storage 是一个在前端比较常用的模块，可以对本地数据进行存储、修改、删除，并且该数据是永久保存的，除非手动清除或者代码清除。但是，storage 模块有一个限制就是浏览器端（H5）只能存储小于5M的数据，因为在 H5/Web 端的实现是采用 HTML5 LocalStorage API。而 Android 和 iOS 这块是没什">
-<meta property="og:type" content="website">
-<meta property="og:title" content="storage">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/storage.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="storage 本地存储v0.7+ 备注：0.7及以上版本可用 storage 是一个在前端比较常用的模块，可以对本地数据进行存储、修改、删除，并且该数据是永久保存的，除非手动清除或者代码清除。但是，storage 模块有一个限制就是浏览器端（H5）只能存储小于5M的数据，因为在 H5/Web 端的实现是采用 HTML5 LocalStorage API。而 Android 和 iOS 这块是没什">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="storage">
-<meta name="twitter:description" content="storage 本地存储v0.7+ 备注：0.7及以上版本可用 storage 是一个在前端比较常用的模块，可以对本地数据进行存储、修改、删除，并且该数据是永久保存的，除非手动清除或者代码清除。但是，storage 模块有一个限制就是浏览器端（H5）只能存储小于5M的数据，因为在 H5/Web 端的实现是采用 HTML5 LocalStorage API。而 Android 和 iOS 这块是没什">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/storage.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/storage.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link current ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link current ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- storage
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="storage-本地存储" class="article-heading"><a href="#storage-本地存储" class="headerlink" title="storage 本地存储"></a><code>storage</code> 本地存储<a class="article-anchor" href="#storage-本地存储" aria-hidden="true"></a></h1><p><span class="weex-version">v0.7+</span></p>
-<p><strong>备注</strong>：0.7及以上版本可用</p>
-<p><code>storage</code> 是一个在前端比较常用的模块，可以对本地数据进行存储、修改、删除，并且该数据是永久保存的，除非手动清除或者代码清除。但是，<code>storage</code> 模块有一个限制就是浏览器端（H5）只能存储小于5M的数据，因为在 H5/Web 端的实现是采用 <code>HTML5 LocalStorage API</code>。而 Android 和 iOS 这块是没什么限制的。<br> storage 常用在一些被用户经常查询，但是又不频繁更新的数据，比如搜索历史、用户的订单列表等。搜索历史一般情况都是作为本地数据存储的，因此使用 storage 比较合适。而用户订单列表是需要本地存储和服务端器检索配合的场景。当一个用户下单后，会经常查阅个人的订单列表。但是，订单的列表数据不是频繁更新的，往往只有在收到货品时，才更新“已签收”，其余平时的状态是“已发货”。因此，可以使用 storage �
��储订单列表，可以减少服务器的压力，例如减少 SQL 查询或者缓存的压力。当用户查看订单详情的时候，再更新数据状态。</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><p><code>storage</code> 提供了一系列的 API 供我们调用。我们只需要引入该模块，然后调用对应的 API 即可。</p>
-<h3 id="setItem-key-value-callback" class="article-heading"><a href="#setItem-key-value-callback" class="headerlink" title="setItem(key, value, callback)"></a><code>setItem(key, value, callback)</code><a class="article-anchor" href="#setItem-key-value-callback" aria-hidden="true"></a></h3><p>该方法可以通过键值对的形式将数据存储到本地。同时可以通过该方法，更新已有的数据。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>key {string}</code>：要存储的键，不允许是 <code>""</code> 或 <code>null</code></li>
-<li><code>value {string}</code>：要存储的值，不允许是 <code>""</code> 或 <code>null</code></li>
-<li><code>callback {function (e)}</code>：执行操作成功后的回调<ul>
-<li><code>e.result</code>：表示设置是否成功，如果成功返回 <code>"success"</code></li>
-<li><code>e.data</code>：<code>undefined</code> 表示设置成功，<code>invalid_param</code> 表示 key/value 为 <code>""</code> 或者 <code>null</code></li>
-</ul>
-</li>
-</ul>
-<p>这里，对返回值做一个简单的介绍：</p>
-<p><code>e</code> 包含两个属性：<code>e.result</code> 和 <code>e.data</code>。如果 <code>e.result</code> 返回值是 “success”，则说明成功。<code>e.data</code> 返回 <code>undefined</code> 表示设置成功，返回 <code>invalid_param</code> 表示<code>key/value</code> 为 “” 或者 null。因此，你可以判断两个返回判断是否插入成功。</p>
-<h3 id="getItem-key-callback" class="article-heading"><a href="#getItem-key-callback" class="headerlink" title="getItem(key, callback)"></a><code>getItem(key, callback)</code><a class="article-anchor" href="#getItem-key-callback" aria-hidden="true"></a></h3><p>传入键名返回对应的键值</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><code>key {string}</code>：要获取的值的名称，不允许是 <code>""</code> 或 <code>null</code></li>
-<li><code>callback {function (e)}</code>：执行操作成功后的回调<ul>
-<li><code>e.result</code>：表示设置是否成功，如果成功返回 <code>"success"</code></li>
-<li><code>e.data</code>：获取对应的键值字符串，如果没有找到则返回 <code>undefined</code></li>
-</ul>
-</li>
-</ul>
-<h3 id="removeItem-key-callback" class="article-heading"><a href="#removeItem-key-callback" class="headerlink" title="removeItem(key, callback)"></a><code>removeItem(key, callback)</code><a class="article-anchor" href="#removeItem-key-callback" aria-hidden="true"></a></h3><p>传入一个键名将会删除本地存储中对应的键值</p>
-<h4 id="参数-2" class="article-heading"><a href="#参数-2" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-2" aria-hidden="true"></a></h4><ul>
-<li><code>key {string}</code>：要删除的值的名称，不允许是 <code>""</code> 或 <code>null</code></li>
-<li><code>callback {function (e)}</code>：执行操作成功后的回调.<ul>
-<li><code>e.result</code>：表示删除是否成功，如果成功返回 <code>"success"</code></li>
-<li><code>e.data</code>：<code>undefined</code> 表示删除成功</li>
-</ul>
-</li>
-</ul>
-<h3 id="length-callback" class="article-heading"><a href="#length-callback" class="headerlink" title="length(callback)"></a><code>length(callback)</code><a class="article-anchor" href="#length-callback" aria-hidden="true"></a></h3><p>返回本地存储的数据中所有存储项数量的整数</p>
-<h4 id="参数-3" class="article-heading"><a href="#参数-3" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-3" aria-hidden="true"></a></h4><ul>
-<li><code>callback {function (e)}</code>：执行操作成功后的回调<ul>
-<li><code>e.result</code>：表示设置是否成功，如果成功返回 <code>"success"</code></li>
-<li><code>e.data</code>：当前已存储项的数量</li>
-</ul>
-</li>
-</ul>
-<h3 id="getAllKeys-callback" class="article-heading"><a href="#getAllKeys-callback" class="headerlink" title="getAllKeys(callback)"></a><code>getAllKeys(callback)</code><a class="article-anchor" href="#getAllKeys-callback" aria-hidden="true"></a></h3><p>返回一个包含全部已存储项键名的数组</p>
-<h4 id="参数-4" class="article-heading"><a href="#参数-4" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-4" aria-hidden="true"></a></h4><ul>
-<li><code>callback {function (e)}</code>：执行操作成功后的回调。<ul>
-<li><code>e.result</code>：表示设置是否成功，如果成功返回 <code>"success"</code></li>
-<li><code>e.data</code>：所有键名组成的数组</li>
-</ul>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">"list"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group center"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span><span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{state}}<span class="tag"></<span class="na
me">text</span>></span><span class="tag"></<span class="name">div</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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span><span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setItem"</span>></span>set<span class="tag"></<span class="name">text</span>></span><span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span><span cl
ass="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"getItem"</span>></span>get<span class="tag"></<span class="name">text</span>></span><span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span><span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"removeItem"</span>></span>remove<span class="tag"></<span class="name">text</span>></span><span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span><span class="tag"
><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"getAll"</span>></span>all<span class="tag"></<span class="name">text</span>></span><span class="tag"></<span class="name">div</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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> storage = weex.requireModule(<span class="string">'storage'</span>)</div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div clas
s="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">keys</span>: <span class="string">'[]'</span>,</div><div class="line"> <span class="attr">length</span>: <span class="number">0</span>,</div><div class="line"> <span class="attr">state</span>: <span class="string">'----'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> setItem () {</div><div class="line"> storage.setItem(<span class="string">'name'</span>, <span class="string">'Hanks'</span>, event => {</div><div class="line"> <span class="keyword">this</span>.state = <span class="string">'set success'</span></div><div class="line">
<span class="built_in">console</span>.log(<span class="string">'set success'</span>)</div><div class="line"> })</div><div class="line"> },</div><div class="line"> getItem () {</div><div class="line"> storage.getItem(<span class="string">'name'</span>, event => {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'get value:'</span>, event.data)</div><div class="line"> <span class="keyword">this</span>.state = <span class="string">'value: '</span> + event.data</div><div class="line"> })</div><div class="line"> },</div><div class="line"> removeItem () {</div><div class="line"> storage.removeItem(<span class="string">'name'</span>, event => {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'delete value:'</span>, event.data)</div><div class="line"> <span class="keyword">this</span>.st
ate = <span class="string">'deleted'</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> getAll () {</div><div class="line"> storage.getAllKeys(<span class="function"><span class="params">event</span> =></span> {</div><div class="line"> <span class="comment">// modal.toast({ message: event.result })</span></div><div class="line"> <span class="keyword">if</span> (event.result === <span class="string">'success'</span>) {</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'props: '</span> + event.data.join(<span class="string">', '</span>)</div><div class="line"> })</div><div class="line"> }</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line
"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.panel</span> {</div><div class="line"> <span class="attribute">height</span>: <span class="number">100px</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"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(
162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"> <span class="selector-class">.group</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: space-between;</div><div class="line"> <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">50px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.center</span> {</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</
span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">padding-right</span>: <span class="number">25px</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="selector-class">.small</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">padding-right</span>: <span class="number">35px</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><a href="http://dotwe.org/vue/3fdd3e2d1646ca41199d80c7be799858" target="_blank" rel="external">try it</a></p>
-<h2 id="其它参考" class="article-heading"><a href="#其它参考" class="headerlink" title="其它参考"></a>其它参考<a class="article-anchor" href="#其它参考" aria-hidden="true"></a></h2><ul>
-<li><a href="http://www.w3school.com.cn/html5/html_5_webstorage.asp" target="_blank" rel="external">W3school: html5 localStorage</a></li>
-<li><a href="https://github.com/apache/incubator-weex/blob/dev/examples/module/storage-demo.we" target="_blank" rel="external">storage 模块完整的 Demo</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="/references/modules/storage.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/storage.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>
[28/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/list.html
----------------------------------------------------------------------
diff --git a/cn/references/components/list.html b/cn/references/components/list.html
deleted file mode 100644
index dbc2c32..0000000
--- a/cn/references/components/list.html
+++ /dev/null
@@ -1,1541 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><list> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;list&gt;&lt;list&gt; 组件是提供垂直列表功能的核心组件，拥有平滑的滚动和高效的内存管理，非常适合用于长列表的展示。最简单的使用方法是在 &lt;list&gt; 标签内使用一组由简单数组 repeat 生成的 &lt;cell&gt; 标签填充。 子组件&lt;list&gt; 组件支持更多高级功能，由以下子组件提供： &lt;cell&gt; 用于定义列表中的子列表">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<list>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/list.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;list&gt;&lt;list&gt; 组件是提供垂直列表功能的核心组件，拥有平滑的滚动和高效的内存管理，非常适合用于长列表的展示。最简单的使用方法是在 &lt;list&gt; 标签内使用一组由简单数组 repeat 生成的 &lt;cell&gt; 标签填充。 子组件&lt;list&gt; 组件支持更多高级功能，由以下子组件提供： &lt;cell&gt; 用于定义列表中的子列表">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/list_4.jpg">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<list>">
-<meta name="twitter:description" content="&lt;list&gt;&lt;list&gt; 组件是提供垂直列表功能的核心组件，拥有平滑的滚动和高效的内存管理，非常适合用于长列表的展示。最简单的使用方法是在 &lt;list&gt; 标签内使用一组由简单数组 repeat 生成的 &lt;cell&gt; 标签填充。 子组件&lt;list&gt; 组件支持更多高级功能，由以下子组件提供： &lt;cell&gt; 用于定义列表中的子列表">
-<meta name="twitter:image" content="https://weex-project.io/cn/references/images/list_4.jpg">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/list.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/list.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link current "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link current "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <list>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-list-gt" class="article-heading"><a href="#lt-list-gt" class="headerlink" title="<list>"></a><list><a class="article-anchor" href="#lt-list-gt" aria-hidden="true"></a></h1><p><code><list></code> 组件是提供垂直列表功能的核心组件，拥有平滑的滚动和高效的内存管理，非常适合用于长列表的展示。最简单的使用方法是在 <code><list></code> 标签内使用一组由简单数组 <code>repeat</code> 生成的 <code><cell></code> 标签填充。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p><code><list></code> 组件支持更多高级功能，由以下子组件提供：</p>
-<ul>
-<li><p><code><cell></code></p>
-<p>用于定义列表中的子列表项，类似于 HTML 中的 <code>ul</code> 之于 <code>li</code>。Weex 会对 <code><cell></code> 进行高效的内存回收以达到更好的性能。</p>
-<p>使用文档请查看 <a href="./cell.html"><code><cell></code></a>。</p>
-</li>
-<li><p><code>header</code> <sup class="wx-v">0.6.1+</sup></p>
-<p>当 <code><header></code> 到达屏幕顶部时，吸附在屏幕顶部。</p>
-</li>
-<li><p><code><refresh></code></p>
-<p>用于给列表添加下拉刷新的功能。</p>
-<p>使用文档请查看 <a href="./refresh.html"><code><refresh></code></a></p>
-</li>
-<li><p><code><loading></code></p>
-<p><code><loading></code> 用法与特性和 <code><refresh></code> 类似，用于给列表添加上拉加载更多的功能。</p>
-<p>使用文档请查看 <a href="./loading.html"><code><loading></code></a></p>
-</li>
-</ul>
-<p><strong>注意：</strong></p>
-<p><code><list></code> 的子组件只能包括以上四种组件或是 <code>fix</code> 定位的组件，其他形式的组件将不能被正确的渲染。</p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>loadmoreoffset {number}</code>：默认值为 0，触发 <code>loadmore</code> 事件所需要的垂直偏移距离（设备屏幕底部与 <code><list></code> 底部之间的距离）。当 <code><list></code> 的滚动条滚动到足够接近 <code><list></code> 底部时将会触发 <code>loadmore</code> 这个事件。</li>
-<li><p><code>offset-accuracy {number}</code> <sup class="wx-v">0.11+</sup>：控制<code>onscroll</code>事件触发的频率，默认值为10，表示两次<code>onscroll</code>事件之间列表至少滚动了10px。注意，将该值设置为较小的数值会提高滚动事件采样的精度，但同时也会降低页面的性能。</p>
-<p><img src="../images/list_4.jpg" alt="mobile_preview"></p>
-</li>
-<li><p><code>offset-accuracy</code>：默认值是0，触发 <code>scroll</code> 事件所需要的垂直偏移距离。</p>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2></li>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><code>loadmore</code> <sup class="wx-v">0.5+</sup>：如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。</li>
-<li><p><code>onscroll</code> <sup class="wx-v">0.11+</sup>: 列表发生滚动时将会触发该事件，事件的默认抽样率为10px，即列表每滚动10px触发一次，可通过属性<code>offset-accuracy</code>设置抽样率。 </p>
-<p>事件中 event 对象属性：</p>
-<ul>
-<li><code>contentSize {Object}</code>：列表的内容尺寸<ul>
-<li><code>width {number}</code>: 列表内容宽度</li>
-<li><code>height {number}</code>: 列表内容高度</li>
-</ul>
-</li>
-<li><code>contentOffset {Object}</code>: 列表的偏移尺寸<ul>
-<li><code>x {number}</code>: x轴上的偏移量</li>
-<li><code>y {number}</code>: y轴上的偏移量</li>
-</ul>
-</li>
-</ul>
-<p><a href="http://dotwe.org/bc445ede8746a31360e3607d210304c5" target="_blank" rel="external">体验一下</a></p>
-</li>
-<li><p><code>scroll</code> <sup class="wx-v">0.12+</sup>：列表滚动时触发这个事件。此事件回调中会给出当前<code>contentOffset</code>值。</p>
-<p><a href="http://dotwe.org/weex/7ba3b6222d912b4b0b4aafb8248ca22f" target="_blank" rel="external">体验一下</a></p>
-</li>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="扩展" class="article-heading"><a href="#扩展" class="headerlink" title="扩展"></a>扩展<a class="article-anchor" href="#扩展" aria-hidden="true"></a></h2><h3 id="scrollToElement-node-options" class="article-heading"><a href="#scrollToElement-node-options" class="headerlink" title="scrollToElement(node, options)"></a>scrollToElement(node, options)<a class="article-anchor" href="#scrollToElement-node-options" aria-hidden="true"></a></h3><p>滚动到列表某个指定项是常见需求，<code><list></code> 拓展了该功能支持滚动到指定 <code><cell></code>。通过 <code>dom</code> module 访问，更多信息可参考 <a href="../modules/dom.html">dom module</a> 。</p>
-<h3 id="resetLoadmore-0-9" class="article-heading"><a href="#resetLoadmore-0-9" class="headerlink" title="resetLoadmore() 0.9+"></a>resetLoadmore() <sup class="wx-v">0.9+</sup><a class="article-anchor" href="#resetLoadmore-0-9" aria-hidden="true"></a></h3><p>在默认情况下，触发<code>loadmore</code>事件后，如果列表中内容没有发生变更，则下一次滚动到列表末尾时将不会再次触发<code>loadmore</code>事件，你可以通过调用<code>resetLoadmore()</code>方法来打破这一限制，调用该方法后，下一次滚动到列表末尾时将强制触发<code>loadmore</code>。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>node {node}</code>：指定目标节点。</li>
-<li><code>options {Object}</code>：<ul>
-<li><code>offset {number}</code>：一个到其可见位置的偏移距离，默认是 0</li>
-</ul>
-</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ol>
-<li><p><strong>不允许</strong>相同方向的 <code><list></code> 或者 <code><scroller></code> 互相嵌套，换句话说就是嵌套的 <code><list></code>/<code><scroller></code> 必须是不同的方向。</p>
-<p>举个例子，<strong>不允许</strong>一个垂直方向的 <code><list></code> 嵌套的一个垂直方向的 <code><scroller></code> 中，但是一个垂直方向的 <code><list></code> 是可以嵌套的一个水平方向的 list 或者 <code><scroller></code> 中的。</p>
-</li>
-<li><p><code><list></code> 为根节点时无需设置高度，但是内嵌 <code><list></code> 高度<strong>必须可计算</strong>，你可以使用 <code>flex</code> 或 <code>postion</code> 将 <code><list></code> 设为一个响应式高度（例如全屏显示）, 也可以显式设置 <code><list></code> 组件的 <code>height</code> 样式。</p>
-</li>
-</ol>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">list</span> <span class="attr">class</span>=<span class="string">"list"</span> @<span class="attr">loadmore</span>=<span class="string">"fetch"</span> <span class="attr">loadmoreoffset</span>=<span class="string">"10"</span>></span></div><div class="line"> <span class="tag"><<span class="name">cell</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"
</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{num}}<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">cell</span>></span></div><div class="line"> <span class="tag"></<span class="name">list</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="keyword">const</span> LOADMORE_COUNT = <span class=
"number">4</span></div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> fetch (event) {</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'loadmore'</span>, <span class="attr">duration</span>: <span class="number">1</span> })</div><div class="line"></div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></
span> {</div><div class="line"> <span class="keyword">const</span> length = <span class="keyword">this</span>.lists.length</div><div class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i < length + LOADMORE_COUNT; ++i) {</div><div class="line"> <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line"> }</div><div class="line"> }, <span class="number">800</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.panel</span> {</div><div class="line"> <span class="
attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">35px</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"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute
">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</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><a href="http://dotwe.org/vue/d31c85e7cd2dc54fa098e920a5376c38" target="_blank" rel="external">try it</a></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="/references/components/list.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/list.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>
[34/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/common-style.html
----------------------------------------------------------------------
diff --git a/cn/references/common-style.html b/cn/references/common-style.html
deleted file mode 100644
index c2c14f2..0000000
--- a/cn/references/common-style.html
+++ /dev/null
@@ -1,1669 +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 组件都支持以下通用样式规则。 盒模型 Weex 盒模型基于 CSS 盒模型，每个 Weex 元素都可视作一个盒子。我们一般在讨论设计或布局时，会提到「盒模型」这个概念。 盒模型描述了一个元素所占用的空间。每一个盒子有四条边界：外边距边界 margin edge, 边框边界 border edge, 内边距边界 padding edge 与内容边界 content edge。">
-<meta property="og:type" content="website">
-<meta property="og:title" content="通用样式">
-<meta property="og:url" content="https://weex-project.io/cn/references/common-style.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="通用样式所有 Weex 组件都支持以下通用样式规则。 盒模型 Weex 盒模型基于 CSS 盒模型，每个 Weex 元素都可视作一个盒子。我们一般在讨论设计或布局时，会提到「盒模型」这个概念。 盒模型描述了一个元素所占用的空间。每一个盒子有四条边界：外边距边界 margin edge, 边框边界 border edge, 内边距边界 padding edge 与内容边界 content edge。">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/css-boxmodel.png">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/css-flexbox-justify.svg">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/css-flexbox-align.jpg">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/style_1.jpg">
-<meta property="og:image" content="https://weex-project.io/cn/references/images/style_2.jpg">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1KGwIPpXXXXbxXFXXXXXXXXXX-400-205.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="通用样式所有 Weex 组件都支持以下通用样式规则。 盒模型 Weex 盒模型基于 CSS 盒模型，每个 Weex 元素都可视作一个盒子。我们一般在讨论设计或布局时，会提到「盒模型」这个概念。 盒模型描述了一个元素所占用的空间。每一个盒子有四条边界：外边距边界 margin edge, 边框边界 border edge, 内边距边界 padding edge 与内容边界 content edge。">
-<meta name="twitter:image" content="https://weex-project.io/cn/references/images/css-boxmodel.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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/common-style.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/common-style.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link current ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link current ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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>
-<h2 id="盒模型" class="article-heading"><a href="#盒模型" class="headerlink" title="盒模型"></a>盒模型<a class="article-anchor" href="#盒模型" aria-hidden="true"></a></h2><p><img src="./images/css-boxmodel.png" alt="box model @300*"></p>
-<p>Weex 盒模型基于 <a href="https://www.w3.org/TR/css3-box/" target="_blank" rel="external">CSS 盒模型</a>，每个 Weex 元素都可视作一个盒子。我们一般在讨论设计或布局时，会提到「盒模型」这个概念。</p>
-<p>盒模型描述了一个元素所占用的空间。每一个盒子有四条边界：外边距边界 margin edge, 边框边界 border edge, 内边距边界 padding edge 与内容边界 content edge。这四层边界，形成一层层的盒子包裹起来，这就是盒模型大体上的含义。</p>
-<p><strong>注意：</strong><br>Weex 对于长度值目前只支持<em>像素</em>值，不支持相对单位（<code>em</code>、<code>rem</code>）。</p>
-<ul>
-<li><code>width {length}</code>：，默认值 0</li>
-<li><code>height {length}</code>：，默认值 0</li>
-<li><p><code>padding {length}</code>：内边距，内容和边框之间的距离。默认值 0</p>
-<p>可有如下写法：</p>
-<ul>
-<li><code>padding-left {length}</code>：，默认值 0</li>
-<li><code>padding-right {length}</code>：，默认值 0</li>
-<li><code>padding-top {length}</code>：，默认值 0</li>
-<li><code>padding-bottom {length}</code>：，默认值 0</li>
-</ul>
-</li>
-<li><p><code>margin</code>：</p>
-<p>外边距，元素和元素之间的空白距离。值类型为 length，默认值 0</p>
-<p>可有如下写法：</p>
-<ul>
-<li><code>margin-left {length}</code>：，默认值 0</li>
-<li><code>margin-right {length}</code>：，默认值 0</li>
-<li><code>margin-top {length}</code>：，默认值 0</li>
-<li><code>margin-bottom {length}</code>：，默认值 0</li>
-</ul>
-</li>
-<li><p>border：</p>
-<p>设定边框，<code>border</code> 目前不支持类似这样 <code>border: 1 solid #ff0000;</code> 的组合写法。</p>
-<p>可有如下写法：</p>
-<ul>
-<li><p><code>border-style</code>：</p>
-<p>设定边框样式，值类型为 string，可选值为 <code>solid</code> | <code>dashed</code> | <code>dotted</code>，默认值 <code>solid</code></p>
-<p>可有如下写法：</p>
-<ul>
-<li><code>border-left-style {string}</code>：可选值为 <code>solid</code> | <code>dashed</code> | <code>dotted</code>，默认值 <code>solid</code></li>
-<li><code>border-top-style {string}</code>：可选值为 <code>solid</code> | <code>dashed</code> | <code>dotted</code>，默认值 <code>solid</code></li>
-<li><code>border-right-style {string}</code>：可选值为 <code>solid</code> | <code>dashed</code> | <code>dotted</code>，默认值 <code>solid</code></li>
-<li><code>border-bottom-style {string}</code>：可选值为 <code>solid</code> | <code>dashed</code> | <code>dotted</code>，默认值 <code>solid</code></li>
-</ul>
-</li>
-<li><p><code>border-width {length}</code>：</p>
-<p>设定边框宽度，非负值, 默认值 0</p>
-<p>可有如下写法：</p>
-<ul>
-<li><code>border-left-width {length}</code>：，非负值, 默认值 0</li>
-<li><code>border-top-width {length}</code>：，非负值, 默认值 0</li>
-<li><code>border-right-width {length}</code>：，非负值, 默认值 0</li>
-<li><code>border-bottom-width {length}</code>：，非负值, 默认值 0</li>
-</ul>
-</li>
-<li><p><code>border-color {color}</code>：</p>
-<p>设定边框颜色，默认值 <code>#000000</code></p>
-<p>可有如下写法：</p>
-<ul>
-<li><code>border-left-color {color}</code>：，默认值 <code>#000000</code></li>
-<li><code>border-top-color {color}</code>：，默认值 <code>#000000</code></li>
-<li><code>border-right-color {color}</code>：，默认值 <code>#000000</code></li>
-<li><code>border-bottom-color {color}</code>：，默认值 <code>#000000</code></li>
-</ul>
-</li>
-<li><p><code>border-radius {length}</code>：</p>
-<p>设定圆角，默认值 0</p>
-<p>可有如下写法：</p>
-<ul>
-<li><code>border-bottom-left-radius {length}</code>：，非负值, 默认值 0</li>
-<li><code>border-bottom-right-radius {length}</code>：，非负值, 默认值 0</li>
-<li><code>border-top-left-radius {length}</code>：，非负值, 默认值 0</li>
-<li><code>border-top-right-radius {length}</code>：，非负值, 默认值 0</li>
-</ul>
-</li>
-</ul>
-</li>
-</ul>
-<h3 id="注意：" class="article-heading"><a href="#注意：" class="headerlink" title="注意："></a>注意：<a class="article-anchor" href="#注意：" aria-hidden="true"></a></h3><p>Weex 盒模型的 <code>box-sizing</code> 默认为 <code>border-box</code>，即盒子的宽高包含内容、内边距和边框的宽度，不包含外边距的宽度。</p>
-<p>目前在 <code><image></code> 组件上尚无法只定义一个或几个角的 <code>border-radius</code>。比如你无法在这两个组件上使用 <code>border-top-left-radius</code>。该约束只对 iOS 生效，Android 并不受此限制。</p>
-<p>尽管 <code>overflow:hidden</code> 在 Android 上是默认行为，但只有下列条件都满足时，一个父 view 才会去 clip 它的子 view。这个限制只对 Android 生效，iOS 不受影响。</p>
-<ul>
-<li>父view是<code>div</code>, <code>a</code>, <code>cell</code>, <code>refresh</code> 或 <code>loading</code>。</li>
-<li>系统版本是 Android 4.3 或更高。</li>
-<li>系统版本不是 Andorid 7.0。</li>
-<li>父 view 没有 <code>background-image</code> 属性或系统版本是 Android 5.0 或更高。</li>
-</ul>
-<h3 id="示例：" class="article-heading"><a href="#示例：" class="headerlink" title="示例："></a>示例：<a class="article-anchor" href="#示例：" aria-hidden="true"></a></h3><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></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">style</span>=<span class="string">"width: 400px; height: 200px; margin-left: 20px;"</span> <span class="attr">src</span>=<span class="string">"https://g.alicdn.com/mtb/lab-zikuan/0.0.18/weex/weex_logo_blue@3x.png"</span>></span><span class="tag"></<span class="name">image</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></pre></td></tr></table></figure>
-<h2 id="Flexbox" class="article-heading"><a href="#Flexbox" class="headerlink" title="Flexbox"></a>Flexbox<a class="article-anchor" href="#Flexbox" aria-hidden="true"></a></h2><p>Weex 布局模型基于 CSS <a href="http://www.w3.org/TR/css3-flexbox/" target="_blank" rel="external"><code>Flexbox</code></a>，以便所有页面元素的排版能够一致可预测，同时页面布局能适应各种设备或者屏幕尺寸。</p>
-<p>Flexbox 包含 flex 容器和 flex 成员项。如果一个 Weex 元素可以容纳其他元素，那么它就成为 flex 容器。需要注意的是，flexbox 的老版规范相较新版有些出入，比如是否能支持 wrapping。这些都描述在 W3C 的工作草案中了，你需要注意下新老版本之间的不同。另外，老版本只在安卓 4.4 版以下得到支持。</p>
-<h3 id="Flex-容器" class="article-heading"><a href="#Flex-容器" class="headerlink" title="Flex 容器"></a>Flex 容器<a class="article-anchor" href="#Flex-容器" aria-hidden="true"></a></h3><p>在 Weex 中，Flexbox 是默认且唯一的布局模型，所以你不需要手动为元素添加 <code>display: flex;</code> 属性。</p>
-<ul>
-<li><p><code>flex-direction</code>：</p>
-<p>定义了 flex 容器中 flex 成员项的排列方向。可选值为 <code>row</code> | <code>column</code>，默认值为 <code>column</code></p>
-<ul>
-<li><code>column</code>：从上到下排列。</li>
-<li><code>row</code>：从左到右排列。</li>
-</ul>
-</li>
-<li><p><code>justify-content</code>：</p>
-<p>定义了 flex 容器中 flex 成员项在主轴方向上如何排列以处理空白部分。可选值为 <code>flex-start</code> | <code>flex-end</code> | <code>center</code> | <code>space-between</code>，默认值为 <code>flex-start</code>。</p>
-<ul>
-<li><code>flex-start</code>：是默认值，所有的 flex 成员项都排列在容器的前部；</li>
-<li><code>flex-end</code>：则意味着成员项排列在容器的后部；</li>
-<li><code>center</code>：即中间对齐，成员项排列在容器中间、两边留白；</li>
-<li><code>space-between</code>：表示两端对齐，空白均匀地填充到 flex 成员项之间。</li>
-</ul>
-<p><img src="./images/css-flexbox-justify.svg" alt="justify-content @400*"></p>
-</li>
-<li><p><code>align-items</code>：</p>
-<p>定义了 flex 容器中 flex 成员项在纵轴方向上如何排列以处理空白部分。可选值为 <code>stretch</code> | <code>flex-start</code> | <code>center</code> | <code>flex-end</code>，默认值为 <code>stretch</code>。</p>
-<ul>
-<li><code>stretch</code> 是默认值，即拉伸高度至 flex 容器的大小；</li>
-<li><code>flex-start</code> 则是上对齐，所有的成员项排列在容器顶部；</li>
-<li><code>flex-end</code> 是下对齐，所有的成员项排列在容器底部；</li>
-<li><code>center</code> 是中间对齐，所有成员项都垂直地居中显示。</li>
-</ul>
-<p><img src="./images/css-flexbox-align.jpg" alt="align-items @400*"></p>
-</li>
-</ul>
-<h3 id="Flex-成员项" class="article-heading"><a href="#Flex-成员项" class="headerlink" title="Flex 成员项"></a>Flex 成员项<a class="article-anchor" href="#Flex-成员项" aria-hidden="true"></a></h3><p>flex 属性定义了 flex 成员项可以占用容器中剩余空间的大小。如果所有的成员项设置相同的值 <code>flex: 1</code>，它们将平均分配剩余空间. 如果一个成员项设置的值为 <code>flex: 2</code>，其它的成员项设置的值为 <code>flex: 1</code>，那么这个成员项所占用的剩余空间是其它成员项的2倍。</p>
-<ul>
-<li><code>flex {number}</code>：值为 number 类型。</li>
-</ul>
-<h3 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h3><p>一个简单的网格布局。</p>
-<p><img src="images/style_1.jpg" alt="mobile_preview"></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></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">v-for</span>=<span class="string">"(v, i) in list"</span> <span class="attr">class</span>=<span class="string">"row"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">v-for</span>=<span class="string">"(text, k) in v"</span> <span class="attr">class</span>=<span class="string">"item"</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">text</span>></span>{{text}}<span class="tag"></<span class="name">text</span>></span></div><d
iv class="line"> <span class="tag"></<span class="name">div</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">div</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"><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">.item</span>{</div><div class="line"> <span class="attribute">flex</span>:<span class="number">1</span>;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">align-items</span>:center;</div><div class="line"> <span class="attribute">border-width</span>
:<span class="number">1</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.row</span>{</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">height</span>:<span class="number">80px</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">list</span>:[</div><div class="line"> [<span class="string">'A'</s
pan>, <span class="string">'B'</span>, <span class="string">'C'</span>],</div><div class="line"> [<span class="string">'D'</span>, <span class="string">'E'</span>, <span class="string">'F'</span>],</div><div class="line"> [<span class="string">'G'</span>, <span class="string">'H'</span>, <span class="string">'I'</span>]</div><div class="line"> ]</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p>一个在相对于屏幕水平居中，全屏居中的 <code><div></code>。</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">div</span> <span class="attr">class</span>=<span class="string">"box"</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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><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 clas
s="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">right</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">bottom</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#cccccc</span>;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.box</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">height</span>: <span
class="number">200px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#fc0000</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<h2 id="定位" class="article-heading"><a href="#定位" class="headerlink" title="定位"></a>定位<a class="article-anchor" href="#定位" aria-hidden="true"></a></h2><p>Weex 支持 <code>position</code> 定位，用法与 CSS position 类似。为元素设置 <code>position</code> 后，可通过 <code>top</code>、<code>right</code>、<code>bottom</code>、<code>left</code> 四个属性设置元素坐标。</p>
-<ul>
-<li><p><code>position {string}</code>：</p>
-<p>设置定位类型。可选值为 <code>relative</code> | <code>absolute</code> | <code>fixed</code> | <code>sticky</code>，默认值为 <code>relative</code>。</p>
-<ul>
-<li><code>relative</code> 是默认值，指的是相对定位；</li>
-<li><code>absolute</code> 是绝对定位，以元素的容器作为参考系；</li>
-<li><code>fixed</code> 保证元素在页面窗口中的对应位置显示；</li>
-<li><code>sticky</code> 指的是仅当元素滚动到页面之外时，元素会固定在页面窗口的顶部。</li>
-</ul>
-</li>
-<li><code>top {number}</code>：距离上方的偏移量，默认为 0。</li>
-<li><code>bottom {number}</code>：距离下方的偏移量，默认为 0。</li>
-<li><code>left {number}</code>：距离左方的偏移量，默认为 0。</li>
-<li><code>right {number}</code>：距离右方的偏移量，默认为 0。</li>
-</ul>
-<p><strong>注意：</strong></p>
-<ol>
-<li>Weex 目前不支持 <code>z-index</code> 设置元素层级关系，但靠后的元素层级更高，因此，对于层级高的元素，可将其排列在后面。</li>
-<li>如果定位元素超过容器边界，在 Android 下，超出部分将<strong>不可见</strong>，原因在于 Android 端元素 <code>overflow</code> 默认值为 <code>hidden</code>，但目前 Android 暂不支持设置 <code>overflow: visible</code>。</li>
-</ol>
-<h3 id="示例-1" class="article-heading"><a href="#示例-1" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例-1" aria-hidden="true"></a></h3><p><img src="images/style_2.jpg" alt="mobile_preview"></p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span> <span class="attr">scoped</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">div</span> <span class="attr">class</span>=<span class="string">"box box1"</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">div</span> <span class="attr">class</span>=<span class="string">"box box2"</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">div</span> <span class="attr">class</span>=<span class="string">"box box3"</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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.wrapper</span> {</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">right</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">bottom</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</div><div class="line"> <span class="at
tribute">background-color</span>: <span class="number">#cccccc</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.box</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">400px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">400px</span>;</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.box1</span> {</div><div class="line"> <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">0</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#ff0000</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.box2</span> {</div><div class="line"> <
span class="attribute">top</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#0055dd</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.box3</span> {</div><div class="line"> <span class="attribute">top</span>: <span class="number">300px</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">300px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#00ff49</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<h2 id="transform" class="article-heading"><a href="#transform" class="headerlink" title="transform"></a>transform<a class="article-anchor" href="#transform" aria-hidden="true"></a></h2><p>transform 属性向元素应用 2D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。</p>
-<p>目前支持的 transform 声明格式:</p>
-<ul>
-<li>translate( <number percentage=""> [, <number percentage="">]?)</number></number></li>
-<li>translateX( <number percentage=""> )</number></li>
-<li>translateY( <number percentage=""> )</number></li>
-<li>scale( <number>)</number></li>
-<li>scaleX( <number> )</number></li>
-<li>scaleY( <number> )</number></li>
-<li>rotate( <angle degree=""> )</angle></li>
-<li>transform-origin: number/percentage/keyword(top/left/right/bottom)</li>
-</ul>
-<h3 id="示例-2" class="article-heading"><a href="#示例-2" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例-2" aria-hidden="true"></a></h3><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">div</span> <span class="attr">class</span>=<span class="string">"transform"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>Transformed element<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.transform</span> {</div><div class="line"> <span class="attribute">align-items</span>: center; </div><div class="line"> <span class="attribute">transform</span>: <span class="built_in">translate</span>(150px,200px) <span class="built_in">rotate</span>(20deg);</div><div class="line"> <span class="attribute">transform-origin</span>: <span class="number">0</span> -<span class="number">250px</span>;</div><div class="line"> <span class="attribute">border-color</span>:red;</div><div class="line"> <span class="attribute">border-width</span>:<span class="number">2px</span>;</div><div class="line"> }</div><div class
="line"> <span class="selector-class">.title</span> {<span class="attribute">font-size</span>: <span class="number">48px</span>;}</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<h2 id="伪类-v0-9-5" class="article-heading"><a href="#伪类-v0-9-5" class="headerlink" title="伪类 v0.9.5+"></a>伪类 <span class="api-version">v0.9.5+</span><a class="article-anchor" href="#伪类-v0-9-5" aria-hidden="true"></a></h2><p>Weex 支持四种伪类：<code>active</code>, <code>focus</code>, <code>disabled</code>, <code>enabled</code></p>
-<p>所有组件都支持 <code>active</code>, 但只有 <code>input</code> 组件和 <code>textarea</code> 组件支持 <code>focus</code>, <code>enabled</code>, <code>diabled</code>。</p>
-<h3 id="规则" class="article-heading"><a href="#规则" class="headerlink" title="规则"></a>规则<a class="article-anchor" href="#规则" aria-hidden="true"></a></h3><ul>
-<li><p>同时生效生效的时候，优先级高覆盖优先级低</p>
-<ul>
-<li>例如：<code>input:active:enabled</code> 和 <code>input:active</code> 同时生效，前者覆盖后者</li>
-</ul>
-</li>
-<li><p>互联规则如下所示</p>
-<p><img src="https://img.alicdn.com/tps/TB1KGwIPpXXXXbxXFXXXXXXXXXX-400-205.png" alt="rule"></p>
-</li>
-</ul>
-<h3 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h3><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">image</span> <span class="attr">:src</span>=<span class="string">"logoUrl"</span> <span class="attr">class</span>=<span class="string">"logo"</span>></span><span class="tag"></<span class="name">image</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
="line"><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">align-items</span>: center;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">120px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">48px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.logo</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">360px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">82px</span>;</div><div class="line"> <span class="attribute">background-color</span>: red;</div><di
v class="line"> }</div><div class="line"> <span class="selector-class">.logo</span><span class="selector-pseudo">:active</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">180px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">82px</span>;</div><div class="line"> <span class="attribute">background-color</span>: green;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">props</span>: {</div><div class="line"> <span class="attr">logoUrl</span>: {</div><div class="line"> <span class="attr">default</span
>: <span class="string">'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'</span></div><div class="line"> },</div><div class="line"> <span class="attr">target</span>: {</div><div class="line"> <span class="attr">default</span>: <span class="string">'World'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> update (e) {</div><div class="line"> <span class="keyword">this</span>.target = <span class="string">'Weex'</span>;</div><div class="line"> }</div><div class="line"> }</div><div class="line"> };</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/df2c8f254620d6d30d0906ee75fe5b99" target="_blank" rel="external">试一下</a></p>
-<h2 id="线性渐变-v0-10" class="article-heading"><a href="#线性渐变-v0-10" class="headerlink" title="线性渐变 v0.10+"></a>线性渐变 <span class="api-version">v0.10+</span><a class="article-anchor" href="#线性渐变-v0-10" aria-hidden="true"></a></h2><p>Weex 支持线性渐变背景，具体介绍可参考 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients" target="_blank" rel="external">W3C description of the gradient</a>。</p>
-<p>所有组件均支持线性渐变。</p>
-<h3 id="使用" class="article-heading"><a href="#使用" class="headerlink" title="使用"></a>使用<a class="article-anchor" href="#使用" aria-hidden="true"></a></h3><p> 你可以通过 <code>background-image</code> 属性创建线性渐变。</p>
-<figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-tag">background-image</span>: <span class="selector-tag">linear-gradient</span>(<span class="selector-tag">to</span> <span class="selector-tag">top</span>,<span class="selector-id">#a80077</span>,<span class="selector-id">#66ff00</span>);</div></pre></td></tr></table></figure>
-<p>目前暂不支持 <code>radial-gradient</code>（径向渐变）。</p>
-<p>Weex 目前只支持两种颜色的渐变，渐变方向如下：</p>
-<ul>
-<li>to right<br>从左向右渐变</li>
-<li>to left<br>从右向左渐变</li>
-<li>to bottom<br>从上到下渐变</li>
-<li>to top<br>从下到上渐变</li>
-<li>to bottom right<br>从左上角到右下角</li>
-<li>to top left<br>从右下角到左上角</li>
-</ul>
-<h3 id="Note" class="article-heading"><a href="#Note" class="headerlink" title="Note"></a>Note<a class="article-anchor" href="#Note" aria-hidden="true"></a></h3><ul>
-<li><code>background-image</code> 优先级高于 <code>background-color</code>，这意味着同时设置 <code>background-image</code> 和 <code>background-color</code>，<code>background-color</code> 被覆盖。</li>
-<li>不要使用 <code>background</code> 简写.</li>
-</ul>
-<h3 id="示例-3" class="article-heading"><a href="#示例-3" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例-3" aria-hidden="true"></a></h3><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">scroller</span> <span class="attr">style</span>=<span class="string">"background-color: #3a3a3a"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to right,#a80077,#66ff00);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>></span>to right<span class="tag"></<span cla
ss="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">div</span> <span class="attr">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to left,#a80077,#66ff00);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>></span>to left<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">div</span> <span class="attr">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to bottom,#a80077,#66ff
00);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>></span>to bottom<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">div</span> <span class="attr">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to top,#a80077,#66ff00);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>></span>to top<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 cl
ass="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row;align-items: center;justify-content: center"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"container2"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to bottom right,#a80077,#66ff00);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>></span>to bottom right<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">div</span> <span class="attr">class</span>=<span class="string">"container2"</span> <span class="attr">style</spa
n>=<span class="string">"background-image:linear-gradient(to top left,#a80077,#66ff00);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>></span>to top left<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">div</span>></span></div><div class="line"> <span class="tag"></<span class="name">scroller</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.container1</span> {</div><div class="line"> <span class="attribute">margin</span>: <span class="number
">10px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">730px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">border</span>: solid;</div><div class="line"> <span class="attribute">border-radius</span>: <span class="number">10px</span>;</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="selector-class">.container2</span> {</div><div class="line"> <span class="attribute">margin</span>: <span class="number">10px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">300px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">300px</span>;</d
iv><div class="line"> <span class="attribute">align-items</span>: center;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">border</span>: solid;</div><div class="line"> <span class="attribute">border-radius</span>: <span class="number">10px</span>;</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="selector-class">.direction</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">color</span>: white;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<h2 id="阴影-box-shadow-v0-11" class="article-heading"><a href="#阴影-box-shadow-v0-11" class="headerlink" title="阴影(box-shadow) v0.11+"></a>阴影(box-shadow) <span class="api-version">v0.11+</span><a class="article-anchor" href="#阴影-box-shadow-v0-11" aria-hidden="true"></a></h2><p>Weex 支持阴影属性：<code>active</code>, <code>focus</code>, <code>disabled</code>, <code>enabled</code> <code>inset(可选)</code>,<code>offset-x</code>,<code>offset-y</code>, <code>blur-radius</code>,<code>color</code></p>
-<h3 id="注意" class="article-heading"><a href="#注意" class="headerlink" title="注意"></a>注意<a class="article-anchor" href="#注意" aria-hidden="true"></a></h3><ul>
-<li>box-shadow仅仅支持iOS</li>
-</ul>
-<h3 id="示例-4" class="article-heading"><a href="#示例-4" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例-4" aria-hidden="true"></a></h3><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">div</span> <span class="attr">style</span>=<span class="string">"width:400px; height:60px;background-color: #FFE4C4; box-shadow:20px 10px rgb(255, 69, 0);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"text-align: center"</span>></span>Hello {{target
5;}<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">div</span> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow: 20px 10px 5px rgba(255, 69, 0, 0.8);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"text-align: center"</span>></span>Hello {{target}}<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">div</span> <span class="attr">style</span>=<span class="strin
g">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:inset 20px 10px 5px rgba(255, 69, 0, 0.8);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"text-align: center"</span>></span>Hello {{target}}<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">div</span> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:inset 20px 10px 5px rgb(255, 69, 0);"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</spa
n> <span class="attr">style</span>=<span class="string">"text-align: center"</span>></span>Hello {{target}}<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">div</span> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:20px 10px 5px black;"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"text-align: center"</span>></span>Hello {{target}}<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">div</span> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:20px 10px 5px #008B00;"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"text-align: center"</span>></span>Hello {{target}}<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span> <span class="attr">scoped</span>></span><span c
lass="css"></span></div><div class="line"> <span class="selector-class">.wrapper</span> {<span class="attribute">align-items</span>: center; <span class="attribute">margin-top</span>: <span class="number">120px</span>;}</div><div class="line"> <span class="selector-class">.title</span> {<span class="attribute">font-size</span>: <span class="number">48px</span>;}</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">logoUrl</s
pan>: <span class="string">'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'</span>,</div><div class="line"> <span class="attr">target</span>: <span class="string">'World'</span></div><div class="line"> };</div><div class="line"> }</div><div class="line"> };</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<h2 id="其他基本样式" class="article-heading"><a href="#其他基本样式" class="headerlink" title="其他基本样式"></a>其他基本样式<a class="article-anchor" href="#其他基本样式" aria-hidden="true"></a></h2><ul>
-<li><code>opacity {number}</code>：取值范围为 [0, 1] 区间。默认值是 1，即完全不透明；0 是完全透明；0.5 是 50% 的透明度。</li>
-<li><code>background-color {color}</code>：设定元素的背景色，可选值为色值，支持RGB（ <code>rgb(255, 0, 0)</code> ）；RGBA（ <code>rgba(255, 0, 0, 0.5)</code> ）；十六进制（ <code>#ff0000</code> ）；精简写法的十六进制（ <code>#f00</code> ）；色值关键字（<code>red</code>），默认值是 <code>transparent</code> 。</li>
-</ul>
-<p><strong>注意：</strong> <a href="./color-names.html">色值的关键字列表</a>。</p>
-<h2 id="上手样式" class="article-heading"><a href="#上手样式" class="headerlink" title="上手样式"></a>上手样式<a class="article-anchor" href="#上手样式" aria-hidden="true"></a></h2><p>如果对于样式写法需要更多上手参考，可参考每个组件的文档中，都有常见的例子可供参考。</p>
-<p>你可以按照以下步骤来规划 Weex 页面的样式。</p>
-<ol>
-<li>全局样式规划：将整个页面分割成合适的模块。</li>
-<li>flex 布局：排列和对齐页面模块。</li>
-<li>定位盒子：定位并设置偏移量。</li>
-<li>细节样式处理：增加特定的具体样式。</li>
-</ol>
-
- </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="/references/common-style.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/common-style.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>
[17/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/jsfm-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/jsfm-apis.html b/cn/references/jsfm-apis.html
deleted file mode 100644
index 5e0e8b4..0000000
--- a/cn/references/jsfm-apis.html
+++ /dev/null
@@ -1,1467 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>JS Framework APIs | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API 是 Weex 实例间通信的解决方案。 参考 BroadcastChannel specification. MessageEvent specification API postMessage(message): 通过消息通道发送特定消息给其他 BroadcastChannel">
-<meta property="og:type" content="website">
-<meta property="og:title" content="JS Framework APIs">
-<meta property="og:url" content="https://weex-project.io/cn/references/jsfm-apis.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API 是 Weex 实例间通信的解决方案。 参考 BroadcastChannel specification. MessageEvent specification API postMessage(message): 通过消息通道发送特定消息给其他 BroadcastChannel">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="JS Framework APIs">
-<meta name="twitter:description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API 是 Weex 实例间通信的解决方案。 参考 BroadcastChannel specification. MessageEvent specification API postMessage(message): 通过消息通道发送特定消息给其他 BroadcastChannel">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/jsfm-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/jsfm-apis.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link current ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link current ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- JS Framework APIs
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="JS-Framework-APIs" class="article-heading"><a href="#JS-Framework-APIs" class="headerlink" title="JS Framework APIs"></a>JS Framework APIs<a class="article-anchor" href="#JS-Framework-APIs" aria-hidden="true"></a></h1><h2 id="BroadcastChannel-v0-9" class="article-heading"><a href="#BroadcastChannel-v0-9" class="headerlink" title="BroadcastChannel v0.9+"></a>BroadcastChannel <span class="api-version">v0.9+</span><a class="article-anchor" href="#BroadcastChannel-v0-9" aria-hidden="true"></a></h2><p><code>BroadcastChannel</code> API 是 Weex 实例间通信的解决方案。</p>
-<h3 id="参考" class="article-heading"><a href="#参考" class="headerlink" title="参考"></a>参考<a class="article-anchor" href="#参考" aria-hidden="true"></a></h3><ul>
-<li><a href="https://html.spec.whatwg.org/multipage/comms.html#broadcasting-to-other-browsing-contexts" target="_blank" rel="external">BroadcastChannel specification</a>.</li>
-<li><a href="https://html.spec.whatwg.org/multipage/comms.html#messageevent" target="_blank" rel="external">MessageEvent specification</a></li>
-</ul>
-<h3 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h3><ul>
-<li><code>postMessage(message)</code>: 通过消息通道发送特定消息给其他 BroadcastChannel 对象。</li>
-<li><code>close</code>: 关闭 BroadcastChannel 对象，以便垃圾回收。</li>
-<li><code>onmessage</code>: Event 处理函数, 当 BroadcastChannel 对象接收到消息时触发。</li>
-</ul>
-<h3 id="使用" class="article-heading"><a href="#使用" class="headerlink" title="使用"></a>使用<a class="article-anchor" href="#使用" aria-hidden="true"></a></h3><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">const</span> Stack = <span class="keyword">new</span> BroadcastChannel(<span class="string">'Avengers'</span>)</div><div class="line">Stack.onmessage = <span class="function"><span class="keyword">function</span> (<span class="params">event</span>) </span>{</div><div class="line"> <span class="built_in">console</span>.log(event.data) <span class="comment">// in this case, it's "Hulk Smash !!!"</span></div><div class="line">}</div><div class="line"></div><div class="line"><span class="comment">// in another instance</span></div><div class="line"><span class="keyword">const</span> Hulk = <span class="keyword">new</span> BroadcastChannel(<span class="string">'Avengers'</span>)</div><div class="line"
>Hulk.postMessage(<span class="string">"Hulk Smash !!!"</span>)</div></pre></td></tr></table></figure>
-<p>运行以上代码，Stack 可以从 Hulk 接收消息。</p>
-<h3 id="注意" class="article-heading"><a href="#注意" class="headerlink" title="注意"></a>注意<a class="article-anchor" href="#注意" aria-hidden="true"></a></h3><p>需要注意的是: <strong> <code>message</code> 如果是一个对象，该对象不会深拷贝。</strong></p>
-<p>参考以下例子</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">const</span> a = <span class="keyword">new</span> BroadcastChannel(<span class="string">'app'</span>)</div><div class="line"><span class="keyword">const</span> b = <span class="keyword">new</span> BroadcastChannel(<span class="string">'app'</span>)</div><div class="line"></div><div class="line"><span class="keyword">const</span> message = {</div><div class="line"> <span class="attr">lists</span>: [<span class="string">'A'</span>, <span class="string">'B'</span>]</div><div class="line">}</div><div class="line"></div><div class="line">a.onmessage = <span class="function"><span class="keyword">function</span> (<span class="params">event</span>) </span>{</div><div class="line"></div><div class="line"> <span class="comment">// in this case, event.data is a reference of message</span></div><div class="line"> <span class="built_in">console</span>.assert(event.data
=== message)</div><div class="line"></div><div class="line">}</div><div class="line"></div><div class="line">b.postMessage(message)</div></pre></td></tr></table></figure>
-<p>在这个例子中，<code>event.data</code> 全等于 <code>message</code>。</p>
-<p>与深拷贝相比，这种方式能够提高效率并减少内存消耗。但是，不建议开发者在使用时缓存或修改事件对象 (所有类型的事件处理程序都应该有此限制)。</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="/references/jsfm-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/jsfm-apis.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>
[48/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/contributing.html
----------------------------------------------------------------------
diff --git a/cn/guide/contributing.html b/cn/guide/contributing.html
deleted file mode 100644
index 337a021..0000000
--- a/cn/guide/contributing.html
+++ /dev/null
@@ -1,591 +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 邮件列表 (Mailing List)在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 dev-subscribe@weex.incubator.apache.org 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。 这里需要强调的是 Apache 是一个面向全球的">
-<meta property="og:type" content="website">
-<meta property="og:title" content="如何参与社区">
-<meta property="og:url" content="https://weex-project.io/cn/guide/contributing.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="如何参与社区加入 Weex 邮件列表 (Mailing List)在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 dev-subscribe@weex.incubator.apache.org 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。 这里需要强调的是 Apache 是一个面向全球的">
-<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 邮件列表 (Mailing List)在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 dev-subscribe@weex.incubator.apache.org 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。 这里需要强调的是 Apache 是一个面向全球的">
-
- <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/contributing.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/contributing.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 ">一次撰写，多端运行</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 current ">如何参与社区</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 ">一次撰写，多端运行</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 current ">如何参与社区</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><h2 id="加入-Weex-邮件列表-Mailing-List" class="article-heading"><a href="#加入-Weex-邮件列表-Mailing-List" class="headerlink" title="加入 Weex 邮件列表 (Mailing List)"></a>加入 Weex 邮件列表 (Mailing List)<a class="article-anchor" href="#加入-Weex-邮件列表-Mailing-List" aria-hidden="true"></a></h2><p>在 Weex 官方社区所有的信息都会汇聚于邮件列表。订阅开发邮件列表的方式是发送邮件到 <code>dev-subscribe@weex.incubator.apache.org</code> 然后你的邮箱会收到一封来自 Apache 的回信 (英文)，把 Apache 的这封回信再次回复过去，即可完成订阅。</p>
-<p>这里需要强调的是 Apache 是一个面向全球的全英文的社区，所以我们希望您能够用英文在邮件列表中跟大家交流。</p>
-<p>如果您确实对使用英文存在很大的疑虑或困惑，我们也非常欢迎大家来中文问答平台 <a href="https://segmentfault.com/t/weex" target="_blank" rel="external">SegmentFault</a> 提问，这里有非常多热心的开发者一起讨论和解答 Weex 相关的问题。</p>
-<p>使用邮件列表的另外一个好处是它可以方便大家随时查阅之前的邮件记录: <a href="http://mail-archives.apache.org/mod_mbox/incubator-weex-dev/" target="_blank" rel="external">http://mail-archives.apache.org/mod_mbox/incubator-weex-dev/</a></p>
-<p><em>如果您对邮件列表中的内容已经不再感兴趣，这里也有退订邮件列表的方法: 发送邮件至 <code>dev-unsubscribe@weex.incubator.apache.org</code> 并根据回信的提示进行二次回复确认，完成退订。</em></p>
-<p>除了开发 (dev) 邮件列表，我们还有另外几个的邮件列表供大家查阅：<a href="http://mail-archives.apache.org/mod_mbox/#weex.incubator" target="_blank" rel="external">http://mail-archives.apache.org/mod_mbox/#weex.incubator</a></p>
-<h2 id="分支管理-英" class="article-heading"><a href="#分支管理-英" class="headerlink" title="分支管理 (英)"></a>分支管理 (英)<a class="article-anchor" href="#分支管理-英" aria-hidden="true"></a></h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">master</div><div class="line"> ↑</div><div class="line">dev <--- PR(hotfix/typo/3rd-PR)</div><div class="line"> ↑ PR</div><div class="line">{domain}-feature-{date}</div></pre></td></tr></table></figure>
-<ol>
-<li><code>master</code> branch<ol>
-<li><code>master</code> is the latest (pre-)release branch.</li>
-</ol>
-</li>
-<li><code>dev</code> branch<ol>
-<li><code>dev</code> is the stable developing branch.</li>
-<li><strong><em>It’s RECOMMENDED to commit hotfix (like typo) or feature PR to <code>dev</code></em></strong>.</li>
-</ol>
-</li>
-<li><code>{domain}-feature-{date}</code> branch<ol>
-<li>The branch for a developing iteration, e.g. <code>android-feature-20160607</code> is an android developing iteration which is done at 2016.06.07. <code>{domain}</code> consists of <code>android</code>, <code>ios</code>, <code>jsfm</code> and <code>html5</code>. </li>
-<li><strong>DO NOT commit any PR to such a branch</strong>.</li>
-</ol>
-</li>
-</ol>
-<h3 id="分支命名" class="article-heading"><a href="#分支命名" class="headerlink" title="分支命名"></a>分支命名<a class="article-anchor" href="#分支命名" aria-hidden="true"></a></h3><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">{module}-{action}-{shortName}</div></pre></td></tr></table></figure>
-<ul>
-<li><code>{module}</code>, see <a href="#commit-log">commit log module</a></li>
-<li><code>{action}</code><ul>
-<li><code>feature</code>: checkout from <code>{module}</code> and merge to <code>{module}</code> later. If <code>{module}</code> not exists, merge to <code>dev</code></li>
-<li><code>bugfix</code>: like <code>feature</code>, for bugfix only</li>
-<li><code>hotfix</code>: checkout from <code>master</code> or release <code>tag</code>, merge to <code>master</code> and <code>{module}</code> later. If <code>{module}</code> not exists, merge to <code>dev</code></li>
-</ul>
-</li>
-</ul>
-<p>for example:</p>
-<ul>
-<li><code>android-bugfix-memory</code></li>
-<li><code>jsfm-feature-communication</code></li>
-<li><code>android-hotfix-compute-layout</code></li>
-</ul>
-<h2 id="提交日志格式-英" class="article-heading"><a href="#提交日志格式-英" class="headerlink" title="提交日志格式 (英)"></a>提交日志格式 (英)<a class="article-anchor" href="#提交日志格式-英" aria-hidden="true"></a></h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">{action} [{module}] {description}</div></pre></td></tr></table></figure>
-<ul>
-<li><code>{action}</code><ul>
-<li><code>+</code> add</li>
-<li><code>*</code> update or bugfix</li>
-<li><code>-</code> remove</li>
-</ul>
-</li>
-<li><code>{module}</code><ul>
-<li>Including: android, ios, jsfm, html5, component, doc, website, example, test, all </li>
-</ul>
-</li>
-<li><code>{description}</code><ul>
-<li>Just make it as clear and simple as possible.</li>
-</ul>
-</li>
-</ul>
-<p>for example:</p>
-<ul>
-<li><code>+ [android] close #123, add refreshing for WebView</code></li>
-<li><code>* [doc] fix #123, update video auto-play property</code></li>
-<li><code>- [example] remove abc</code></li>
-</ul>
-<h2 id="发送-Pull-Request-英" class="article-heading"><a href="#发送-Pull-Request-英" class="headerlink" title="发送 Pull Request (英)"></a>发送 Pull Request (英)<a class="article-anchor" href="#发送-Pull-Request-英" aria-hidden="true"></a></h2><p>You can <a href="https://github.com/apache/incubator-weex/compare" target="_blank" rel="external">create pull requests</a> in GitHub.</p>
-<ol>
-<li>First we suggest you have some discussion with the community (commonly in our mailing list) before you code.</li>
-<li>Fork repo from <a href="https://github.com/apache/incubator-weex/" target="_blank" rel="external">https://github.com/apache/incubator-weex/</a></li>
-<li>Finish the job you want to do.</li>
-<li>Create a pull request.</li>
-</ol>
-<h2 id="编码规范-英" class="article-heading"><a href="#编码规范-英" class="headerlink" title="编码规范 (英)"></a>编码规范 (英)<a class="article-anchor" href="#编码规范-英" aria-hidden="true"></a></h2><h3 id="Objective-C" class="article-heading"><a href="#Objective-C" class="headerlink" title="Objective-C"></a>Objective-C<a class="article-anchor" href="#Objective-C" aria-hidden="true"></a></h3><ul>
-<li>Tabs for indentation(not spaces)</li>
-<li><code>*</code> operator goes with the variable name (e.g. Type *variable;)</li>
-<li>Function definitions: place each brace on its own line.</li>
-<li>Other braces: place the open brace on the line preceding the code block; place the close brace on its own line.</li>
-<li>Use <code>#pragma marks</code> to categorize methods into functional groupings and protocol implementations</li>
-<li>Follow other guidelines on <a href="https://github.com/github/objective-c-style-guide" target="_blank" rel="external">GitHub Objective-C Style Guide</a></li>
-</ul>
-<h3 id="Java-amp-Android" class="article-heading"><a href="#Java-amp-Android" class="headerlink" title="Java & Android"></a>Java & Android<a class="article-anchor" href="#Java-amp-Android" aria-hidden="true"></a></h3><ul>
-<li>Use <a href="https://google.github.io/styleguide/javaguide.html" target="_blank" rel="external">Google Java Style</a> as basic guidelines of java code.</li>
-<li>Follow <a href="https://source.android.com/source/code-style.html" target="_blank" rel="external">AOSP Code Style</a> for rest of android related code style.</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/contributing.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/contributing.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/2c2795f2/cn/guide/images/flow.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/flow.png b/cn/guide/images/flow.png
deleted file mode 100644
index c5a1b61..0000000
Binary files a/cn/guide/images/flow.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut-cli-qrcode.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut-cli-qrcode.png b/cn/guide/images/tut-cli-qrcode.png
deleted file mode 100644
index 9068c14..0000000
Binary files a/cn/guide/images/tut-cli-qrcode.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut-first.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut-first.png b/cn/guide/images/tut-first.png
deleted file mode 100644
index c8505e6..0000000
Binary files a/cn/guide/images/tut-first.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut-second.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut-second.png b/cn/guide/images/tut-second.png
deleted file mode 100644
index 1259abf..0000000
Binary files a/cn/guide/images/tut-second.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut1.jpg
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut1.jpg b/cn/guide/images/tut1.jpg
deleted file mode 100644
index 8af0f3f..0000000
Binary files a/cn/guide/images/tut1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut2.jpg
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut2.jpg b/cn/guide/images/tut2.jpg
deleted file mode 100644
index c3e8a6e..0000000
Binary files a/cn/guide/images/tut2.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut3.png
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut3.png b/cn/guide/images/tut3.png
deleted file mode 100644
index 5473905..0000000
Binary files a/cn/guide/images/tut3.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/images/tut4.gif
----------------------------------------------------------------------
diff --git a/cn/guide/images/tut4.gif b/cn/guide/images/tut4.gif
deleted file mode 100644
index eed4395..0000000
Binary files a/cn/guide/images/tut4.gif and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/index.html b/cn/guide/index.html
deleted file mode 100644
index a9c90e7..0000000
--- a/cn/guide/index.html
+++ /dev/null
@@ -1,524 +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 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。 Vue 是什么？Vue.js 是 Evan You 开">
-<meta property="og:type" content="website">
-<meta property="og:title" content="快速上手">
-<meta property="og:url" content="https://weex-project.io/cn/guide/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="快速上手Weex 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。 Vue 是什么？Vue.js 是 Evan You 开">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
-<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 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。 Vue 是什么？Vue.js 是 Evan You 开">
-<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
-
- <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/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/index.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 current ">快速上手</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 ">一次撰写，多端运行</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 current ">快速上手</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 ">一次撰写，多端运行</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 是一套简单易用的跨平台开发方案，能以 web 的开发体验构建高性能、可扩展的 native 应用，为了做到这些，Weex 与 Vue 合作，使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。</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 是 Evan You 开发的渐进式 JavaScript 框架。开发者能够通过撰写 <code>*.vue</code> 文件，基于 <code><template></code>, <code><style></code>, <code><script></code> 快速构建组件化的 web 应用。</p>
-<h2 id="Hello-World" class="article-heading"><a href="#Hello-World" class="headerlink" title="Hello World"></a>Hello World<a class="article-anchor" href="#Hello-World" aria-hidden="true"></a></h2><p>尝试 Weex 最简单的方法是使用 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a> 和在 <a href="http://dotwe.org" target="_blank" rel="external">dotWe</a> 编写一个 <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">Hello World</a> 例子。你不需要考虑安装开发环境或编写 native 代码，只需要做下面两件事：</p>
-<ul>
-<li>为你的手机安装 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a>，当然，Weex 是跨平台的框架，你依然可以使用浏览器进行预览，只是这样你就无法感受到 native 优秀的体验了。</li>
-<li>在新标签页中打开 <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">Hello World</a> 例子，点击预览，然后用 Playground 扫码即可。</li>
-</ul>
-<p>在这个例子中，我们看到了熟悉的 HTML 语义化标签、CSS 样式和 Javascript 代码。这是一个最简单的 Weex 示例，它在页面中渲染了一个 “Hello World”。请注意，这不是一个 H5 页面，而是 native 的。</p>
-<p><img src="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg" alt="mobile_preview"></p>
-<h3 id="发生了什么？" class="article-heading"><a href="#发生了什么？" class="headerlink" title="发生了什么？"></a>发生了什么？<a class="article-anchor" href="#发生了什么？" aria-hidden="true"></a></h3><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></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{text}}<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="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50</span>;</div><div class=
"line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">text</span>: <span class="string">'Hello World.'</span></div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p>我们暂时不去关心 Weex 的技术细节，仅看大致的代码结构，我们可以看到语法就是我们熟悉的 Vue。你可以修改这个例子，再次扫码尝试。</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/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/index.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/2c2795f2/cn/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/cn/guide/integrate-to-your-app.html b/cn/guide/integrate-to-your-app.html
deleted file mode 100644
index 71bfcf7..0000000
--- a/cn/guide/integrate-to-your-app.html
+++ /dev/null
@@ -1,575 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>集成 Weex 到已有应用 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="集成 Weex 到已有应用集成到 Android注：以下文档都是假设您已经具备一定的Android开发经验。 Android 集成有两种方式 源码依赖：能够快速使用WEEX最新功能，可以根据自己项目的特性进行相关改进。 SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可能需要翻墙 前期准备 已经安装了JDK version&gt;=1.7 并配置了环境变量 已经">
-<meta property="og:type" content="website">
-<meta property="og:title" content="集成 Weex 到已有应用">
-<meta property="og:url" content="https://weex-project.io/cn/guide/integrate-to-your-app.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="集成 Weex 到已有应用集成到 Android注：以下文档都是假设您已经具备一定的Android开发经验。 Android 集成有两种方式 源码依赖：能够快速使用WEEX最新功能，可以根据自己项目的特性进行相关改进。 SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可能需要翻墙 前期准备 已经安装了JDK version&gt;=1.7 并配置了环境变量 已经">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="集成 Weex 到已有应用">
-<meta name="twitter:description" content="集成 Weex 到已有应用集成到 Android注：以下文档都是假设您已经具备一定的Android开发经验。 Android 集成有两种方式 源码依赖：能够快速使用WEEX最新功能，可以根据自己项目的特性进行相关改进。 SDK依赖：WEEX 会在jcenter 定期发布稳定版本。jcenter注:国内可能需要翻墙 前期准备 已经安装了JDK version&gt;=1.7 并配置了环境变量 已经">
-
- <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/integrate-to-your-app.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/integrate-to-your-app.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 current ">集成 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 ">搭建开发环境</a>
- </li>
-
- <li>
- <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">集成 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">
- 集成 Weex 到已有应用
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="集成-Weex-到已有应用" class="article-heading"><a href="#集成-Weex-到已有应用" class="headerlink" title="集成 Weex 到已有应用"></a>集成 Weex 到已有应用<a class="article-anchor" href="#集成-Weex-到已有应用" aria-hidden="true"></a></h1><h2 id="集成到-Android" class="article-heading"><a href="#集成到-Android" class="headerlink" title="集成到 Android"></a>集成到 Android<a class="article-anchor" href="#集成到-Android" aria-hidden="true"></a></h2><p>注：以下文档都是假设您已经具备一定的Android开发经验。</p>
-<h3 id="Android-集成有两种方式" class="article-heading"><a href="#Android-集成有两种方式" class="headerlink" title="Android 集成有两种方式"></a>Android 集成有两种方式<a class="article-anchor" href="#Android-集成有两种方式" aria-hidden="true"></a></h3><ol>
-<li>源码依赖：能够快速使用WEEX最新功能，可以根据自己项目的特性进行相关改进。</li>
-<li>SDK依赖：WEEX 会在jcenter 定期发布稳定版本。<a href="https://bintray.com/alibabaweex/maven/weex_sdk/view" target="_blank" rel="external">jcenter</a><br>注:国内可能需要翻墙</li>
-</ol>
-<h3 id="前期准备" class="article-heading"><a href="#前期准备" class="headerlink" title="前期准备"></a>前期准备<a class="article-anchor" href="#前期准备" aria-hidden="true"></a></h3><ul>
-<li>已经安装了<a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html" target="_blank" rel="external">JDK</a> version>=1.7 并配置了环境变量</li>
-<li>已经安装<a href="https://developer.android.com/studio/index.html" target="_blank" rel="external">Android SDK</a> 并配置环境变量。</li>
-<li>Android SDK version 23 (compileSdkVersion in <a href="https://github.com/apache/incubator-weex/blob/master/android/sdk/build.gradle" target="_blank" rel="external"><code>build.gradle</code></a>)</li>
-<li>SDK build tools version 23.0.1 (buildToolsVersion in <a href="https://github.com/apache/incubator-weex/blob/master/android/sdk/build.gradle" target="_blank" rel="external"><code>build.gradle</code></a>)</li>
-<li>Android Support Repository >= 17 (for Android Support Library)</li>
-</ul>
-<h3 id="快速接入" class="article-heading"><a href="#快速接入" class="headerlink" title="快速接入"></a>快速接入<a class="article-anchor" href="#快速接入" aria-hidden="true"></a></h3><p>如果你是尝鲜或者对稳定性要求比较高可以使用依赖SDK的方式。<br>步骤如下： </p>
-<ol>
-<li>创建Android工程，没有什么要特别说明的，按照你的习惯来。</li>
-<li><p>修改build.gradle 加入如下基础依赖 </p>
-<figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">compile</span> <span class="string">'com.android.support:recyclerview-v7:23.1.1'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.android.support:support-v4:23.1.1'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.android.support:appcompat-v7:23.1.1'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.alibaba:fastjson:1.1.46.android'</span></div><div class="line"><span class="keyword">compile</span> <span class="string">'com.taobao.android:weex_sdk:0.5.1@aar'</span></div></pre></td></tr></table></figure>
-<p>注:版本可以高不可以低。 </p>
-</li>
-</ol>
-<h4 id="代码实现" class="article-heading"><a href="#代码实现" class="headerlink" title="代码实现"></a>代码实现<a class="article-anchor" href="#代码实现" aria-hidden="true"></a></h4><p>注:附录中有完整代码地址</p>
-<ul>
-<li>实现图片下载接口，初始化时设置。</li>
-</ul>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">package</span> com.weex.sample;</div><div class="line"></div><div class="line"><span class="keyword">import</span> android.widget.ImageView;</div><div class="line"></div><div class="line"><span class="keyword">import</span> com.taobao.weex.adapter.IWXImgLoaderAdapter;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.common.WXImageStrategy;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.dom.WXImageQuality;</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * Created by lixinke on 16/6/1.</div><div class="line"> */</div><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">ImageAdapter</span> <span class="keyword">implements</span> <span class="title">IWXImgLoaderAdapter</span> </span>{</div><div cl
ass="line"></div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setImage</span><span class="params">(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy)</span> </span>{</div><div class="line"> <span class="comment">//实现你自己的图片下载，否则图片无法显示。</span></div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<ul>
-<li>初始化</li>
-</ul>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">package</span> com.weex.sample;</div><div class="line"></div><div class="line"><span class="keyword">import</span> android.app.Application;</div><div class="line"></div><div class="line"><span class="keyword">import</span> com.taobao.weex.InitConfig;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.WXSDKEngine;</div><div class="line"></div><div class="line"><span class="comment">/**</span></div><div class="line"> * 注意要在Manifest中设置android:name=".WXApplication"</div><div class="line"> * 要实现ImageAdapter 否则图片不能下载</div><div class="line"> * gradle 中一定要添加一些依赖，否则初始化会失败。</div><div class="line"> * compile 'com.android.support:recyclerview-v7:23.1.1'</div><div class="line"> * compile 'com.android.support:support-v4:23.1.1'</div><div class="line"> * compile 'com.android.support:appcompat-v7:2
3.1.1'</div><div class="line"> * compile 'com.alibaba:fastjson:1.1.45'</div><div class="line"> */</div><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">WXApplication</span> <span class="keyword">extends</span> <span class="title">Application</span> </span>{</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onCreate</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onCreate();</div><div class="line"> InitConfig config=<span class="keyword">new</span> InitConfig.Builder().setImgAdapter(<span class="keyword">new</span> ImageAdapter()).build();</div><div class="line"> WXSDKEngine.initialize(<span class="keyword">this</span>,config);</div><div class="line"> }</
div><div class="line">}</div></pre></td></tr></table></figure>
-<ul>
-<li>开始渲染</li>
-</ul>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">package</span> com.weex.sample;</div><div class="line"></div><div class="line"><span class="keyword">import</span> android.os.Bundle;</div><div class="line"><span class="keyword">import</span> android.support.v7.app.AppCompatActivity;</div><div class="line"><span class="keyword">import</span> android.view.View;</div><div class="line"></div><div class="line"><span class="keyword">import</span> com.taobao.weex.IWXRenderListener;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.WXSDKInstance;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.common.WXRenderStrategy;</div><div class="line"><span class="keyword">import</span> com.taobao.weex.utils.WXFileUtils;</div><div class="line"></div><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MainActivity</span>
<span class="keyword">extends</span> <span class="title">AppCompatActivity</span> <span class="keyword">implements</span> <span class="title">IWXRenderListener</span> </span>{</div><div class="line"></div><div class="line"> WXSDKInstance mWXSDKInstance;</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onCreate</span><span class="params">(Bundle savedInstanceState)</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onCreate(savedInstanceState);</div><div class="line"> setContentView(R.layout.activity_main);</div><div class="line"></div><div class="line"> mWXSDKInstance = <span class="keyword">new</span> WXSDKInstance(<span class="keyword">this</span>);</div><div class="line"> mWXSDKInstance.registerRenderListener(<span class="keyword">this</span>);</div><div class
="line"> <span class="comment">/**</span></div><div class="line"> * WXSample 可以替换成自定义的字符串，针对埋点有效。</div><div class="line"> * template 是.we transform 后的 js文件。</div><div class="line"> * option 可以为空，或者通过option传入 js需要的参数。例如bundle js的地址等。</div><div class="line"> * jsonInitData 可以为空。</div><div class="line"> * width 为-1 默认全屏，可以自己定制。</div><div class="line"> * height =-1 默认全屏，可以自己定制。</div><div class="line"> */</div><div class="line"> mWXSDKInstance.render(<span class="string">"WXSample"</span>, WXFileUtils.loadFileContent(<span class="string">"hello.js"</span>, <span class="keyword">this</span>), <span class="keyword">null</span>, <span class="keyword">null</span>, -<span class="number">1</span>, -<span class="number">1</span>, WXRenderStrategy.APPEND_ASYNC);</div><div class="line"> }</div><div c
lass="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onViewCreated</span><span class="params">(WXSDKInstance instance, View view)</span> </span>{</div><div class="line"> setContentView(view);</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onRenderSuccess</span><span class="params">(WXSDKInstance instance, <span class="keyword">int</span> width, <span class="keyword">int</span> height)</span> </span>{</div><div class="line"></div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">pu
blic</span> <span class="keyword">void</span> <span class="title">onRefreshSuccess</span><span class="params">(WXSDKInstance instance, <span class="keyword">int</span> width, <span class="keyword">int</span> height)</span> </span>{</div><div class="line"></div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onException</span><span class="params">(WXSDKInstance instance, String errCode, String msg)</span> </span>{</div><div class="line"></div><div class="line"> }</div><div class="line"></div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onResume</span><span class="params">()</span> </span>{</d
iv><div class="line"> <span class="keyword">super</span>.onResume();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>){</div><div class="line"> mWXSDKInstance.onActivityResume();</div><div class="line"> }</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onPause</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onPause();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>){</div><div class="line"> mWXSDKInstance.onActivityPause();</div><div class="line"> }</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Overrid
e</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onStop</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onStop();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>){</div><div class="line"> mWXSDKInstance.onActivityStop();</div><div class="line"> }</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">onDestroy</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onDestroy();</div><div class="line"> <span class="keyword">if</span>(mWXSDKInstance!=<span class="keyword">null</span>)&#
123;</div><div class="line"> mWXSDKInstance.onActivityDestroy();</div><div class="line"> }</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<h3 id="源码依赖-IDE-Android-Studio" class="article-heading"><a href="#源码依赖-IDE-Android-Studio" class="headerlink" title="源码依赖(IDE Android Studio)"></a>源码依赖(IDE Android Studio)<a class="article-anchor" href="#源码依赖-IDE-Android-Studio" aria-hidden="true"></a></h3><ol>
-<li>下载源码 <code>git clone https://github.com/alibaba/weex</code></li>
-<li>创建 Android 工程。</li>
-<li>通过以下路径引入 SDK Module<br>File->New-Import Module-> 选择 WEEX SDK Module(weex/android/sdk) -> Finish </li>
-<li>app 的 build.gradle 中添加如下依赖:<code>compile project(':weex_sdk')</code></li>
-<li>其他设置请参考上面快速接入</li>
-</ol>
-<h4 id="附录" class="article-heading"><a href="#附录" class="headerlink" title="附录"></a>附录<a class="article-anchor" href="#附录" aria-hidden="true"></a></h4><p>WXSample地址</p>
-<p><code>https://github.com/xkli/WXSample.git</code></p>
-<h2 id="集成到-iOS" class="article-heading"><a href="#集成到-iOS" class="headerlink" title="集成到 iOS"></a>集成到 iOS<a class="article-anchor" href="#集成到-iOS" aria-hidden="true"></a></h2><h3 id="通过cocoaPods-集成-Weex-iOS-SDK到你的项目" class="article-heading"><a href="#通过cocoaPods-集成-Weex-iOS-SDK到你的项目" class="headerlink" title="通过cocoaPods 集成 Weex iOS SDK到你的项目"></a>通过cocoaPods 集成 Weex iOS SDK到你的项目<a class="article-anchor" href="#通过cocoaPods-集成-Weex-iOS-SDK到你的项目" aria-hidden="true"></a></h3><p>首先假设你已经完成了安装 <a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html" target="_blank" rel="external">iOS 开发环境</a> 和 <a href="https://guides.cocoapods.org/using/getting-started.html" target="_blank" rel="external">CocoaPods</a></p>
-<h4 id="第一步：添加依赖" class="article-heading"><a href="#第一步：添加依赖" class="headerlink" title="第一步：添加依赖"></a>第一步：添加依赖<a class="article-anchor" href="#第一步：添加依赖" aria-hidden="true"></a></h4><p>导入 Weex iOS SDK 到你已有的项目, 如果没有，可以<a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html" target="_blank" rel="external">参考</a>新建项目<br>在继续下面内容之前，确保你已有的项目目录有名称为 <code>Podfile</code> 文件，如果没有，创建一个，用文本编辑器打开</p>
-<ul>
-<li><p>集成 framework </p>
-<p>WeexSDK 在 cocoaPods 上最新版本 可以在<a href="https://cocoapods.org/pods/WeexSDK" target="_blank" rel="external">这</a>获取 </p>
-<p>在 <code>Podfile</code> 文件中添加如下内容</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">source 'git@github.com:CocoaPods/Specs.git' </div><div class="line">target 'YourTarget' do</div><div class="line"> platform :ios, '7.0' </div><div class="line"> pod 'WeexSDK', '0.9.5' ## 建议使用WeexSDK新版本 </div><div class="line">end</div></pre></td></tr></table></figure>
-</li>
-<li><p>源码集成</p>
-<p>首先 拷贝 <code>ios/sdk</code> 目录到你已有项目目录 (此处以拷贝到你已有项目的根目录为例子)，然后在 <code>Podfile</code> 文件中添加</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">source 'git@github.com:CocoaPods/Specs.git' </div><div class="line">target 'YourTarget' do</div><div class="line"> platform :ios, '7.0' </div><div class="line"> pod 'WeexSDK', :path=>'./sdk/' </div><div class="line">end</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h4 id="第二步：安装依赖" class="article-heading"><a href="#第二步：安装依赖" class="headerlink" title="第二步：安装依赖"></a>第二步：安装依赖<a class="article-anchor" href="#第二步：安装依赖" aria-hidden="true"></a></h4><p>打开命令行，切换到你已有项目 <code>Podfile</code> 这个文件存在的目录，执行 <code>pod install</code>，没有出现任何错误表示已经完成环境配置。</p>
-<h4 id="第三步：初始化-Weex-环境" class="article-heading"><a href="#第三步：初始化-Weex-环境" class="headerlink" title="第三步：初始化 Weex 环境"></a>第三步：初始化 Weex 环境<a class="article-anchor" href="#第三步：初始化-Weex-环境" aria-hidden="true"></a></h4><p>在 <code>AppDelegate.m</code> 文件中做初始化操作，一般会在 <code>didFinishLaunchingWithOptions</code> 方法中如下添加。</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">//business configuration</div><div class="line">[WXAppConfiguration setAppGroup:@"AliApp"];</div><div class="line">[WXAppConfiguration setAppName:@"WeexDemo"];</div><div class="line">[WXAppConfiguration setAppVersion:@"1.0.0"];</div><div class="line"></div><div class="line">//init sdk enviroment </div><div class="line">[WXSDKEngine initSDKEnviroment];</div><div class="line"></div><div class="line">//register custom module and component，optional</div><div class="line">[WXSDKEngine registerComponent:@"MyView" withClass:[MyViewComponent class]];</div><div class="line">[WXSDKEngine registerModule:@"event" withClass:[WXEventModule class]];</div><div class="line"></div><div class="line">//register the implementation of protocol, optional</div><div class="line">[WXSDKEngine registerHandler:[WXNavigationDefaultImpl new] withProtocol:@protocol(WXNavigationP
rotocol)];</div><div class="line"></div><div class="line">//set the log level </div><div class="line">[WXLog setLogLevel: WXLogLevelAll];</div></pre></td></tr></table></figure>
-<h4 id="第四步：渲染-weex-Instance" class="article-heading"><a href="#第四步：渲染-weex-Instance" class="headerlink" title="第四步：渲染 weex Instance"></a>第四步：渲染 weex Instance<a class="article-anchor" href="#第四步：渲染-weex-Instance" aria-hidden="true"></a></h4><p>Weex 支持整体页面渲染和部分渲染两种模式，你需要做的事情是用指定的 URL 渲染 Weex 的 view，然后添加到它的父容器上，父容器一般都是 viewController。</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">#import <WeexSDK/WXSDKInstance.h></div><div class="line">- (void)viewDidLoad </div><div class="line">{</div><div class="line"> [super viewDidLoad];</div><div class="line"></div><div class="line"> _instance = [[WXSDKInstance alloc] init];</div><div class="line"> _instance.viewController = self;</div><div class="line"> _instance.frame = self.view.frame; </div><div class="line"></div><div class="line"> __weak typeof(self) weakSelf = self;</div><div class="line"> _instance.onCreate = ^(UIView *view) {</div><div class="line"> [weakSelf.weexView removeFromSuperview];</div><div class="line"> weakSelf.weexView = view;</div><div class="line"> [weakSelf.view addSubview:weakSelf.weexView];</div><div class="line"> };</div><div class="line"></div><div class="line"> _instance.onFailed = ^(NSError *error) {</div><div class="line"> //proces
s failure</div><div class="line"> };</div><div class="line"></div><div class="line"> _instance.renderFinish = ^ (UIView *view) {</div><div class="line"> //process renderFinish</div><div class="line"> };</div><div class="line"> NSURL *url = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"js"]</div><div class="line"> [_instance renderWithURL:url options:@{@"bundleUrl":[self.url absoluteString]} data:nil];</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>WXSDKInstance 是很重要的一个类，提供了基础的方法和一些回调，如 <code>renderWithURL</code>, <code>onCreate</code>, <code>onFailed</code> 等，可以参见 <code>WXSDKInstance.h</code> 的声明。</p>
-<h4 id="第五步：销毁-Weex-Instance" class="article-heading"><a href="#第五步：销毁-Weex-Instance" class="headerlink" title="第五步：销毁 Weex Instance"></a>第五步：销毁 Weex Instance<a class="article-anchor" href="#第五步：销毁-Weex-Instance" aria-hidden="true"></a></h4><p> 在 viewController 的 dealloc 阶段 销毁掉 Weex instance，释放内存，避免造成内存泄露。</p>
- <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (void)dealloc</div><div class="line">{</div><div class="line"> [_instance destroyInstance];</div><div class="line">}</div></pre></td></tr></table></figure>
-<h3 id="导入-Weex-SDK-framework-到工程" class="article-heading"><a href="#导入-Weex-SDK-framework-到工程" class="headerlink" title="导入 Weex SDK framework 到工程"></a>导入 Weex SDK framework 到工程<a class="article-anchor" href="#导入-Weex-SDK-framework-到工程" aria-hidden="true"></a></h3><p> 可以通过源码编译出 Weex SDK，可以在新的 feature 或者 bugfix 分支，尝试最新的 feature。</p>
-<p> 参考<a href="https://open.taobao.com/doc2/detail?spm=a219a.7629140.0.0.tFddsV&&docType=1&articleId=104829" target="_blank" rel="external">此处</a>直接导入 weexSDK。</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/integrate-to-your-app.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/integrate-to-your-app.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>
[13/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/dom.html b/cn/references/modules/dom.html
deleted file mode 100644
index e9e43fc..0000000
--- a/cn/references/modules/dom.html
+++ /dev/null
@@ -1,1475 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>dom | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="dom包含如下可以更新 dom 树的 dom API。 这部分API是通过把 virtual-dom 的消息发送到 native 渲染器来做到的。 开发者在日常开发中，唯一可在 .vue 文件中使用的是 scrollToElement。你也可以调用 $scrollTo 方法来使用它 这个页面提及的其他的 API，只在 callNative 进程中的 native 渲染器用。（关于 callNati">
-<meta property="og:type" content="website">
-<meta property="og:title" content="dom">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/dom.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="dom包含如下可以更新 dom 树的 dom API。 这部分API是通过把 virtual-dom 的消息发送到 native 渲染器来做到的。 开发者在日常开发中，唯一可在 .vue 文件中使用的是 scrollToElement。你也可以调用 $scrollTo 方法来使用它 这个页面提及的其他的 API，只在 callNative 进程中的 native 渲染器用。（关于 callNati">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="dom">
-<meta name="twitter:description" content="dom包含如下可以更新 dom 树的 dom API。 这部分API是通过把 virtual-dom 的消息发送到 native 渲染器来做到的。 开发者在日常开发中，唯一可在 .vue 文件中使用的是 scrollToElement。你也可以调用 $scrollTo 方法来使用它 这个页面提及的其他的 API，只在 callNative 进程中的 native 渲染器用。（关于 callNati">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/dom.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/dom.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link current ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link current ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- dom
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="dom" class="article-heading"><a href="#dom" class="headerlink" title="dom"></a>dom<a class="article-anchor" href="#dom" aria-hidden="true"></a></h1><p>包含如下可以更新 dom 树的 dom API。</p>
-<p>这部分API是通过把 virtual-dom 的消息发送到 native 渲染器来做到的。</p>
-<p>开发者在日常开发中，唯一可在 <code>.vue</code> 文件中使用的是 <code>scrollToElement</code>。<br><del>你也可以调用 <code>$scrollTo</code> 方法来使用它</del></p>
-<p>这个页面提及的其他的 API，只在 <code>callNative</code> 进程中的 native 渲染器用。<br>（关于 <code>callNative</code> 进程的进一步介绍，可以在 <a href="../../advanced/how-it-works.html">How it works</a>中的 JS Framework 部分看到 ）</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="scrollToElement-node-options" class="article-heading"><a href="#scrollToElement-node-options" class="headerlink" title="scrollToElement(node, options)"></a>scrollToElement(node, options)<a class="article-anchor" href="#scrollToElement-node-options" aria-hidden="true"></a></h3><p>让页面滚动到那个对应的节点，这个API只能在 <code><scroller></code> 和 <code><list></code> 组件中用。</p>
-<p><del>这个API也能通过调用VM的方法 <code>$scrollTo</code> 来使用（已弃用）</del></p>
-<p>要在你的 <code>.vue</code> 文件中使用这个 API，可以使用 <code>weex.requireModule('dom').scrollToElement</code>。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>node {Node}</code>：你要滚动到的那个节点</li>
-<li><code>options {Object}</code>：如下选项</li>
-<li><code>offset {number}</code>：一个到其可见位置的偏移距离，默认是 <code>0</code></li>
-<li><code>animated {boolean}</code> <sup class="wx-v">0.10+</sup>：是否需要附带滚动动画，默认是<code>true</code></li>
-</ul>
-<h4 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h4><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">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"row"</span> <span class="attr">v-for</span>=<span class="string">"(name, index) in rows"</span> <span class="attr">:ref</span>=<span class="string">"'item'+index"</span>></span></div><div class="line"> <span
class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">:ref</span>=<span class="string">"'text'+index"</span>></span>{{name}}<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">scroller</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto10"</span> <span class="attr">class</span>=<span class="string">"button"</span>></span>Go to 10<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<sp
an class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto20"</span> <span class="attr">class</span>=<span class="string">"button"</span>></span>Go to 20<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">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span clas
s="keyword">return</span> {</div><div class="line"> <span class="attr">rows</span>: []</div><div class="line"> }</div><div class="line"> },</div><div class="line"> created () {</div><div class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>; i < <span class="number">30</span>; i++) {</div><div class="line"> <span class="keyword">this</span>.rows.push(<span class="string">'row '</span> + i)</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> goto10 (count) {</div><div class="line"> <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item10[<span class="number">0</span>]</div><div class="line"> dom.scrollToElement(el, {})</div><div class="line"> },</div><div class="line"> goto20 (co
unt) {</div><div class="line"> <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item20[<span class="number">0</span>]</div><div class="line"> dom.scrollToElement(el, { <span class="attr">offset</span>: <span class="number">0</span> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.scroller</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">border-wid
th</span>: <span class="number">3px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.row</span> {</div><div class="line"> <span class="attribute">height</span>: <span class="number">100px</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"> <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">border-bottom-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-
bottom-style</span>: solid;</div><div class="line"> <span class="attribute">border-bottom-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.group</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="comment">/*justify-content: space-around;*/</span></div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector
-class">.button</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">margin-right</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">bord
er-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/56e0d256cbb26facd958dbd6424f42b2" target="_blank" rel="external">try it</a></p>
-<h3 id="getComponentRect-ref-callback-v0-9-4" class="article-heading"><a href="#getComponentRect-ref-callback-v0-9-4" class="headerlink" title="getComponentRect(ref, callback) v0.9.4+"></a>getComponentRect(ref, callback) <span class="api-version">v0.9.4+</span><a class="article-anchor" href="#getComponentRect-ref-callback-v0-9-4" aria-hidden="true"></a></h3><p>通过标签的 <code>ref</code> 获得其布局信息，返回的信息在 <code>callBack</code> 中，格式参考如下：</p>
-<figure class="highlight"><table><tr><td class="code"><pre><div class="line">{</div><div class="line"> result: true,</div><div class="line"> size: {</div><div class="line"> bottom: 60,</div><div class="line"> height: 15,</div><div class="line"> left: 0,</div><div class="line"> right: 353,</div><div class="line"> top: 45,</div><div class="line"> width: 353</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>如果想要获取到 Weex 容器的布局信息，可以指定 <code>ref='viewport'</code>，调用例子如下：</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 class="attr">style</span>=<span class="string">'margin-top:200px'</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"box"</span> <span class="attr">class</span>=<span class="string">"box"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>></span>Width: {{size.width}}<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 clas
s="string">"info"</span>></span>Height: {{size.height}}<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">"info"</span>></span>Top: {{size.top}}<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">"info"</span>></span>Bottom: {{size.bottom}}<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">"info"</span>></span>Left: {{size.left}}<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">"info"</span>></span>Right: {{size.right}}<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"> </div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info btn"</span> @<span class="attr">click</span>=<span class="string">'click()'</span>></span>{{this.tip}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> </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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascrip
t"></span></div><div class="line"> <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"> </div><div class="line"> <span class="function"><span class="keyword">function</span> <span class="title">round</span>(<span class="params">size</span>) </span>{</div><div class="line"> <span class="keyword">var</span> roundSize = {</div><div class="line"> <span class="string">'width'</span>: <span class="built_in">Math</span>.round(size.width),</div><div class="line"> <span class="string">'height'</span>: <span class="built_in">Math</span>.round(size.height),</div><div class="line"> <span class="string">'top'</span>: <span class="built_in">Math</span>.round(size.top),</div><div class="line"> <span class="string">'bottom'</span>: <span class="built_in">Math</span>.round(size.bottom),</div><div class="line"> <span class="string">'left'</span>: <span class="built_in">Math</span>.rou
nd(size.left),</div><div class="line"> <span class="string">'right'</span>: <span class="built_in">Math</span>.round(size.right)</div><div class="line"> }</div><div class="line"> <span class="keyword">return</span> roundSize</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">size</span>: {</div><div class="line"> <span class="attr">width</span>: <span class="number">0</span>,</div><div class="line"> <span class="attr">height</span>: <span class="number">0</span>,</div><div class="line"> <span class="attr">top</span>: <span class="number">0</span>,</div><div class="line"> <span class="attr">bottom</span>: <span class="number">0</span>,</div><div class="
line"> <span class="attr">left</span>: <span class="number">0</span>,</div><div class="line"> <span class="attr">right</span>: <span class="number">0</span></div><div class="line"> },</div><div class="line"> <span class="attr">ref</span>:<span class="string">"viewport"</span>,</div><div class="line"> <span class="attr">tip</span>:<span class="string">"get box rect"</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> mounted () {</div><div class="line"> <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.ref, option => {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)</div><div class="line"> <span class="keyword">this</span>.size = round.call(<span class="keyword">this</span>,option.size);</div><div class="line"> })</div><div c
lass="line"> },</div><div class="line"> </div><div class="line"> <span class="attr">methods</span>:{</div><div class="line"> <span class="attr">click</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">if</span> (<span class="keyword">this</span>.ref === <span class="string">'viewport'</span>) {</div><div class="line"> <span class="keyword">this</span>.ref = <span class="keyword">this</span>.$refs.box;</div><div class="line"> <span class="keyword">this</span>.tip = <span class="string">"get viewport rect"</span></div><div class="line"> } <span class="keyword">else</span> {</div><div class="line"> <span class="keyword">this</span>.ref = <span class="string">'viewport'</span></div><div class="line"> <span class="keyword">this</span>.tip = <span class="string">"get box rect"</span></div><div cl
ass="line"> }</div><div class="line"> </div><div class="line"> <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.ref, option => {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)</div><div class="line"> <span class="keyword">this</span>.size = round.call(<span class="keyword">this</span>,option.size);</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> </div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.btn</span> {</div><div clas
s="line"> <span class="attribute">margin-top</span>:<span class="number">20px</span>;</div><div class="line"> <span class="attribute">border-width</span>:<span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-radius</span>:<span class="number">10px</span>;</div><div class="line"> <span class="attribute">width</span>:<span class="number">300px</span>;</div><div class="line"> <span class="attribute">margin-left</span>:<span class="number">170px</span>;</div><div class="line"> <span class="attribute">padding-left</span>:<span class="number">35px</span>;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> </div><div class="line"> }</div><div class="line"> <span class="selector-class">.btn</span><span class="selector-pseudo">:active</span> {</div><div c
lass="line"> <span class="attribute">background-color</span>: <span class="number">#8fbc8f</span>;</div><div class="line">22<span class="attribute">border-color</span>: gray;</div><div class="line"> }</div><div class="line"> </div><div class="line"> <span class="selector-class">.box</span> {</div><div class="line"> <span class="attribute">align-items</span>:center;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">350px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">400px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div
class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"> <span class="selector-class">.info</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">top</span>:<span class="number">30px</span>;</div><div class="line"> <span class="attribute">margin-left</span>:<span class="number">20px</span>;</div><div class="line"> <span class="attribute">font-family</span>: Consolas, <span class="string">"Liberation Mono"</span>, Menlo, Courier, monospace;</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 cl
ass="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/d069a9bf0f0781b914f12a9a7b9a1447" target="_blank" rel="external">try it</a></p>
-<h3 id="addRule" class="article-heading"><a href="#addRule" class="headerlink" title="addRule"></a>addRule<a class="article-anchor" href="#addRule" aria-hidden="true"></a></h3><p><code>支持版本:v0.12.0</code></p>
-<p>addRule是可以为dom 添加一条规则，目前支持自定义字体fontFace规则，构建自定义的font-family，可以在<a href="../components/text.html#iconfont">text</a>使用</p>
-<h4 id="fontFace" class="article-heading"><a href="#fontFace" class="headerlink" title="fontFace"></a>fontFace<a class="article-anchor" href="#fontFace" aria-hidden="true"></a></h4><figure class="highlight html"><table><tr><td class="code"><pre><div class="line">var domModule = weex.requireModule('dom');</div><div class="line">domModule.addRule('fontFace', {</div><div class="line"> 'fontFamily': "iconfont2",</div><div class="line"> 'src': "url('http://at.alicdn.com/t/font_1469606063_76593.ttf')"</div><div class="line">});</div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/d96b6f89aadd1d628111c16a30e80482" target="_blank" rel="external">try it</a></p>
-<h2 id="其他" class="article-heading"><a href="#其他" class="headerlink" title="其他"></a>其他<a class="article-anchor" href="#其他" aria-hidden="true"></a></h2><p>dom 还有一些底层接口用于创建 Weex 实例时调用，比如 <code>createBody</code>、<code>updateAttrs</code> 等，但并未开放供外部使用。</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="/references/modules/dom.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/dom.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>
[06/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/webview.html b/cn/references/modules/webview.html
deleted file mode 100644
index 43789cf..0000000
--- a/cn/references/modules/webview.html
+++ /dev/null
@@ -1,1467 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>webview | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="webview一系列的 &lt;web&gt; 组件操作接口。 比如 goBack、goForward、和 reload。webview module 与 &lt;web&gt; 组件共用。 示例查看 简单浏览器 ，一个结合 &lt;web&gt; 组件和 webview module 的示例。 APIgoBack(webElement)加载历史记录里的前一个资源地址。 参数 webElement">
-<meta property="og:type" content="website">
-<meta property="og:title" content="webview">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/webview.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="webview一系列的 &lt;web&gt; 组件操作接口。 比如 goBack、goForward、和 reload。webview module 与 &lt;web&gt; 组件共用。 示例查看 简单浏览器 ，一个结合 &lt;web&gt; 组件和 webview module 的示例。 APIgoBack(webElement)加载历史记录里的前一个资源地址。 参数 webElement">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="webview">
-<meta name="twitter:description" content="webview一系列的 &lt;web&gt; 组件操作接口。 比如 goBack、goForward、和 reload。webview module 与 &lt;web&gt; 组件共用。 示例查看 简单浏览器 ，一个结合 &lt;web&gt; 组件和 webview module 的示例。 APIgoBack(webElement)加载历史记录里的前一个资源地址。 参数 webElement">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/webview.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/webview.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link current ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link current ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- webview
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="webview" class="article-heading"><a href="#webview" class="headerlink" title="webview"></a><code>webview</code><a class="article-anchor" href="#webview" aria-hidden="true"></a></h1><p>一系列的 <code><web></code> 组件操作接口。 比如 <code>goBack</code>、<code>goForward</code>、和 <code>reload</code>。<code>webview</code> module 与 <code><web></code> 组件共用。</p>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><p>查看 <a href="../components/web.html">简单浏览器</a> ，一个结合 <code><web></code> 组件和 <code>webview</code> module 的示例。</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="goBack-webElement" class="article-heading"><a href="#goBack-webElement" class="headerlink" title="goBack(webElement)"></a><code>goBack(webElement)</code><a class="article-anchor" href="#goBack-webElement" aria-hidden="true"></a></h3><p>加载历史记录里的前一个资源地址。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>webElement {Element}</code>：<code><web></code> 组件对象。</li>
-</ul>
-<h3 id="goForward-webElement" class="article-heading"><a href="#goForward-webElement" class="headerlink" title="goForward(webElement)"></a><code>goForward(webElement)</code><a class="article-anchor" href="#goForward-webElement" aria-hidden="true"></a></h3><p>加载历史记录里的下一个资源地址。</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><code>webElement {Element}</code>：<code><web></code> 组件对象。</li>
-</ul>
-<h3 id="reload-webElement" class="article-heading"><a href="#reload-webElement" class="headerlink" title="reload(webElement)"></a><code>reload(webElement)</code><a class="article-anchor" href="#reload-webElement" aria-hidden="true"></a></h3><p>刷新当前页面。</p>
-<h4 id="参数-2" class="article-heading"><a href="#参数-2" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-2" aria-hidden="true"></a></h4><ul>
-<li><code>webElement {Element}</code>：<code><web></code> 组件对象。</li>
-</ul>
-<p><em>注意事项：未来 <code><web></code> 组件的 <code>Element</code> 对象将会支持直接这些方法，届时 <code>webview</code> module 将不再需要</em></p>
-<h2 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h2><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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">input</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">v-model</span>=<span class="string">"value"</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"url"</span> <sp
an class="attr">autofocus</span>=<span class="string">"false"</span>></span><span class="tag"></<span class="name">input</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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"loadURL"</span>></span>LoadURL<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">"button"</span> @<span class="attr">click</span>=<span class="string">"reload"</span>></span>reload<span class="tag"></<span class="name">text</span>></spa
n></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">web</span> <span class="attr">ref</span>=<span class="string">"webview"</span> <span class="attr">:src</span>=<span class="string">"url"</span> <span class="attr">class</span>=<span class="string">"webview"</span> @<span class="attr">pagestart</span>=<span class="string">"start"</span> @<span class="attr">pagefinish</span>=<span class="string">"finish"</span> @<span class="attr">error</span>=<span class="string">"error"</span>></span><span class="tag"></<span class="name">web</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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div
><div class="line"> <span class="keyword">const</span> webview = weex.requireModule(<span class="string">'webview'</span>)</div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span>,</div><div class="line"> <span class="attr">value</span>: <span class="string">'https://m.alibaba.com'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> loadURL (event) {</div><div class="line"> <span class="keyword">this</span>.url = <span class
="keyword">this</span>.value</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword">this</span>.url })</div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></span> {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'will go back'</span> })</div><div class="line"> webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line"> }, <span class="number">10000</span>)</div><div class="line"> },</div><div class="line"> reload (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line"> modal.t
oast({ <span class="attr">message</span>: <span class="string">'reload'</span> })</div><div class="line"> webview.reload(<span class="keyword">this</span>.$refs.webview)</div><div class="line"> },</div><div class="line"> start (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'pagestart'</span> })</div><div class="line"> },</div><div class="line"> finish (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'pagefinish'</span> })</div><div class="line"> },</div><div class="line"> error (event) {</div><div class="line"> <span c
lass="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'error'</span> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.group</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: space-around;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">20px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-c
lass">.input</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#BBBBBB</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.button</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">225px</span>;</div><div class="line"> <span class="attribute">te
xt-align</span>: center;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#D3D3D3</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="selector-class">.webview</span> {</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">750px</span
>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-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><a href="http://dotwe.org/vue/221ff37113a12d692a7a92a100f20162" target="_blank" rel="external">try it</a></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="/references/modules/webview.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/webview.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>
[40/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/index.html b/cn/references/advanced/index.html
deleted file mode 100644
index 21fdc16..0000000
--- a/cn/references/advanced/index.html
+++ /dev/null
@@ -1,1458 +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="高阶知识 iOS 扩展 Android 扩展 HTML5 扩展 JS framework 扩展 集成 Devtools 到 Android 集成 Devtools 到 iOS">
-<meta property="og:type" content="website">
-<meta property="og:title" content="高阶知识">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="高阶知识 iOS 扩展 Android 扩展 HTML5 扩展 JS framework 扩展 集成 Devtools 到 Android 集成 Devtools 到 iOS">
-<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="高阶知识 iOS 扩展 Android 扩展 HTML5 扩展 JS framework 扩展 集成 Devtools 到 Android 集成 Devtools 到 iOS">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/index.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link current ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link current ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><ul>
-<li><a href="./extend-to-ios.html">iOS 扩展</a></li>
-<li><a href="./extend-to-android.html">Android 扩展</a></li>
-<li><a href="./extend-to-html5.html">HTML5 扩展</a></li>
-<li><a href="./extend-jsfm.html">JS framework 扩展</a></li>
-<li><a href="./integrate-devtool-to-android.html">集成 Devtools 到 Android</a></li>
-<li><a href="./integrate-devtool-to-ios.html">集成 Devtools 到 iOS</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="/references/advanced/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/index.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>
[08/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/stream.html b/cn/references/modules/stream.html
deleted file mode 100644
index ad51544..0000000
--- a/cn/references/modules/stream.html
+++ /dev/null
@@ -1,1492 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>stream | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="stream概述以下为 stream 相关的 API，用于实现网络请求。 APIfetch(options, callback[,progressCallback])发起网络请求 参数 options {Object}：请求的一些选项 method {string}：HTTP 方法 GET 或是 POST url {string}：请求的 URL headers {Object}：HTTP 请求">
-<meta property="og:type" content="website">
-<meta property="og:title" content="stream">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/stream.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="stream概述以下为 stream 相关的 API，用于实现网络请求。 APIfetch(options, callback[,progressCallback])发起网络请求 参数 options {Object}：请求的一些选项 method {string}：HTTP 方法 GET 或是 POST url {string}：请求的 URL headers {Object}：HTTP 请求">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="stream">
-<meta name="twitter:description" content="stream概述以下为 stream 相关的 API，用于实现网络请求。 APIfetch(options, callback[,progressCallback])发起网络请求 参数 options {Object}：请求的一些选项 method {string}：HTTP 方法 GET 或是 POST url {string}：请求的 URL headers {Object}：HTTP 请求">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/stream.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/stream.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link current ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link current ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- stream
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="stream" class="article-heading"><a href="#stream" class="headerlink" title="stream"></a>stream<a class="article-anchor" href="#stream" aria-hidden="true"></a></h1><h2 id="概述" class="article-heading"><a href="#概述" class="headerlink" title="概述"></a>概述<a class="article-anchor" href="#概述" aria-hidden="true"></a></h2><p>以下为 stream 相关的 API，用于实现网络请求。</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="fetch-options-callback-progressCallback" class="article-heading"><a href="#fetch-options-callback-progressCallback" class="headerlink" title="fetch(options, callback[,progressCallback])"></a><code>fetch(options, callback[,progressCallback])</code><a class="article-anchor" href="#fetch-options-callback-progressCallback" aria-hidden="true"></a></h3><p>发起网络请求</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><p><code>options {Object}</code>：请求的一些选项</p>
-<ul>
-<li><code>method {string}</code>：HTTP 方法 <code>GET</code> 或是 <code>POST</code></li>
-<li><code>url {string}</code>：请求的 URL</li>
-<li><code>headers {Object}</code>：HTTP 请求头</li>
-<li><code>type {string}</code>：响应类型, <code>json</code>,<code>text</code> 或是 <code>jsonp</code> {在原生实现中其实与 json 相同)</li>
-<li><p><code>body {string}</code>：HTTP 请求体。</p>
-<p><strong>注意：</strong></p>
-<ul>
-<li><code>body</code> 参数仅支持 <code>string</code> 类型的参数，请勿直接传递 <code>JSON</code>，必须先将其转为字符串。</li>
-<li><code>GET</code> 请求不支持 <code>body</code> 方式传递参数，请使用 url 传参。</li>
-</ul>
-</li>
-</ul>
-</li>
-<li><p><code>callback {Function}</code>：响应结果回调，回调函数将收到如下的 <code>response</code> 对象：</p>
-<ul>
-<li><code>status {number}</code>：返回的状态码</li>
-<li><code>ok {boolean}</code>：如果状态码在 200~299 之间就为真。</li>
-<li><code>statusText {string}</code>：状态描述文本</li>
-<li><code>data {Object | string}</code>: 返回的数据，如果请求类型是 <code>json</code> 和 <code>jsonp</code>，则它就是一个 object ，如果不是，则它就是一个 string。</li>
-<li><code>headers {Object}</code>：响应头</li>
-</ul>
-</li>
-<li><code>progressCallback {Function}</code>：关于请求状态的回调。 这个回调函数将在请求完成后就被调用:<ul>
-<li><code>readyState {number}</code>：当前状态<br>state:’1’: 请求连接中<br>opened:’2’: 返回响应头中<br>received:’3’: 正在加载返回数据</li>
-<li><code>status {number}</code>：响应状态码.</li>
-<li><code>length {number}</code>：已经接受到的数据长度. 你可以从响应头中获取总长度</li>
-<li><code>statusText {string}</code>：状态文本</li>
-<li><code>headers {Object}</code>：响应头</li>
-</ul>
-</li>
-</ul>
-<h3 id="注意" class="article-heading"><a href="#注意" class="headerlink" title="注意"></a>注意<a class="article-anchor" href="#注意" aria-hidden="true"></a></h3><ul>
-<li>默认 Content-Type 是 ‘application/x-www-form-urlencoded’。</li>
-<li>如果你需要通过 <code>POST</code> json ， 你需要将 Content-Type 设为 ‘application/json’。</li>
-</ul>
-<h3 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h3><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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>Weex Star :<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">"count"</span>></span>{{weexStar}}<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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>Vue Star :<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">"count"</span>></span>{{vueStar}}<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"> <sp
an 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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">var</span> stream = weex.requireModule(<span class="string">'stream'</span>)</div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">weexStar</span>: <span class="string">'unknown'</span>,</div><div class="line"> <span class="attr">vueStar</span>: <span class="string">'unknown'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"></div><div class="line"> <span class="attr">metho
ds</span>: {</div><div class="line"> getStarCount (repo, callback) {</div><div class="line"> <span class="keyword">return</span> stream.fetch({</div><div class="line"> <span class="attr">method</span>: <span class="string">'GET'</span>,</div><div class="line"> <span class="attr">type</span>: <span class="string">'json'</span>,</div><div class="line"> <span class="attr">url</span>: <span class="string">'https://api.github.com/repos/'</span> + repo</div><div class="line"> }, callback)</div><div class="line"> }</div><div class="line"> },</div><div class="line"> created () {</div><div class="line"> <span class="keyword">this</span>.getStarCount(<span class="string">'alibaba/weex'</span>, res => {</div><div class="line"> <span class="keyword">this</span>.weexStar = res.ok ? res.data.stargazers_count : <span class="string">'(network error)'</span></div><div class="line"> &#
125;)</div><div class="line"> <span class="keyword">this</span>.getStarCount(<span class="string">'vuejs/vue'</span>, res => {</div><div class="line"> <span class="keyword">this</span>.vueStar = res.ok ? res.data.stargazers_count : <span class="string">'(network error)'</span></div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"></div><div class="line"><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">.group</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">40px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.count</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line"> <span class="attribute">font-weight</span>: bold;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">
12px</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><a href="http://dotwe.org/vue/29bbf2d49fc8a204f98240044bbe211a" target="_blank" rel="external">try it</a></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="/references/modules/stream.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/stream.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>
[15/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/migration/migration-from-weex.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/migration-from-weex.html b/cn/references/migration/migration-from-weex.html
deleted file mode 100644
index 2114415..0000000
--- a/cn/references/migration/migration-from-weex.html
+++ /dev/null
@@ -1,1567 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>如何将原有 Weex 项目改造成 Vue 版本 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="如何将原有 Weex 项目改造成 Vue 版本Weex 本身有一套语法规则，和 Vue 本身很相似，现在 Weex 与 Vue 有了官方合作，支持将 Vue 2.x 作为内置的前端框架，我们也推荐大家使用 Vue 2.x 的语法开发原生应用。对于现存旧版的 .we 文件，建议大家将其改造成 Vue 版本。 要解决的问题 将内核切换成 Vue 之后，原先基于 Weex 语法开发的项目将如何过渡到 V">
-<meta property="og:type" content="website">
-<meta property="og:title" content="如何将原有 Weex 项目改造成 Vue 版本">
-<meta property="og:url" content="https://weex-project.io/cn/references/migration/migration-from-weex.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="如何将原有 Weex 项目改造成 Vue 版本Weex 本身有一套语法规则，和 Vue 本身很相似，现在 Weex 与 Vue 有了官方合作，支持将 Vue 2.x 作为内置的前端框架，我们也推荐大家使用 Vue 2.x 的语法开发原生应用。对于现存旧版的 .we 文件，建议大家将其改造成 Vue 版本。 要解决的问题 将内核切换成 Vue 之后，原先基于 Weex 语法开发的项目将如何过渡到 V">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="如何将原有 Weex 项目改造成 Vue 版本">
-<meta name="twitter:description" content="如何将原有 Weex 项目改造成 Vue 版本Weex 本身有一套语法规则，和 Vue 本身很相似，现在 Weex 与 Vue 有了官方合作，支持将 Vue 2.x 作为内置的前端框架，我们也推荐大家使用 Vue 2.x 的语法开发原生应用。对于现存旧版的 .we 文件，建议大家将其改造成 Vue 版本。 要解决的问题 将内核切换成 Vue 之后，原先基于 Weex 语法开发的项目将如何过渡到 V">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/migration/migration-from-weex.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/migration/migration-from-weex.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link current ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link current ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 如何将原有 Weex 项目改造成 Vue 版本
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="如何将原有-Weex-项目改造成-Vue-版本" class="article-heading"><a href="#如何将原有-Weex-项目改造成-Vue-版本" class="headerlink" title="如何将原有 Weex 项目改造成 Vue 版本"></a>如何将原有 Weex 项目改造成 Vue 版本<a class="article-anchor" href="#如何将原有-Weex-项目改造成-Vue-版本" aria-hidden="true"></a></h1><p>Weex 本身有一套语法规则，和 Vue 本身很相似，现在 Weex 与 Vue 有了官方合作，支持将 Vue 2.x 作为内置的前端框架，我们也推荐大家使用 Vue 2.x 的语法开发原生应用。对于现存旧版的 <code>.we</code> 文件，建议大家将其改造成 Vue 版本。</p>
-<h2 id="要解决的问题" class="article-heading"><a href="#要解决的问题" class="headerlink" title="要解决的问题"></a>要解决的问题<a class="article-anchor" href="#要解决的问题" aria-hidden="true"></a></h2><blockquote>
-<p>将内核切换成 Vue 之后，原先基于 Weex 语法开发的项目将如何过渡到 Vue ？</p>
-</blockquote>
-<p>首先需要明确一点：Weex 原有的前端框架也会继续存在于 WeexSDK 中，依然支持 <code>.we</code> 文件格式的写法。</p>
-<p>此外，由于 <code>.we</code> 和 <code>.vue</code> 文件的格式本身就比较接近，所以迁移成本比较小，建议大家将现有 <code>.we</code> 格式的文件都转换成 <code>.vue</code> 格式。我们也推出了相应的工具和方法辅助迁移，在内部也有大量的成功实践，下边将重点介绍一下将 <code>.we</code> 文件转成 <code>.vue</code> 文件的方法。</p>
-<h2 id="第一步，借助工具实现语法转换" class="article-heading"><a href="#第一步，借助工具实现语法转换" class="headerlink" title="第一步，借助工具实现语法转换"></a>第一步，借助工具实现语法转换<a class="article-anchor" href="#第一步，借助工具实现语法转换" aria-hidden="true"></a></h2><p>首先介绍一个工具： <strong><a href="https://github.com/songsiqi/weex-vue-migration" target="_blank" rel="external">weex-vue-migration</a></strong> ，它可以自动将 <code>.we</code> 文件转为 <code>.vue</code> 文件，绝大多数的模板语法都能自动转换，语法差异如下：</p>
-<table>
-<thead>
-<tr>
-<th></th>
-<th>Weex</th>
-<th>Vue</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>生命周期</td>
-<td><code>ready: function() {}</code></td>
-<td><code>mounted: function() {}</code></td>
-</tr>
-<tr>
-<td>条件指令</td>
-<td><code>if="{{!foo}}"</code></td>
-<td><code>v-if="!foo"</code></td>
-</tr>
-<tr>
-<td>循环指令</td>
-<td><code>repeat="{{item in list}}"</code></td>
-<td><code>v-for="item in list"</code></td>
-</tr>
-<tr>
-<td>样式类名</td>
-<td><code>class="btn btn-{{type}}"</code></td>
-<td><code>:class="['btn', 'btn-' + type]"</code></td>
-</tr>
-<tr>
-<td>内联样式</td>
-<td><code>style="color:{{textColor}}"</code></td>
-<td><code>:style="{ color: textColor }"</code></td>
-</tr>
-<tr>
-<td>事件绑定</td>
-<td><code>onclick="handler"</code></td>
-<td><code>@click="handler"</code></td>
-</tr>
-<tr>
-<td>原生事件</td>
-<td><code>onclick="xxx"</code></td>
-<td><code>@click.native="xxx"</code></td>
-</tr>
-<tr>
-<td>数据绑定</td>
-<td><code>src="{{rightItemSrc}}"</code></td>
-<td><code>:src="rightItemSrc"</code></td>
-</tr>
-<tr>
-<td>内容/槽</td>
-<td><code><content></content></code></td>
-<td><code><slot></slot></code></td>
-</tr>
-<tr>
-<td>数据初始化</td>
-<td><code>data: { value: 'x' }</code></td>
-<td><code>data: function() { return { value: 'x' } }</code></td>
-</tr>
-<tr>
-<td>标签 ID</td>
-<td><code>id="xxx"</code></td>
-<td><code>ref="xxx"</code></td>
-</tr>
-<tr>
-<td>获取节点</td>
-<td><code>this.$el('xxx')</code></td>
-<td><code>this.$refs.xxx</code></td>
-</tr>
-</tbody>
-</table>
-<p>想要了解更多语法差异的细节，可以参考这篇文章：<a href="./difference.html">《Weex 和 Vue 2.x 的语法差异》</a> 。</p>
-<h3 id="使用方法" class="article-heading"><a href="#使用方法" class="headerlink" title="使用方法"></a>使用方法<a class="article-anchor" href="#使用方法" aria-hidden="true"></a></h3><p>首先安装工具：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">npm install weex-vue-migration -g</div></pre></td></tr></table></figure>
-<p>转换文件：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">weex-vue-migrate demo.we</div></pre></td></tr></table></figure>
-<p>转换成功后，将会在当前目录下生成 <code>demo.vue</code> 文件，控制台将会有如下输出：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[Success]: Migrate demo.we => demo.vue in 33ms</div><div class="line">Migration finished in 0.035s</div></pre></td></tr></table></figure>
-<p>除了逐个转换 <code>.we</code> 文件以外，<code>weex-vue-migration</code> 还支持批量转换整个目录，参考其<a href="https://github.com/songsiqi/weex-vue-migration/blob/master/README.md" target="_blank" rel="external">说明文档</a>可以了解更详细的使用方法。</p>
-<h3 id="注意事项" class="article-heading"><a href="#注意事项" class="headerlink" title="注意事项"></a>注意事项<a class="article-anchor" href="#注意事项" aria-hidden="true"></a></h3><p>转换工具将不再支持 Weex 中废弃的语法，如果代码中有如下写法，建议先手动修改再做转换。</p>
-<ol>
-<li>忽略 <code>require('@weex-components')</code> 语句，可以通过 npm 包的方式引入外部组件。</li>
-<li>无法转换 <code>repeat="list"</code> 写法，仅支持 <code>repeat="item in list"</code> 格式。</li>
-<li>不支持转换 <code><script type="config"></script></code>，目前 Vue 中不支持原有的降级配置。</li>
-</ol>
-<h2 id="第二步，手动调整代码细节" class="article-heading"><a href="#第二步，手动调整代码细节" class="headerlink" title="第二步，手动调整代码细节"></a>第二步，手动调整代码细节<a class="article-anchor" href="#第二步，手动调整代码细节" aria-hidden="true"></a></h2><p>模板和样式的转换都可以借助工具轻易转换过来，<code><script></code> 中基本的语法也可以转换；但是由于 javascript 的写法比较灵活，仅仅使用工具做转换，并不一定能完美过渡。工具只能处理语法但是理解不了代码中的逻辑，在 Weex 和 Vue 的框架特性存在一些差异，有些差异还是需要手动修改才可以生效。</p>
-<blockquote>
-<p>提示：在代码中使用的“黑科技”越多，项目就越难以转换。</p>
-</blockquote>
-<h3 id="样式单位" class="article-heading"><a href="#样式单位" class="headerlink" title="样式单位"></a>样式单位<a class="article-anchor" href="#样式单位" aria-hidden="true"></a></h3><p>在 <code>.we</code> 文件写样式时，开发者通常都不写长度单位，默认会被视为 <code>px</code>。在新的 Vue 版本的 Web 渲染器中，<code><style></code> 中的样式将会直接转化成 CSS class，如果不写单位、浏览器将无法正确识别，会导致在 Web 端无法正常渲染。Native 环境中不受影响。</p>
-<p>尽管不影响 Native 页面的渲染，也建议给样式长度加上单位 <code>px</code>。</p>
-<h3 id="旧框架中的内置属性" class="article-heading"><a href="#旧框架中的内置属性" class="headerlink" title="旧框架中的内置属性"></a>旧框架中的内置属性<a class="article-anchor" href="#旧框架中的内置属性" aria-hidden="true"></a></h3><ul>
-<li><code>vm._app</code><ul>
-<li><code>vm._app.differ</code></li>
-<li><code>vm._app.doc</code></li>
-<li><code>vm._app.updateActions()</code></li>
-</ul>
-</li>
-</ul>
-<h3 id="事件派发机制" class="article-heading"><a href="#事件派发机制" class="headerlink" title="事件派发机制"></a>事件派发机制<a class="article-anchor" href="#事件派发机制" aria-hidden="true"></a></h3><ul>
-<li><code>$dispatch</code> 、<code>$broadcast</code> 、<code>$call</code> 方法已经废弃。</li>
-<li><code>$emit</code> 行为不一致。</li>
-</ul>
-<p>可以使用 Vuex 管理数据状态。</p>
-<h3 id="直接操作-Virtual-DOM" class="article-heading"><a href="#直接操作-Virtual-DOM" class="headerlink" title="直接操作 Virtual-DOM"></a>直接操作 Virtual-DOM<a class="article-anchor" href="#直接操作-Virtual-DOM" aria-hidden="true"></a></h3><p>Weex 和 Vue 中的 Virtual-DOM 格式并不相同，如果你使用了 <code>this.$el('id')</code> 获取了某个组件的 element 之后，又修改了其中的某些属性或者调用了某些方法，这些操作在 Vue 中很难找到直接的对应写法。</p>
-<p>从另一个角度讲，我们也非常不建议在 Weex 或 Vue 项目中直接操作 Virtual-DOM，这些写法都应该修改。</p>
-<h2 id="调整开发环境和工具" class="article-heading"><a href="#调整开发环境和工具" class="headerlink" title="调整开发环境和工具"></a>调整开发环境和工具<a class="article-anchor" href="#调整开发环境和工具" aria-hidden="true"></a></h2><p>在文件转换完成后，还需要重新调整一下开发环境。</p>
-<h3 id="文件的编译" class="article-heading"><a href="#文件的编译" class="headerlink" title="文件的编译"></a>文件的编译<a class="article-anchor" href="#文件的编译" aria-hidden="true"></a></h3><p><code>weex-loader</code> 同时支持编译 <code>.we</code> 和 <code>.vue</code> 文件，如果你使用的是 <code>webpack</code> 来配置编译环境，将不需要做任何改变就能直接编译 <code>.vue</code> 文件。</p>
-<p>需要注意的是，Vue 本身就是一个独立的前端框架，使用 Vue 编写的项目在 Web 上完全可以不依赖 Weex 容器运行。在这种情况下，需要配置基于 <code>vue-loader</code> 的编译脚本生成适用于 Web 平台 js 文件；然后引入 Vue 格式的 Weex 组件库就可以在 Web 中。</p>
-<h3 id="辅助工具" class="article-heading"><a href="#辅助工具" class="headerlink" title="辅助工具"></a>辅助工具<a class="article-anchor" href="#辅助工具" aria-hidden="true"></a></h3><p>Weex 提供了 <a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">weex-toolkit</a> 的脚手架工具来辅助开发和调试、<a href="https://github.com/weexteam/weex-pack" target="_blank" rel="external">weex-pack</a> 实现打包原生应用；同样在 Vue 中也有 <a href="https://github.com/vuejs/vue-cli" target="_blank" rel="external">vue-cli</a> 脚手架工具。Weex 和 Vue 的工具互相做了适配，建议在创建项目和开发 Vue 项目的时候使用 <code>vue-cli</code> ，在调试时使用 <code>weex-toolkit</code>，在打包原生应用时使用 <code>weex-pack</code> 。</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="/references/migration/migration-from-weex.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/migration/migration-from-weex.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>
[11/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/modal.html b/cn/references/modules/modal.html
deleted file mode 100644
index 56461f0..0000000
--- a/cn/references/modules/modal.html
+++ /dev/null
@@ -1,1498 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>modal | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="modal 模态modal 模块提供了以下展示消息框的 API：toast、alert、confirm 和 prompt。 APItoast(options)toast() 会在一个小浮层里展示关于某个操作的简单反馈。例如，在邮件发送前离开邮编编辑界面，可以触发一个“草稿已保存”的 toast，告知用户以后可以继续编辑。toast 会在显示一段时间之后自动消失。 参数 options {Objec">
-<meta property="og:type" content="website">
-<meta property="og:title" content="modal">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/modal.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="modal 模态modal 模块提供了以下展示消息框的 API：toast、alert、confirm 和 prompt。 APItoast(options)toast() 会在一个小浮层里展示关于某个操作的简单反馈。例如，在邮件发送前离开邮编编辑界面，可以触发一个“草稿已保存”的 toast，告知用户以后可以继续编辑。toast 会在显示一段时间之后自动消失。 参数 options {Objec">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="modal">
-<meta name="twitter:description" content="modal 模态modal 模块提供了以下展示消息框的 API：toast、alert、confirm 和 prompt。 APItoast(options)toast() 会在一个小浮层里展示关于某个操作的简单反馈。例如，在邮件发送前离开邮编编辑界面，可以触发一个“草稿已保存”的 toast，告知用户以后可以继续编辑。toast 会在显示一段时间之后自动消失。 参数 options {Objec">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/modal.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/modal.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link current ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link current ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- modal
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="modal-模态" class="article-heading"><a href="#modal-模态" class="headerlink" title="modal 模态"></a><code>modal</code> 模态<a class="article-anchor" href="#modal-模态" aria-hidden="true"></a></h1><p><code>modal</code> 模块提供了以下展示消息框的 API：<code>toast</code>、<code>alert</code>、<code>confirm</code> 和 <code>prompt</code>。</p>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="toast-options" class="article-heading"><a href="#toast-options" class="headerlink" title="toast(options)"></a><code>toast(options)</code><a class="article-anchor" href="#toast-options" aria-hidden="true"></a></h3><p><code>toast()</code> 会在一个小浮层里展示关于某个操作的简单反馈。例如，在邮件发送前离开邮编编辑界面，可以触发一个“草稿已保存”的 toast，告知用户以后可以继续编辑。toast 会在显示一段时间之后自动消失。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>options {Object}</code>：相关选项<ul>
-<li><code>message {string}</code>：展示的内容</li>
-<li><code>duration {number}</code>：展示的持续时间（以秒为单位）<ul>
-<li>Android: 如果时间长度大于3s，将使用一个被称为<strong>LONG</strong>的系统变量, 否则使用<strong>SHORT</strong>这个系统变量</li>
-<li>iOS: 持续的时间同Duration相同。</li>
-</ul>
-</li>
-</ul>
-</li>
-</ul>
-<h3 id="alert-options-callback" class="article-heading"><a href="#alert-options-callback" class="headerlink" title="alert(options, callback)"></a><code>alert(options, callback)</code><a class="article-anchor" href="#alert-options-callback" aria-hidden="true"></a></h3><p>警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><code>options {Object}</code>：alert选项<ul>
-<li><code>message {string}</code>：警告框内显示的文字信息</li>
-<li><code>okTitle {string}</code>：确定按钮上显示的文字信息，默认是“OK”</li>
-<li><code>callback {Function}</code>：用户操作完成后的回调</li>
-</ul>
-</li>
-</ul>
-<h3 id="confirm-options-callback" class="article-heading"><a href="#confirm-options-callback" class="headerlink" title="confirm(options, callback)"></a><code>confirm(options, callback)</code><a class="article-anchor" href="#confirm-options-callback" aria-hidden="true"></a></h3><p>确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。</p>
-<h4 id="参数-2" class="article-heading"><a href="#参数-2" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-2" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>：confirm 选项<ul>
-<li><code>message {string}</code>：确认框内显示的文字信息</li>
-<li><code>okTitle {string}</code>：确认按钮上显示的文字信息，默认是 <code>OK</code></li>
-<li><code>cancelTitle {string}</code>：取消按钮上显示的文字信息，默认是 <code>Cancel</code></li>
-</ul>
-</li>
-<li><code>callback {function (result)}</code>：用户操作完成后的回调，回调函数的参数 <code>result</code> 是确定按钮上的文字信息字符串</li>
-</ul>
-<h3 id="prompt-options-callback" class="article-heading"><a href="#prompt-options-callback" class="headerlink" title="prompt(options, callback)"></a><code>prompt(options, callback)</code><a class="article-anchor" href="#prompt-options-callback" aria-hidden="true"></a></h3><p>提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操作。</p>
-<h4 id="参数-3" class="article-heading"><a href="#参数-3" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-3" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>：prompt 选项<ul>
-<li><code>message {string}</code>：提示框内要显示的文字信息</li>
-<li><code>okTitle {string}</code>：确认按钮上显示的文字信息，默认是 <code>OK</code></li>
-<li><code>cancelTitle {string}</code>：取消按钮上显示的文字信息，默认是 <code>Cancel</code></li>
-</ul>
-</li>
-<li><code>callback {function (ret)}</code>：用户操作完成后的回调，回调函数的参数 <code>ret</code> 格式形如 <code>{ result: 'OK', data: 'hello world' }</code>，如下<ul>
-<li><code>result {string}</code>：用户按下的按钮上的文字信息</li>
-<li><code>data {string}</code>：用户输入的文字信息</li>
-</ul>
-</li>
-</ul>
-<h2 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h2><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">"button"</span> @<span class="attr">click</span>=<span class="string">"showToast"</span>></span>Toast<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">"button"</span> @<span class="attr">click</span>=<span class="string">"showAle
rt"</span>></span>Alert<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">"button"</span> @<span class="attr">click</span>=<span class="string">"showConfirm"</span>></span>Confirm<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">"button"</span> @<span class="attr">click</span>=<span class="string">"showPrompt"</span>></span>Prompt<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="line"><span class="tag"><<span class="name">script</span>></span><sp
an class="javascript"></span></div><div class="line"> <span class="keyword">var</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> showToast (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will show toast'</span>)</div><div class="line"> modal.toast({</div><div class="line"> <span class="attr">message</span>: <span class="string">'This is a toast'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line"> })</div><div class="line"> },</div><div class="line"> showAlert (event) {</div><div class="line"> <span class="built_in">console</span>.log(<spa
n class="string">'will show alert'</span>)</div><div class="line"> modal.alert({</div><div class="line"> <span class="attr">message</span>: <span class="string">'This is a alert'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line"> }, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>{</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'alert callback'</span>, value)</div><div class="line"> })</div><div class="line"> },</div><div class="line"> showConfirm (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will show confirm'</span>)</div><div class="line"> modal.confirm({</div><div class="line"> <span class="attr">message</span>: <span class="string">'Do you confirm
?'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line"> }, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>{</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'confirm callback'</span>, value)</div><div class="line"> })</div><div class="line"> },</div><div class="line"> showPrompt (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will show prompt'</span>)</div><div class="line"> modal.prompt({</div><div class="line"> <span class="attr">message</span>: <span class="string">'This is a prompt'</span>,</div><div class="line"> <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line"> }, <span class="function"><span class="keyword">
function</span> (<span class="params">value</span>) </span>{</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'prompt callback'</span>, value)</div><div class="line"> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> };</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.button</span> {</div><div class="line"> <span class="attribute"
>font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line"> <span class="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">margin-left</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line"> <span class="attribute">border
-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#F5F5F5</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><a href="http://dotwe.org/vue/a7dddfb24edb72be947fc4eec3803f1d" target="_blank" rel="external">try it</a></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="/references/modules/modal.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/modal.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>
[16/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/migration/difference.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/difference.html b/cn/references/migration/difference.html
deleted file mode 100644
index e82f89d..0000000
--- a/cn/references/migration/difference.html
+++ /dev/null
@@ -1,1708 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Weex 和 Vue 2.x 的语法差异 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Weex 和 Vue 2.x 的语法差异Overview Weex Vue 生命周期 ready: function() {} mounted: function() {} 条件指令 if=&quot;{{!foo}}&quot; v-if=&quot;!foo&quot; 循环指令 repeat=&quot;{{item in list}}&quot; v-for=&quo">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex 和 Vue 2.x 的语法差异">
-<meta property="og:url" content="https://weex-project.io/cn/references/migration/difference.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Weex 和 Vue 2.x 的语法差异Overview Weex Vue 生命周期 ready: function() {} mounted: function() {} 条件指令 if=&quot;{{!foo}}&quot; v-if=&quot;!foo&quot; 循环指令 repeat=&quot;{{item in list}}&quot; v-for=&quo">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex 和 Vue 2.x 的语法差异">
-<meta name="twitter:description" content="Weex 和 Vue 2.x 的语法差异Overview Weex Vue 生命周期 ready: function() {} mounted: function() {} 条件指令 if=&quot;{{!foo}}&quot; v-if=&quot;!foo&quot; 循环指令 repeat=&quot;{{item in list}}&quot; v-for=&quo">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/migration/difference.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/migration/difference.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link current ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link current ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Weex 和 Vue 2.x 的语法差异
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Weex-和-Vue-2-x-的语法差异" class="article-heading"><a href="#Weex-和-Vue-2-x-的语法差异" class="headerlink" title="Weex 和 Vue 2.x 的语法差异"></a>Weex 和 Vue 2.x 的语法差异<a class="article-anchor" href="#Weex-和-Vue-2-x-的语法差异" aria-hidden="true"></a></h1><h2 id="Overview" class="article-heading"><a href="#Overview" class="headerlink" title="Overview"></a>Overview<a class="article-anchor" href="#Overview" aria-hidden="true"></a></h2><table>
-<thead>
-<tr>
-<th></th>
-<th>Weex</th>
-<th>Vue</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>生命周期</td>
-<td><code>ready: function() {}</code></td>
-<td><code>mounted: function() {}</code></td>
-</tr>
-<tr>
-<td>条件指令</td>
-<td><code>if="{{!foo}}"</code></td>
-<td><code>v-if="!foo"</code></td>
-</tr>
-<tr>
-<td>循环指令</td>
-<td><code>repeat="{{item in list}}"</code></td>
-<td><code>v-for="item in list"</code></td>
-</tr>
-<tr>
-<td>样式类名</td>
-<td><code>class="btn btn-{{type}}"</code></td>
-<td><code>:class="['btn', 'btn-' + type]"</code></td>
-</tr>
-<tr>
-<td>内联样式</td>
-<td><code>style="color:{{textColor}}"</code></td>
-<td><code>:style="{ color: textColor }"</code></td>
-</tr>
-<tr>
-<td>事件绑定</td>
-<td><code>onclick="handler"</code></td>
-<td><code>@click="handler"</code></td>
-</tr>
-<tr>
-<td>原生事件</td>
-<td><code>onclick="xxx"</code></td>
-<td><code>@click.native="xxx"</code></td>
-</tr>
-<tr>
-<td>数据绑定</td>
-<td><code>src="{{rightItemSrc}}"</code></td>
-<td><code>:src="rightItemSrc"</code></td>
-</tr>
-<tr>
-<td>内容/槽</td>
-<td><code><content></content></code></td>
-<td><code><slot></slot></code></td>
-</tr>
-<tr>
-<td>数据初始化</td>
-<td><code>data: { value: 'x' }</code></td>
-<td><code>data: function() { return { value: 'x' } }</code></td>
-</tr>
-<tr>
-<td>标签 ID</td>
-<td><code>id="xxx"</code></td>
-<td><code>ref="xxx"</code></td>
-</tr>
-<tr>
-<td>获取节点</td>
-<td><code>this.$el('xxx')</code></td>
-<td><code>this.$refs.xxx</code></td>
-</tr>
-</tbody>
-</table>
-<h2 id="Reference" class="article-heading"><a href="#Reference" class="headerlink" title="Reference"></a>Reference<a class="article-anchor" href="#Reference" aria-hidden="true"></a></h2><p>See the source code of <code>weex-vue-migration</code> for more details:</p>
-<ul>
-<li><a href="https://github.com/songsiqi/weex-vue-migration/blob/master/src/template-rewriter/rewriter.js" target="_blank" rel="external">template-rewriter</a></li>
-<li><a href="https://github.com/songsiqi/weex-vue-migration/blob/master/src/script-rewriter/rewriter.js" target="_blank" rel="external">script-rewriter</a></li>
-</ul>
-<h2 id="LifeCycle-Hooks-生命周期钩子" class="article-heading"><a href="#LifeCycle-Hooks-生命周期钩子" class="headerlink" title="LifeCycle Hooks 生命周期钩子"></a>LifeCycle Hooks 生命周期钩子<a class="article-anchor" href="#LifeCycle-Hooks-生命周期钩子" aria-hidden="true"></a></h2><table>
-<thead>
-<tr>
-<th>weex</th>
-<th>vue</th>
-<th>Description</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>init</td>
-<td>beforeCreate</td>
-<td>组件实例刚刚被创建，组件属性如data计算之前</td>
-</tr>
-<tr>
-<td>created</td>
-<td>created</td>
-<td>组件实例创建完成，属性已绑定，但DOM还未生成</td>
-</tr>
-<tr>
-<td></td>
-<td>beforeMount</td>
-<td>模板编译/挂载之前</td>
-</tr>
-<tr>
-<td>ready</td>
-<td>mounted</td>
-<td>模板编译/挂载之后</td>
-</tr>
-<tr>
-<td></td>
-<td>beforeUpdate</td>
-<td>组件更新之前</td>
-</tr>
-<tr>
-<td></td>
-<td>updated</td>
-<td>组件更新之后</td>
-</tr>
-<tr>
-<td></td>
-<td>activated</td>
-<td>for<code>keep-alive</code>, 组件被激活时调用</td>
-</tr>
-<tr>
-<td></td>
-<td>deactivated</td>
-<td>for<code>keep-alive</code>, 组件被移除时调用</td>
-</tr>
-<tr>
-<td></td>
-<td>beforeDestroy</td>
-<td>组件被销毁前调用</td>
-</tr>
-<tr>
-<td>destroyed</td>
-<td>destroyed</td>
-<td>组件被销毁后调用</td>
-</tr>
-</tbody>
-</table>
-<h1 id="Data-Binding-数据绑定" class="article-heading"><a href="#Data-Binding-数据绑定" class="headerlink" title="Data Binding 数据绑定"></a>Data Binding 数据绑定<a class="article-anchor" href="#Data-Binding-数据绑定" aria-hidden="true"></a></h1><p>在weex中，使用{{…}}在<code><template></code>中绑定在<code><script></code>里定义的数据；在vue中，需要在要绑定的属性前加 <code>:</code> 。如以下示例。</p>
-<ul>
-<li><p>类名</p>
-<ul>
-<li>weex</li>
-</ul>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"btn btn-{{type}}"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-<ul>
-<li>vue</li>
-</ul>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">:class</span>=<span class="string">"['btn', 'btn-' + type]"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p>样式绑定</p>
-<ul>
-<li><p>weex</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"color:{{textColor}}"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p>vue</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">:style</span>=<span class="string">"{color: textColor}"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-</li>
-</ul>
-<h1 id="if指令" class="article-heading"><a href="#if指令" class="headerlink" title="if指令"></a>if指令<a class="article-anchor" href="#if指令" aria-hidden="true"></a></h1><ul>
-<li><p>weex</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">image</span> <span class="attr">src</span>=<span class="string">"..."</span> <span class="attr">if</span>=<span class="string">"{{shown}}"</span>></span><span class="tag"></<span class="name">image</span>></span></div></pre></td></tr></table></figure>
-<p>or</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">image</span> <span class="attr">src</span>=<span class="string">"..."</span> <span class="attr">if</span>=<span class="string">"shown"</span>></span><span class="tag"></<span class="name">image</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p>vue</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">image</span> <span class="attr">src</span>=<span class="string">"..."</span> <span class="attr">v-if</span>=<span class="string">"shown"</span>></span><span class="tag"></<span class="name">image</span>></span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h1 id="循环指令" class="article-heading"><a href="#循环指令" class="headerlink" title="循环指令"></a>循环指令<a class="article-anchor" href="#循环指令" aria-hidden="true"></a></h1><ul>
-<li><p>weex: repeat</p>
-<ul>
-<li><p><code>$index</code>为索引</p>
- <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">repeat</span>=<span class="string">"{{list}}"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span>></span>No. {{$index + 1}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"><span class="tag"><<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-<p>or</p>
- <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">repeat</span>=<span class="string">"{{v in list}}"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span>></span>No. {{$index + 1}}, {{v.nickname}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p>对象参数的顺序</p>
- <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">repeat</span>=<span class="string">"{{(key, value) in list}}"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span>></span>No. {{key + 1}}, {{value.nickname}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p><code>track-by</code></p>
- <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">repeat</span>=<span class="string">"{{item in items}}"</span> <span class="attr">track-by</span>=<span class="string">"item.id"</span> <span class="attr">class</span>=<span class="string">"{{gender}}"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-</li>
-<li><p>vue: v-for</p>
-<ul>
-<li><p>移除<code>$index</code>索引</p>
-</li>
-<li><p>对象参数的改变：改为(value, key), 与通用的对象迭代器保持一致</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">repeat</span>=<span class="string">"{{(value, key) in list}}"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span>></span>No. {{key + 1}}, {{value.nickname}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p><code>track-by</code> 替换为<code>v-bind</code></p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">v-for</span>=<span class="string">"item in items"</span> <span class="attr">v-bind:key</span>=<span class="string">"item.id"</span>></span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-</li>
-</ul>
-<h1 id="初始化数据" class="article-heading"><a href="#初始化数据" class="headerlink" title="初始化数据"></a>初始化数据<a class="article-anchor" href="#初始化数据" aria-hidden="true"></a></h1><ul>
-<li><p>weex</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line">data: { <span class="attr">value</span>: <span class="string">'x'</span> }</div></pre></td></tr></table></figure>
-</li>
-<li><p>vue</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line">props: { <span class="attr">value</span>: { <span class="attr">default</span>: <span class="string">'x'</span> } }</div></pre></td></tr></table></figure>
-<p>动态数据</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line">data: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{ <span class="keyword">return</span> { <span class="attr">value</span>: <span class="string">'x'</span> } }</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h1 id="围绕DOM的实例方法" class="article-heading"><a href="#围绕DOM的实例方法" class="headerlink" title="围绕DOM的实例方法"></a>围绕DOM的实例方法<a class="article-anchor" href="#围绕DOM的实例方法" aria-hidden="true"></a></h1><ul>
-<li><p>获取节点</p>
-<ul>
-<li><p>weex: <code>this.$el('xxx')</code></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">container</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">id</span>=<span class="string">"top"</span>></span>Top<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">container</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"><span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> <span class="attr">toTop</span>: <span class="function"><
span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">var</span> top = <span class="keyword">this</span>.$el(<span class="string">'top'</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line">}</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p>vue</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">this</span>.$refs.xxx</div></pre></td></tr></table></figure>
-<p></p>
-</li>
-</ul>
-</li>
-</ul>
-<h1 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h1><ul>
-<li><p>事件绑定</p>
-<ul>
-<li><p>weex</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> <span class="attr">onclick</span>=<span class="string">"handler"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p>vue</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">div</span> @<span class="attr">click</span>=<span class="string">"handler"</span>></span><span class="tag"></<span class="name">div</span>></span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-</li>
-<li><p>事件触发</p>
-<ul>
-<li><p>weex: dispatch和broadcast</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">this</span>.$dispatch()</div></pre></td></tr></table></figure>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">this</span>.$broadcast()</div></pre></td></tr></table></figure>
-</li>
-<li><p>vue: emit</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">this</span>.$emit()</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<blockquote>
-<p>注：Weex 的 <code>$dispatch</code> 与组件无关，在任意组件中都可以通过 <code>$on</code> 捕获到，Vue 的<code>$emit</code> 用于触发组件(标签)的自定义事件。</p>
-</blockquote>
-</li>
-<li><p>原生事件</p>
-<ul>
-<li><p>weex</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line">onclick=<span class="string">"xxx"</span></div></pre></td></tr></table></figure>
-</li>
-<li><p>vue</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line">@click.native=<span class="string">"xxx"</span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-</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="/references/migration/difference.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/migration/difference.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/2c2795f2/cn/references/migration/index.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/index.html b/cn/references/migration/index.html
deleted file mode 100644
index 9a78366..0000000
--- a/cn/references/migration/index.html
+++ /dev/null
@@ -1,1454 +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 项目改造成 Vue 版本 Weex 和 Vue 2.x 的语法差异">
-<meta property="og:type" content="website">
-<meta property="og:title" content="迁移">
-<meta property="og:url" content="https://weex-project.io/cn/references/migration/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="迁移 如何将原有 Weex 项目改造成 Vue 版本 Weex 和 Vue 2.x 的语法差异">
-<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 项目改造成 Vue 版本 Weex 和 Vue 2.x 的语法差异">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/migration/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/migration/index.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link current ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link current ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><ul>
-<li><a href="./migration-from-weex.html">如何将原有 Weex 项目改造成 Vue 版本</a></li>
-<li><a href="./difference.html">Weex 和 Vue 2.x 的语法差异</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="/references/migration/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/migration/index.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>
[45/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/tools/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/index.html b/cn/guide/tools/index.html
deleted file mode 100644
index c46cfff..0000000
--- a/cn/guide/tools/index.html
+++ /dev/null
@@ -1,513 +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-toolkit">
-<meta property="og:type" content="website">
-<meta property="og:title" content="周边工具">
-<meta property="og:url" content="https://weex-project.io/cn/guide/tools/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="周边工具 weex-toolkit">
-<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-toolkit">
-
- <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/tools/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/tools/index.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 ">一次撰写，多端运行</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 current ">周边工具</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 ">一次撰写，多端运行</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 current ">周边工具</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><ul>
-<li><a href="./toolkit.html">weex-toolkit</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/tools/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/tools/index.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/2c2795f2/cn/guide/tools/toolkit.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/toolkit.html b/cn/guide/tools/toolkit.html
deleted file mode 100644
index bebdf7f..0000000
--- a/cn/guide/tools/toolkit.html
+++ /dev/null
@@ -1,601 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>使用 weex-toolkit | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="weex-toolkitweex-toolkit 是官方提供的一个脚手架命令行工具，你可以使用它进行 Weex 项目的创建，调试以及打包等功能。 安装使用 npm 安装: $ npm install -g weex-toolkit 安装成功后，你输入 weex 应该可以看到下面的提示效果； 如果你本地没有安装 node.js 你可以前往官网下载安装。 *请确保你的 node 版本是&gt;=6，">
-<meta property="og:type" content="website">
-<meta property="og:title" content="使用 weex-toolkit">
-<meta property="og:url" content="https://weex-project.io/cn/guide/tools/toolkit.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="weex-toolkitweex-toolkit 是官方提供的一个脚手架命令行工具，你可以使用它进行 Weex 项目的创建，调试以及打包等功能。 安装使用 npm 安装: $ npm install -g weex-toolkit 安装成功后，你输入 weex 应该可以看到下面的提示效果； 如果你本地没有安装 node.js 你可以前往官网下载安装。 *请确保你的 node 版本是&gt;=6，">
-<meta property="og:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1.02bKFXXXXXwaXXXXXXXXXXX-2880-1800.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1NjO_KFXXXXcaaXXXXXXXXXXX-2880-1800.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1ck6lKFXXXXbZXFXXXXXXXXXX-2880-1800.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1a7HqKFXXXXXMXFXXXXXXXXXX-2880-1800.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
-<meta property="og:image" content="https://gw.alicdn.com/tfs/TB19n4AQXXXXXawXVXXXXXXXXXX-577-70.png">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="使用 weex-toolkit">
-<meta name="twitter:description" content="weex-toolkitweex-toolkit 是官方提供的一个脚手架命令行工具，你可以使用它进行 Weex 项目的创建，调试以及打包等功能。 安装使用 npm 安装: $ npm install -g weex-toolkit 安装成功后，你输入 weex 应该可以看到下面的提示效果； 如果你本地没有安装 node.js 你可以前往官网下载安装。 *请确保你的 node 版本是&gt;=6，">
-<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/tools/toolkit.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/tools/toolkit.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 ">一次撰写，多端运行</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 current ">使用 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 ">一次撰写，多端运行</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 current ">使用 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">
- 使用 weex-toolkit
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="weex-toolkit" class="article-heading"><a href="#weex-toolkit" class="headerlink" title="weex-toolkit"></a>weex-toolkit<a class="article-anchor" href="#weex-toolkit" aria-hidden="true"></a></h1><p><a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">weex-toolkit</a> 是官方提供的一个脚手架命令行工具，你可以使用它进行 Weex 项目的创建，调试以及打包等功能。</p>
-<h3 id="安装" class="article-heading"><a href="#安装" class="headerlink" title="安装"></a>安装<a class="article-anchor" href="#安装" aria-hidden="true"></a></h3><p>使用 <code>npm</code> 安装:</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div></pre></td></tr></table></figure>
-<p>安装成功后，你输入 <code>weex</code> 应该可以看到下面的提示效果；</p>
-<p><img src="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png" alt="weex-commands"></p>
-<p>如果你本地没有安装 node.js 你可以前往<a href="https://nodejs.org/en/" target="_blank" rel="external">官网</a>下载安装。</p>
-<p>*请确保你的 node 版本是>=6，你可以使用 <a href="https://github.com/tj/n" target="_blank" rel="external">n</a> 来进行 node 的版本管理。</p>
-<p>中国用户如果npm遭遇网络问题，可以使用淘宝的 <a href="https://npm.taobao.org/" target="_blank" rel="external">cnpm</a> 镜像：</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>permission error</em> 你可以去 <a href="https://github.com/weexteam/weex-toolkit/issues" target="_blank" rel="external">weex-toolkit issues</a> 找到解决方法。</p>
-<h3 id="初始化-weex-项目" class="article-heading"><a href="#初始化-weex-项目" class="headerlink" title="初始化 weex 项目"></a>初始化 weex 项目<a class="article-anchor" href="#初始化-weex-项目" aria-hidden="true"></a></h3><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> 目录中就创建了一个使用 <code>Weex</code> 和 <code>Vue</code> 的模板项目。</p>
-<p>然后我们进入项目所在路径，<code>weex-toolkit</code> 已经为我们生成了标准项目结构。</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> 开启 <code>watch</code> 模式和静态服务器。</p>
-<p>然后我们打开浏览器，进入 <code>http://localhost:8080/index.html</code> 即可看到 Weex h5 页面。</p>
-<h3 id="实时预览" class="article-heading"><a href="#实时预览" class="headerlink" title="实时预览"></a>实时预览<a class="article-anchor" href="#实时预览" aria-hidden="true"></a></h3><p><code>weex-toolkit</code> 支持预览你当前开发的weex页面(<code>.we</code>或者<code>.vue</code>)，你只需要指定预览的文件路径即可：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex src/foo.vue</div></pre></td></tr></table></figure>
-<p>浏览器会自动弹出页面，这个时候你可以看到你所编辑的 Weex页面的具体效果和页面布局。如果你使用 <a href="https://weex.apache.org/cn/playground.html" target="_blank" rel="external">Playground</a> 扫描右边的二维码，就能够看到 Weex 在 Android/IOS 设备上的效果了。</p>
-<p>如果你需要预览整个项目目录，你可以输入这样的命令:</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex src --entry src/foo.vue</div></pre></td></tr></table></figure>
-<p>你需要在传入的参数指定预览的目录和入口文件。</p>
-<h3 id="打包weex项目" class="article-heading"><a href="#打包weex项目" class="headerlink" title="打包weex项目"></a>打包weex项目<a class="article-anchor" href="#打包weex项目" aria-hidden="true"></a></h3><p>如果开发完成后，你可以使用 <code>weex compile</code> 通过命令行工具进行单个文件或者整个项目的打包。</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">weex compile src/foo.vue dist</div></pre></td></tr></table></figure>
-<p>命令行需要两个参数，你的源码文件或者目录， 以及你生成打包后的目录地址。</p>
-<h3 id="调试-Weex-页面" class="article-heading"><a href="#调试-Weex-页面" class="headerlink" title="调试 Weex 页面"></a>调试 Weex 页面<a class="article-anchor" href="#调试-Weex-页面" aria-hidden="true"></a></h3><p>weex-toolkit支持调试工具。<strong><a href="https://github.com/weexteam/weex-devtool" target="_blank" rel="external">weex devtools</a></strong> ，它是专门为Weex定制的一款实现了 <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external"><strong>Chrome Debugging Protocol</strong></a> 的 inspect/debug 工具，能够帮助你快速查看 app 运行状态和调试 Weex 中的 JS 代码，当前支持 <strong>IOS</strong> 和 <strong>Android</strong> 两个平台。</p>
-<h4 id="用法" class="article-heading"><a href="#用法" class="headerlink" title="用法"></a>用法<a class="article-anchor" href="#用法" aria-hidden="true"></a></h4><figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">weex debug [options] [we_file|bundles_dir]</div></pre></td></tr></table></figure>
-<p> 选项:</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">-h, --help 显示帮助</div><div class="line">-V, --verbose 显示 debug 服务器运行时的各种 log</div><div class="line">-v, --version 显示版本</div><div class="line">-p, --port [port] 设置 debug 服务器端口号 默认为8088</div><div class="line">-e, --entry [entry] debug 一个目录时,这个参数指定整个目录的入口 bundle 文件,这个 bundle 文件的地址会显示在 debug 主页上(作为二维码)</div><div class="line">-m, --mode [mode] 设置构建 we 文件的方式，transformer 最基础的风格适合单文件， loader:webpack 风格 适合模块化的多文件 . 默认为 transformer</div></pre></td></tr></table></figure>
-<h4 id="开启调试" class="article-heading"><a href="#开启调试" class="headerlink" title="开启调试"></a>开启调试<a class="article-anchor" href="#开启调试" aria-hidden="true"></a></h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ weex debug</div></pre></td></tr></table></figure>
-<p>单纯启动一个调试服务器，并同时唤起Chrome浏览器打开<code>调试主页</code>。<br>这个<code>调试主页</code>上会有一个二维码，使用 Playground App 扫这个二维码可以开启 Playground 调试。<br>开启调试后,设备列表中会出现您的设备，根据提示进行后续的调试操作。</p>
-<h4 id="调试-we-vue-文件" class="article-heading"><a href="#调试-we-vue-文件" class="headerlink" title="调试 .we | .vue 文件"></a>调试 <code>.we</code> | <code>.vue</code> 文件<a class="article-anchor" href="#调试-we-vue-文件" aria-hidden="true"></a></h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ weex debug your_weex.vue</div></pre></td></tr></table></figure>
-<p>这个命令会将 <code>your_weex.vue</code> 编译成 <code>JS Bundle</code> 文件 部署到 debug 服务器；<br>并启动debug服务器如上述命令那样打开的<code>调试vue主页</code>会多显示一个二维码，使用 Playground App扫这个二维码码可以加载 <code>your_weex.we</code> (注意要先扫描开启调试的那个二维码码)。<br>这个命令会自动检测 <code>your_weex.we</code> 文件变动，如果发现内容被修改则立即重新编译部署，并刷新 <code>debugger</code> 页面。<br>.</p>
-<h4 id="调试整个bundle-we文件夹" class="article-heading"><a href="#调试整个bundle-we文件夹" class="headerlink" title="调试整个bundle/we文件夹"></a>调试整个bundle/we文件夹<a class="article-anchor" href="#调试整个bundle-we文件夹" aria-hidden="true"></a></h4><p>同样你也可以调试整个目录的文件，你只需要传入目录的路径和入口文件即可；</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$weex debug your/we/path -e index.we</div></pre></td></tr></table></figure>
-<p>这个命令会编译你指定目录下的所有的 <code>.we</code> 文件,并把编译好的 JS Bundle 部署到 debug 服务器,他们的地址会映射到 <a href="http://lcoalhost:8088/weex/" target="_blank" rel="external">http://lcoalhost:8088/weex/</a> 下<br>比如 <code>your/we/path/index.we</code> 可以通过 <a href="http://lcoalhost:8088/weex/index.js" target="_blank" rel="external">http://lcoalhost:8088/weex/index.js</a> 访问。<br><code>your/we/path/demo/test.we</code> 可以通过 <a href="http://lcoalhost:8088/weex/demo/index.js" target="_blank" rel="external">http://lcoalhost:8088/weex/demo/index.js</a> 。</p>
-<p><code>-e</code> 参数可以指定一个入口的 <code>.we</code> 文件，这个文件的地址会显示在<code>调试主页</code>上(作为二维码)。</p>
-<h4 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h4><h5 id="连接设备" class="article-heading"><a href="#连接设备" class="headerlink" title="连接设备"></a>连接设备<a class="article-anchor" href="#连接设备" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png" alt="devtools-main"></p>
-<h5 id="Inspector" class="article-heading"><a href="#Inspector" class="headerlink" title="Inspector"></a>Inspector<a class="article-anchor" href="#Inspector" aria-hidden="true"></a></h5><p> Inspector 能够用来查看 <code>Element</code> \ <code>NetWork</code> \ <code>Console log</code> \ <code>ScreenCast</code> \ <code>BoxModel</code> \ <code>Native View</code> 等。</p>
-<p><img src="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png" alt="devtools-inspector"></p>
-<h5 id="Element" class="article-heading"><a href="#Element" class="headerlink" title="Element"></a>Element<a class="article-anchor" href="#Element" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB1.02bKFXXXXXwaXXXXXXXXXXX-2880-1800.png" alt="inspector-element"></p>
-<h5 id="NetWork" class="article-heading"><a href="#NetWork" class="headerlink" title="NetWork"></a>NetWork<a class="article-anchor" href="#NetWork" aria-hidden="true"></a></h5><h5 id="查看网络请求的总耗时和延时" class="article-heading"><a href="#查看网络请求的总耗时和延时" class="headerlink" title="查看网络请求的总耗时和延时"></a>查看网络请求的总耗时和延时<a class="article-anchor" href="#查看网络请求的总耗时和延时" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB1NjO_KFXXXXcaaXXXXXXXXXXX-2880-1800.png" alt="inspector-network"></p>
-<h5 id="查看网络请求的header和response" class="article-heading"><a href="#查看网络请求的header和response" class="headerlink" title="查看网络请求的header和response"></a>查看网络请求的header和response<a class="article-anchor" href="#查看网络请求的header和response" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB1ck6lKFXXXXbZXFXXXXXXXXXX-2880-1800.png" alt="inspector-network"></p>
-<h5 id="控制台" class="article-heading"><a href="#控制台" class="headerlink" title="控制台"></a>控制台<a class="article-anchor" href="#控制台" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB1a7HqKFXXXXXMXFXXXXXXXXXX-2880-1800.png" alt="inspector-console"></p>
-<h5 id="资源" class="article-heading"><a href="#资源" class="headerlink" title="资源"></a>资源<a class="article-anchor" href="#资源" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png" alt="inspector-resource"></p>
-<h4 id="Debugger" class="article-heading"><a href="#Debugger" class="headerlink" title="Debugger"></a>Debugger<a class="article-anchor" href="#Debugger" aria-hidden="true"></a></h4><p> 调试器用来调试 Weex 中的 JS 代码，能够设置断点、查看调用栈。 </p>
-<p><img src="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png" alt="devtools-debugger"></p>
-<h5 id="Breakpoint-and-CallStack" class="article-heading"><a href="#Breakpoint-and-CallStack" class="headerlink" title="Breakpoint and CallStack"></a>Breakpoint and CallStack<a class="article-anchor" href="#Breakpoint-and-CallStack" aria-hidden="true"></a></h5><p><img src="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png" alt="debugger-breakpoint"></p>
-<h4 id="集成devtools" class="article-heading"><a href="#集成devtools" class="headerlink" title="集成devtools"></a>集成devtools<a class="article-anchor" href="#集成devtools" aria-hidden="true"></a></h4><ul>
-<li>Android<ul>
-<li>请参考文档 <a href="../../references/advanced/integrate-devtool-to-android.html">Weex devtools (Android)</a>，其中有详细说明。</li>
-</ul>
-</li>
-<li>IOS<ul>
-<li>请参考文档 <a href="../../references/advanced/integrate-devtool-to-ios.html">Weex devtools (iOS)</a>， 其中有详细说明。</li>
-</ul>
-</li>
-</ul>
-<h3 id="weex-toolkit-对-weexpack-的水平扩展" class="article-heading"><a href="#weex-toolkit-对-weexpack-的水平扩展" class="headerlink" title="weex-toolkit 对 weexpack 的水平扩展"></a>weex-toolkit 对 weexpack 的水平扩展<a class="article-anchor" href="#weex-toolkit-对-weexpack-的水平扩展" aria-hidden="true"></a></h3><p><a href="https://github.com/weexteam/weex-pack" target="_blank" rel="external">weexpack</a> 是基于 Weex 快速搭建应用原型的利器。它能够帮助开发者通过命令行创建 Weex 工程，添加相应平台的 Weex app 模版，并基于模版从本地，GitHub 或者 Weex 应用市场安装插件，快速打包 Weex 应用并安装到手机运行，对于具有分享精神的开发者而言还能够创建 Weex 插件模版并发布插件到 Weex 应用市场。</p>
-<p>现在使用 <code>weex-toolkit</code> 同样支持对 <code>weexpack</code> 的命令调用,如果你当前的项目与 <code>weexpack</code> 生成的项目目录一致，那么你可以直接实现对于 <code>platform</code> 的操作，从而构建具体的 Android/IOS app 。</p>
-<h3 id="weex-platform-以及-run-命令" class="article-heading"><a href="#weex-platform-以及-run-命令" class="headerlink" title="weex platform 以及 run 命令"></a>weex platform 以及 run 命令<a class="article-anchor" href="#weex-platform-以及-run-命令" aria-hidden="true"></a></h3><p>如果我们希望在模拟器或者真机上查看 Weex 运行的效果，我们可以使用 <code>platform</code> 添加或者删除 Weex 应用模板。</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex platform add ios</div></pre></td></tr></table></figure>
-<p>在第一次使用 platform/plugin 命令的时候，可能会遇到下面的界面，你只需要输入 Y 或者直接 enter 键即可。<br><img src="https://gw.alicdn.com/tfs/TB19n4AQXXXXXawXVXXXXXXXXXX-577-70.png" alt="install weexpack"></p>
-<p>添加ios平台，然后这个时候只要输入:</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex run ios</div></pre></td></tr></table></figure>
-<p>就能看到启动的模拟器运行的效果了。</p>
-<h3 id="weex-plugin-命令" class="article-heading"><a href="#weex-plugin-命令" class="headerlink" title="weex plugin 命令"></a>weex plugin 命令<a class="article-anchor" href="#weex-plugin-命令" aria-hidden="true"></a></h3><p>如果你想使用<a href="https://market.dotwe.org" target="_blank" rel="external">插件市场</a>的插件，你可以使用：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex plugin add plugin_name</div></pre></td></tr></table></figure>
-<p>你只需要输入插件的名称就可以从远程添加插件到你本地的项目，比如添加 weex-chart，我们可以输入命令：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex plugin add weex-chart</div></pre></td></tr></table></figure>
-<p>我们可以使用<code>plugin remove</code>移除插件，比如移除安装好的 weex-cahrt：</p>
-<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex plugin remove weex-chart</div></pre></td></tr></table></figure>
-<p>关于 <code>weexpack</code> 更加详细的介绍，你可以阅读 <a href="https://github.com/weexteam/weex-pack" target="_blank" rel="external">官方文档</a>。</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/tools/toolkit.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/tools/toolkit.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/2c2795f2/cn/guide/tools/weexpack.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/weexpack.html b/cn/guide/tools/weexpack.html
deleted file mode 100644
index 54ba944..0000000
--- a/cn/guide/tools/weexpack.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
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/hello/index.html
----------------------------------------------------------------------
diff --git a/cn/hello/index.html b/cn/hello/index.html
deleted file mode 100644
index 4edee82..0000000
--- a/cn/hello/index.html
+++ /dev/null
@@ -1,243 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>hello | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta name="keywords">
-<meta property="og:type" content="article">
-<meta property="og:title" content="hello">
-<meta property="og:url" content="https://weex-project.io/cn/hello/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="hello">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="blog" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "blog";
- 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="/hello/" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/hello/" 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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/cn/guide">
- 教程
- </a>
- </li>
- <li>
- <a class="" href="/cn/references">
- 手册
- </a>
- </li>
- <li>
- <a href="/cn/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>工具和服务</p>
- <ul class="subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="wrapper article-wrapper post-layout">
- <div>
- 版本
- <select name="" id="">
- <option value="1">1.x</option>
- <option value="2">2.x</option>
- </select>
- </div>
-
-
-<article class="article article-type-blog">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- hello
- </h1>
-
-
- <time class="article-date" datetime="2016-12-27T07:54:28.000Z">Updated time: 27/12/2016</time>
-</header>
-
- </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="/hello/" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/hello/" 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/2c2795f2/cn/index.html
----------------------------------------------------------------------
diff --git a/cn/index.html b/cn/index.html
deleted file mode 100644
index 811a8e3..0000000
--- a/cn/index.html
+++ /dev/null
@@ -1,497 +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="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/cn/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="index" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "index";
- 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="/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/index.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="index-sidebar">
- <div class="sidebar-menu">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/cn/guide">
- 教程
- </a>
- </li>
- <li>
- <a class="" href="/cn/references">
- 手册
- </a>
- </li>
- <li>
- <a href="/cn/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>工具和服务</p>
- <ul class="subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <script>
- ;(function(){
- var currentOrigin = location.origin || 'https://weex-project.io',
- currentPathname = location.pathname,
- currentLang = navigator.language || navigator.browserLanguage || 'en',
- selectedLang = '';
-
- if (window.localStorage) {
- selectedLang = window.localStorage.getItem('lang')
- currentLang = selectedLang ? selectedLang : currentLang
- }
-
- if (/zh|cn/i.test(currentLang)) { // Chinese
- if (currentPathname.indexOf('/cn/') != 0) {
- location.href = currentOrigin + '/cn/'
- }
- } else if (/en/i.test(currentLang)) { // English
- if (!/^\/$|^\/index/.test(currentPathname)) {
- location.href = currentOrigin
- }
- } else { // Other
- if (!/^\/$|^\/index/.test(currentPathname)) {
- location.href = currentOrigin
- }
- }
- })();
-</script>
-<div class="scene header" style="background: #00BDFF;">
- <div class="scene-container">
- <div class="galaxy left">
- <canvas width="560" height="560" id="left-canvas"></canvas>
- </div>
- <div class="galaxy right">
- <canvas width="500" height="500" id="right-canvas"></canvas>
- </div>
- <div id="slider">
- <div class="swiper-container swiper-container-horizontal">
- <div class="swiper-wrapper">
- <div class="swiper-slide" style="background:url('//gw.alicdn.com/tps/TB1rY5sPXXXXXbfapXXXXXXXXXX-800-800.png') 50% 50% / contain no-repeat">
- <div class="slide-content">
- <h1 class="page-title">一套构建高性能、可扩展的原生应用跨平台开发方案</h1>
- <div class="btn-group">
- <a href="/cn/guide/index.html" class="button get-started">上手教程</a>
- <a href="https://github.com/apache/incubator-weex/" class="button get-started" target="_blank">GitHub</a>
- </div>
- </div>
- </div>
- </div>
- <!--<div class="swiper-button-next iconfont icon-arrow-small"></div>
- <div class="swiper-button-prev iconfont icon-arrow-small"></div>-->
- </div>
-</div>
- </div>
-</div>
-<div class="scene edge overlength horizon">
- <div class="scene-container">
- <div class="textbox">
- <h2>优势</h2>
- </div>
- <div class="sketch-content">
- <div class="inner-box">
- <img src="//gw.alicdn.com/tps/TB17ga7PXXXXXbnXXXXXXXXXXXX-120-121.svg" alt="Lightweight">
- <h3>轻量</h3>
- <span class="underline"></span>
- <p>体积小、语法简单、易于掌握</p>
- </div>
- <div class="inner-box">
- <img src="//gw.alicdn.com/tps/TB1BGSCPXXXXXb1aXXXXXXXXXXX-79-79.svg" alt="Extendable">
- <h3>可扩展</h3>
- <span class="underline"></span>
- <p>可以横向扩展和定制原生组件和功能</p>
- </div>
- <div class="inner-box">
- <img src="//img.alicdn.com/tps/TB1uMC9PXXXXXaFXXXXXXXXXXXX-80-69.svg" alt="High Performance">
- <h3>高性能</h3>
- <span class="underline"></span>
- <p>对加载时间和资源占用深度优化，给你更好的体验</p>
- </div>
- </div>
- </div>
-</div>
-
-<div class="scene feature">
- <div class="scene-container">
- <div class="feature-content">
- <div class="left-text">
- <h2>帮助你构建原生应用</h2>
- <p>与 Web App、HTML5 App 或 hybrid App 不同，您可以使用 Weex 构建一个真正的原生应用。更贴心的是你的代码只需使用 HTML、CSS、JavaScript 可以构建原生应用，上手非常简单。但实际上，应用的底层是 Objective-C 或 Java， 同时，Weex 提供很多 native 组件或模块供开发人员使用。</p>
- </div>
- <div class="right-box">
- <div class="imgbox phone-layer level1">
- </div>
- <div class="imgbox phone-layer level2">
- </div>
- <div class="imgbox phone-layer level3">
- </div>
- <div class="imgbox phone-layer level4">
- </div>
- </div>
- </div>
- </div>
-</div>
-
-<div class="scene cross-platform horizon">
- <div class="scene-container">
- <div class="textbox">
- <h2>一次编写，多端运行</h2>
- <p>Weex 提供强大的跨平台能力，可以使用相同的 API 开发 Web，Android 和 iOS 应用。 同时，我们对接口了丰富的扩展能力。 这样，当您需要扩展原生组件或模块时，这将非常方便。</p>
- </div>
- <div class="sketch-content">
- <div class="inner-box imgbox ios"></div>
- <div class="inner-box imgbox android"></div>
- <div class="inner-box imgbox h5"></div>
- </div>
- </div>
-</div>
-
-<div class="scene supporting-vue horizon">
- <div class="scene-container">
- <div class="textbox">
- <h2>支持 Vue 语法</h2>
- <p>Weex 遵循 Web 标准，同时支持 vue.js 的语法。因此，您可以使用 vue.js 语法来开发应用程序。</p>
- </div>
- <div class="sketch-content imgbox">
- <div class="imgbox"></div>
- </div>
- </div>
-</div>
-
-<div class="scene schematic horizon">
- <div class="scene-container">
- <div class="textbox">
- <h2>工作原理</h2>
- <p>Weex 是一个动态化的高扩展跨平台解决方案。 在 Weex 代码中，您可以使用 <template>，<style> 和 <script> 标签编写页面或组件，然后将它们转换为 JS bundle 以进行部署。当服务器返回给客户端 JS bundle 时，JS bundle 会被客户端的 JavaScript 引擎处理，并管理渲染 native 视图，调用原生 API 和用户交互。</p>
- </div>
- <div class="sketch-content imgbox">
- </div>
- </div>
-</div>
-
-<div class="scene users horizon overlength">
- <div class="scene-container">
- <div class="textbox">
- <h2>谁在使用 Weex</h2>
- </div>
- <div class="sketch-content">
- <div class="user-logo tmall-logo">
- <h3>天猫</h3>
- <div class="user-info">
- <h4>天猫</h4>
- <p>中国最大的 B2C 购物平台.</p>
- </div>
- </div>
- <div class="user-logo aliyun-logo">
- <h3>阿里云</h3>
- <div class="user-info">
- <h4>阿里云</h4>
- <p>阿里巴巴集团旗下云计算业务，阿里云提供全面的全球云计算服务，为国际客户的在线业务和阿里巴巴自己的电子商务生态系统提供支持。</p>
- </div>
- </div>
- <div class="user-logo taobao-logo">
- <h3>淘宝</h3>
- <div class="user-info">
- <h4>淘宝</h4>
- <p>中国最大的移动电子购物平台，展示数以亿计的产品与服务信息，为消费者提供多个种类的产品和服务。</p>
- </div>
- </div>
- <div class="user-logo ding-logo">
- <h3>钉钉</h3>
- <div class="user-info">
- <h4>钉钉</h4>
- <p>阿里巴巴集团专为中小企业打造的沟通和协同平台。钉钉因中小企业而生，帮助中小企业通过系统化的解决方案（微应用），全方位提升中小企业沟通和协同效率。</p>
- </div>
- </div>
- <div class="user-logo alibaba-logo">
- <h3>1688</h3>
- <div class="user-info">
- <h4>1688</h4>
- <p>中国领先的网上批发平台，覆盖普通商品、服装、电子产品、原材料、工业部件、农产品和化工产品等多个行业的买家和卖家。1688 为在阿里巴巴集团旗下零售市场经营业务的商家，提供了从本地批发商采购产品的渠道。</p>
- </div>
- </div>
- <div class="user-logo cainiao-logo">
- <h3>菜鸟裹裹</h3>
- <div class="user-info">
- <h4>菜鸟裹裹</h4>
- <p>菜鸟裹裹是阿里巴巴旗下菜鸟网络推出的一款快递服务 APP，主要功能有：快递运单查询、预约寄快递、包裹自动跟踪、菜鸟驿站网点代收代寄。</p>
- </div>
- </div>
- <div class="user-logo xiami-logo">
- <h3>虾米</h3>
- <div class="user-info">
- <h4>虾米</h4>
- <p>提供高品质音乐的个性化推荐服务，以及线下音乐活动等互动内容。</p>
- </div>
- </div>
- <div class="user-logo youku-logo">
- <h3>优酷</h3>
- <div class="user-info">
- <h4>优酷</h4>
- <p>中国领先的视频服务平台，提供视频播放，视频发布，视频分享等服务。</p>
- </div>
- </div>
- <div class="user-logo taopiaopiao-logo">
- <h3>淘票票专业版</h3>
- <div class="user-info">
- <h4>淘票票专业版</h4>
- <p>淘票票专业版是一款为电影人提供有价值数据的产品。通过和阿里海量用户数据相结合，为电影人提供了秒级实时票房、排片、影院经营、上映日历和用户画像等数据服务。</p>
- </div>
- </div>
- <div class="user-logo fliggy-logo">
- <h3>飞猪</h3>
- <div class="user-info">
- <h4>飞猪</h4>
- <p>飞猪是阿里巴巴集团旗下旅行品牌，旨在为用户提供便捷、更高性价比的出行服务。</p>
- </div>
- </div>
- <div class="user-logo juhuasuan-logo">
- <h3>聚划算</h3>
- <div class="user-info">
- <h4>聚划算</h4>
- <p>聚划算是阿里巴巴集团旗下平台，供淘宝、天猫商家从8亿商品中精挑细选优质商品，自主开展网络精选特卖活动，以更高的服务标准为你提供高性价比的商品。</p>
- </div>
- </div>
- <div class="user-logo qianniu-logo">
- <h3>千牛</h3>
- <div class="user-info">
- <h4>千牛</h4>
- <p>阿里巴巴官方出品的卖家移动工作台，服务淘宝、天猫、1688、线下门店等众多商家用户，商家管店必备。</p>
- </div>
- </div>
- </div>
- <!--<div class="more">
- <a class="more" href="">More</a>
- </div>-->
- </div>
-</div>
-
-<div class="scene feedback horizon overlength">
- <div class="scene-container">
- <div class="textbox">
- <h2>他们说</h2>
- </div>
- <div class="sketch-content">
- <div class="user-feedback">
- <img class="avatar" src="//gw.alicdn.com/tps/TB1xHiYPXXXXXc8XpXXXXXXXXXX-130-130.jpg" alt="avatar">
- <p class="user-name">陈天予</p>
- <p class="user-title">众安保险技术总监</p>
- <p class="user-say">“ Weex 不仅应用灵活、性能强大，而且能让前端开发者最大程度复用现有技术积累，帮助我们用最少成本设计全新的跨平台架构体系，并尽快进入实施阶段。”</p>
- </div>
- <div class="user-feedback">
- <img class="avatar" src="//gw.alicdn.com/tps/TB1e.CYPXXXXXcsXpXXXXXXXXXX-130-130.jpg" alt="avatar">
- <p class="user-name">林建锋</p>
- <p class="user-title">饿了么大前端部负责人</p>
- <p class="user-say">“ Weex 提供了媲美 HTML5 开发效率和 Native 的性能，对于类似我们这种迭代速度要求比较高的团队，几乎是目前最好的方案。”</p>
- </div>
- <div class="user-feedback">
- <img class="avatar" src="//gw.alicdn.com/tps/TB15MOQPXXXXXbCXFXXXXXXXXXX-130-130.jpg" alt="avatar">
- <p class="user-name">黄泰成</p>
- <p class="user-title">天猫技术专家</p>
- <p class="user-say">“ Weex 作为轻量渲染引擎又提供了很方便的插件机制，让各个端可以把自己的能力发挥出来，充分发挥在天猫的业务上，并良好的支持双11。”</p>
- </div>
- </div>
- <div class="go-2-doc">
- <a href="/cn/guide/index.html" class="button get-started">上手教程 →</a>
- </div>
- </div>
-</div>
-<a href="javascript:;" id="back2top" class="back2top"><span class="iconfont icon-arrow-small"></span></a>
-<script src="/js/swiper.min.js"></script>
-<script src="/js/velocity.js"></script>
-<script>
-var swiper = new Swiper('.swiper-container', {
- nextButton: '.swiper-button-next',
- prevButton: '.swiper-button-prev',
- slidesPerView: 1,
- spaceBetween: 30,
- loop: false,
- autoplay: false,
- autoplayDisableOnInteraction: false
-});
-</script>
-
-
- <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="/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/index.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/2c2795f2/cn/playground.html
----------------------------------------------------------------------
diff --git a/cn/playground.html b/cn/playground.html
deleted file mode 100644
index 27eee03..0000000
--- a/cn/playground.html
+++ /dev/null
@@ -1,245 +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="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/cn/playground.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="playground" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "playground";
- 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="/playground.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/playground.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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/cn/guide">
- 教程
- </a>
- </li>
- <li>
- <a class="" href="/cn/references">
- 手册
- </a>
- </li>
- <li>
- <a href="/cn/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>工具和服务</p>
- <ul class="subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="wrapper playground-wrapper clearfix">
- <div class="left">
- <h2>Weex Playground</h2>
- <p>Weex Native 运行时实例 & Weex 文件预览工具。</p>
- <div class="download clearfix">
- <img class="qr-code" src="//img.alicdn.com/tps/TB1Yv7ZQXXXXXaYaXXXXXXXXXXX-148-148.png" alt="playground qr code">
- <ul class="links">
- <li class="ios">
- <a href="" id="ios-link" class="link" target="_blank">iOS</a>
- </li>
- <li class="android">
- <a href="" id="android-link" class="link">Android</a>
- </li>
- </ul>
- </div>
- </div>
- <div class="left">
- <img src="//gw.alicdn.com/tps/TB1831MPXXXXXXzXVXXXXXXXXXX-333-502.png" alt="">
- </div>
-</div>
-
-<script type="text/javascript">
- function parseWeexVersion(data){
- document.getElementById("ios-link").href = data.iosDownload
- document.getElementById("android-link").href = data.androidDownload
- }
-
- window.parseWeexVersion = parseWeexVersion;
-</script>
-<script type="text/javascript" src="https://h5.m.taobao.com/js/weex/playground/app/info.js "></script>
-
- <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="/playground.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/playground.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>
[49/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/main.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/main.html b/cn/doc/how-to/main.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/main.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/preview-in-browser.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/preview-in-browser.html b/cn/doc/how-to/preview-in-browser.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/preview-in-browser.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/preview-in-playground-app.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/preview-in-playground-app.html b/cn/doc/how-to/preview-in-playground-app.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/preview-in-playground-app.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/require-3rd-party-libs.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/require-3rd-party-libs.html b/cn/doc/how-to/require-3rd-party-libs.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/require-3rd-party-libs.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/transform-code-into-js-bundle.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/transform-code-into-js-bundle.html b/cn/doc/how-to/transform-code-into-js-bundle.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/transform-code-into-js-bundle.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/index.html
----------------------------------------------------------------------
diff --git a/cn/doc/index.html b/cn/doc/index.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/index.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/animation.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/animation.html b/cn/doc/modules/animation.html
deleted file mode 100644
index 6854bdd..0000000
--- a/cn/doc/modules/animation.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/animation.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/animation.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/clipboard.html b/cn/doc/modules/clipboard.html
deleted file mode 100644
index ee6d2d8..0000000
--- a/cn/doc/modules/clipboard.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/clipboard.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/clipboard.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/dom.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/dom.html b/cn/doc/modules/dom.html
deleted file mode 100644
index 92131b0..0000000
--- a/cn/doc/modules/dom.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/dom.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/dom.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/globalevent.html b/cn/doc/modules/globalevent.html
deleted file mode 100644
index cedc1b6..0000000
--- a/cn/doc/modules/globalevent.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/globalevent.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/globalevent.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/main.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/main.html b/cn/doc/modules/main.html
deleted file mode 100644
index ca536b5..0000000
--- a/cn/doc/modules/main.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/"><meta http-equiv="refresh" content="0; url=/cn/references/modules/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/modal.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/modal.html b/cn/doc/modules/modal.html
deleted file mode 100644
index d612fc9..0000000
--- a/cn/doc/modules/modal.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/modal.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/modal.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/navigator.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/navigator.html b/cn/doc/modules/navigator.html
deleted file mode 100644
index 3e1c4f2..0000000
--- a/cn/doc/modules/navigator.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/navigator.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/navigator.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/picker.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/picker.html b/cn/doc/modules/picker.html
deleted file mode 100644
index d89c678..0000000
--- a/cn/doc/modules/picker.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/picker.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/picker.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/storage.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/storage.html b/cn/doc/modules/storage.html
deleted file mode 100644
index f9f4e97..0000000
--- a/cn/doc/modules/storage.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/storage.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/storage.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/stream.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/stream.html b/cn/doc/modules/stream.html
deleted file mode 100644
index 7e78749..0000000
--- a/cn/doc/modules/stream.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/stream.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/stream.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/timer.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/timer.html b/cn/doc/modules/timer.html
deleted file mode 100644
index ca536b5..0000000
--- a/cn/doc/modules/timer.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/"><meta http-equiv="refresh" content="0; url=/cn/references/modules/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/modules/webview.html
----------------------------------------------------------------------
diff --git a/cn/doc/modules/webview.html b/cn/doc/modules/webview.html
deleted file mode 100644
index e01df78..0000000
--- a/cn/doc/modules/webview.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/modules/webview.html"><meta http-equiv="refresh" content="0; url=/cn/references/modules/webview.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/api.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/api.html b/cn/doc/references/api.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/api.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/bootstrap.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/bootstrap.html b/cn/doc/references/bootstrap.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/bootstrap.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/cheatsheet.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/cheatsheet.html b/cn/doc/references/cheatsheet.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/cheatsheet.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/color-names.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/color-names.html b/cn/doc/references/color-names.html
deleted file mode 100644
index 1a25f1a..0000000
--- a/cn/doc/references/color-names.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/color-names.html"><meta http-equiv="refresh" content="0; url=/cn/references/color-names.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/common-attrs.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/common-attrs.html b/cn/doc/references/common-attrs.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/common-attrs.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/common-event.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/common-event.html b/cn/doc/references/common-event.html
deleted file mode 100644
index ad8d156..0000000
--- a/cn/doc/references/common-event.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/common-event.html"><meta http-equiv="refresh" content="0; url=/cn/references/common-event.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/common-style.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/common-style.html b/cn/doc/references/common-style.html
deleted file mode 100644
index 6133fed..0000000
--- a/cn/doc/references/common-style.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/common-style.html"><meta http-equiv="refresh" content="0; url=/cn/references/common-style.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/component-defs.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/component-defs.html b/cn/doc/references/component-defs.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/component-defs.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/events/appear.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/events/appear.html b/cn/doc/references/events/appear.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/events/appear.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/events/blur.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/events/blur.html b/cn/doc/references/events/blur.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/events/blur.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/events/change.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/events/change.html b/cn/doc/references/events/change.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/events/change.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/events/focus.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/events/focus.html b/cn/doc/references/events/focus.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/events/focus.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/events/input.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/events/input.html b/cn/doc/references/events/input.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/events/input.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/gesture.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/gesture.html b/cn/doc/references/gesture.html
deleted file mode 100644
index 6a3b7d4..0000000
--- a/cn/doc/references/gesture.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/gesture.html"><meta http-equiv="refresh" content="0; url=/cn/references/gesture.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/main.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/main.html b/cn/doc/references/main.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/main.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/background-color.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/background-color.html b/cn/doc/references/styles/background-color.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/background-color.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/color.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/color.html b/cn/doc/references/styles/color.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/color.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/font-family.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/font-family.html b/cn/doc/references/styles/font-family.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/font-family.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/font-size.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/font-size.html b/cn/doc/references/styles/font-size.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/font-size.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/font-style.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/font-style.html b/cn/doc/references/styles/font-style.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/font-style.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/font-weight.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/font-weight.html b/cn/doc/references/styles/font-weight.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/font-weight.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/line-height.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/line-height.html b/cn/doc/references/styles/line-height.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/line-height.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/lines.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/lines.html b/cn/doc/references/styles/lines.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/lines.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/opacity.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/opacity.html b/cn/doc/references/styles/opacity.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/opacity.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/position.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/position.html b/cn/doc/references/styles/position.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/position.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/text-align.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/text-align.html b/cn/doc/references/styles/text-align.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/text-align.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/text-decoration.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/text-decoration.html b/cn/doc/references/styles/text-decoration.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/text-decoration.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/text-overflow.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/text-overflow.html b/cn/doc/references/styles/text-overflow.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/references/styles/text-overflow.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/styles/units.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/styles/units.html b/cn/doc/references/styles/units.html
deleted file mode 100644
index c2ae159..0000000
--- a/cn/doc/references/styles/units.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/unit.html"><meta http-equiv="refresh" content="0; url=/cn/references/unit.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/references/text-style.html
----------------------------------------------------------------------
diff --git a/cn/doc/references/text-style.html b/cn/doc/references/text-style.html
deleted file mode 100644
index 2d590fb..0000000
--- a/cn/doc/references/text-style.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/text-style.html"><meta http-equiv="refresh" content="0; url=/cn/references/text-style.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/specs/js-bundle-format.html
----------------------------------------------------------------------
diff --git a/cn/doc/specs/js-bundle-format.html b/cn/doc/specs/js-bundle-format.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/specs/js-bundle-format.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/specs/js-framework-apis.html
----------------------------------------------------------------------
diff --git a/cn/doc/specs/js-framework-apis.html b/cn/doc/specs/js-framework-apis.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/specs/js-framework-apis.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/specs/virtual-dom-apis.html
----------------------------------------------------------------------
diff --git a/cn/doc/specs/virtual-dom-apis.html b/cn/doc/specs/virtual-dom-apis.html
deleted file mode 100644
index 07da84a..0000000
--- a/cn/doc/specs/virtual-dom-apis.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/"><meta http-equiv="refresh" content="0; url=/cn/references/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/comm.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/comm.html b/cn/doc/syntax/comm.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/comm.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/composed-component.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/composed-component.html b/cn/doc/syntax/composed-component.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/composed-component.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/config-n-data.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/config-n-data.html b/cn/doc/syntax/config-n-data.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/config-n-data.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/data-binding.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/data-binding.html b/cn/doc/syntax/data-binding.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/data-binding.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/display-logic.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/display-logic.html b/cn/doc/syntax/display-logic.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/display-logic.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/events.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/events.html b/cn/doc/syntax/events.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/events.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/id.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/id.html b/cn/doc/syntax/id.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/id.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/main.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/main.html b/cn/doc/syntax/main.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/main.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/path.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/path.html b/cn/doc/syntax/path.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/path.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/render-logic.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/render-logic.html b/cn/doc/syntax/render-logic.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/render-logic.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/syntax/style-n-class.html
----------------------------------------------------------------------
diff --git a/cn/doc/syntax/style-n-class.html b/cn/doc/syntax/style-n-class.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/syntax/style-n-class.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tools/cli.html
----------------------------------------------------------------------
diff --git a/cn/doc/tools/cli.html b/cn/doc/tools/cli.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/tools/cli.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tools/devtools-android.html
----------------------------------------------------------------------
diff --git a/cn/doc/tools/devtools-android.html b/cn/doc/tools/devtools-android.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/tools/devtools-android.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tools/devtools-ios.html
----------------------------------------------------------------------
diff --git a/cn/doc/tools/devtools-ios.html b/cn/doc/tools/devtools-ios.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/tools/devtools-ios.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tools/devtools.html
----------------------------------------------------------------------
diff --git a/cn/doc/tools/devtools.html b/cn/doc/tools/devtools.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/tools/devtools.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tools/playground-app.html
----------------------------------------------------------------------
diff --git a/cn/doc/tools/playground-app.html b/cn/doc/tools/playground-app.html
deleted file mode 100644
index d75239e..0000000
--- a/cn/doc/tools/playground-app.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/playground.html"><meta http-equiv="refresh" content="0; url=/cn/playground.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tools/transformer.html
----------------------------------------------------------------------
diff --git a/cn/doc/tools/transformer.html b/cn/doc/tools/transformer.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/tools/transformer.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/tutorial.html
----------------------------------------------------------------------
diff --git a/cn/doc/tutorial.html b/cn/doc/tutorial.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/tutorial.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/download.html
----------------------------------------------------------------------
diff --git a/cn/download.html b/cn/download.html
deleted file mode 100644
index 52b24c2..0000000
--- a/cn/download.html
+++ /dev/null
@@ -1,235 +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="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/cn/download.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="download" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "download";
- 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="/download.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/download.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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/cn/guide">
- 教程
- </a>
- </li>
- <li>
- <a class="" href="/cn/references">
- 手册
- </a>
- </li>
- <li>
- <a href="/cn/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>工具和服务</p>
- <ul class="subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <script src="/js/mobile-detect.js"></script>
-<script>
- function parseWeexVersion(data){
- window.androidURL = data.androidDownload;
- window.iosURL = data.iosDownload;
- }
- window.parseWeexVersion = parseWeexVersion;
-</script>
-<script src="https://h5.m.taobao.com/js/weex/playground/app/info.js"></script>
-
-<h5 style="text-align:center;margin-top: 100px;">please open this link in system browser</h5>
-
-<script>
- var md = new MobileDetect(window.navigator.userAgent);
- if ( md.is("iPhone") ) {
- location = window.iosURL;
- }else{
- location = window.androidURL;
- }
-</script>
-
- <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="/download.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/download.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/2c2795f2/cn/faq.html
----------------------------------------------------------------------
diff --git a/cn/faq.html b/cn/faq.html
deleted file mode 100644
index b20ed19..0000000
--- a/cn/faq.html
+++ /dev/null
@@ -1,296 +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="常见问题解答如何查阅旧文档？你可以通过文档左侧目录最后一项 “旧文档” 进入对于的历史文档页面。也可以直接访问以下链接访问： Guide 手册 高阶知识 工具 Windows 指令错误请先安装 Git for Windows，在 For Windows 中查看更多信息。 Android Studio 中 Gradle 错误下载 license-gradle-plugin.jar 可能引发一些错">
-<meta property="og:type" content="website">
-<meta property="og:title" content="常见问题">
-<meta property="og:url" content="https://weex-project.io/cn/faq.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="常见问题解答如何查阅旧文档？你可以通过文档左侧目录最后一项 “旧文档” 进入对于的历史文档页面。也可以直接访问以下链接访问： Guide 手册 高阶知识 工具 Windows 指令错误请先安装 Git for Windows，在 For Windows 中查看更多信息。 Android Studio 中 Gradle 错误下载 license-gradle-plugin.jar 可能引发一些错">
-<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="常见问题解答如何查阅旧文档？你可以通过文档左侧目录最后一项 “旧文档” 进入对于的历史文档页面。也可以直接访问以下链接访问： Guide 手册 高阶知识 工具 Windows 指令错误请先安装 Git for Windows，在 For Windows 中查看更多信息。 Android Studio 中 Gradle 错误下载 license-gradle-plugin.jar 可能引发一些错">
-
- <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="faq" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "faq";
- 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="/faq.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/faq.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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/cn/guide">
- 教程
- </a>
- </li>
- <li>
- <a class="" href="/cn/references">
- 手册
- </a>
- </li>
- <li>
- <a href="/cn/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>工具和服务</p>
- <ul class="subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="wrapper article-wrapper post-layout">
- <div>
- 版本
- <select name="" id="">
- <option value="1">1.x</option>
- <option value="2">2.x</option>
- </select>
- </div>
-
-
-<article class="article article-type-faq">
- <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><h2 id="如何查阅旧文档？" class="article-heading"><a href="#如何查阅旧文档？" class="headerlink" title="如何查阅旧文档？"></a>如何查阅旧文档？<a class="article-anchor" href="#如何查阅旧文档？" aria-hidden="true"></a></h2><p>你可以通过文档左侧目录最后一项 “旧文档” 进入对于的历史文档页面。也可以直接访问以下链接访问：</p>
-<ul>
-<li><a href="./v-0.10/guide/index.html">Guide</a></li>
-<li><a href="./v-0.10/references/index.html">手册</a></li>
-<li><a href="./v-0.10/advanced/index.html">高阶知识</a></li>
-<li><a href="./v-0.10/tools/index.html">工具</a></li>
-</ul>
-<h2 id="Windows-指令错误" class="article-heading"><a href="#Windows-指令错误" class="headerlink" title="Windows 指令错误"></a>Windows 指令错误<a class="article-anchor" href="#Windows-指令错误" aria-hidden="true"></a></h2><p>请先安装 <a href="https://git-scm.com/download/win" target="_blank" rel="external">Git for Windows</a>，在 <a href="https://github.com/apache/incubator-weex/tree/dev#for-windows" target="_blank" rel="external">For Windows</a> 中查看更多信息。</p>
-<h2 id="Android-Studio-中-Gradle-错误" class="article-heading"><a href="#Android-Studio-中-Gradle-错误" class="headerlink" title="Android Studio 中 Gradle 错误"></a>Android Studio 中 Gradle 错误<a class="article-anchor" href="#Android-Studio-中-Gradle-错误" aria-hidden="true"></a></h2><p>下载 <code>license-gradle-plugin.jar</code> 可能引发一些错误，比如 <code>链接被重置（Connection reset）</code> 和 <code>证书无效（peer not authenticated）</code> 。这可能是由于网络问题导致的，请尝试使用代理或VPN。</p>
-<h2 id="使用本地图片" class="article-heading"><a href="#使用本地图片" class="headerlink" title="使用本地图片"></a>使用本地图片<a class="article-anchor" href="#使用本地图片" aria-hidden="true"></a></h2><p>Weex 的原生运行机制支持从设备中加载图片，你只需要设置文件 url，例如 <code>file:///sdcard/image_new0.png</code> 这样的格式。但是 Weex 暂时还不支持加载你工程中的图片文件。</p>
-<h2 id="Windows-错误-The-header-content-contains-invalid-characters-（头中包含非法字符）" class="article-heading"><a href="#Windows-错误-The-header-content-contains-invalid-characters-（头中包含非法字符）" class="headerlink" title="Windows 错误 The header content contains invalid characters （头中包含非法字符）"></a>Windows 错误 <code>The header content contains invalid characters</code> （头中包含非法字符）<a class="article-anchor" href="#Windows-错误-The-header-content-contains-invalid-characters-（头中包含非法字符）" aria-hidden="true"></a></h2><p>这是由于 weex-toolkit 的依赖 http-server 导致的，http-server 的老版本在中文 windows 中的支持不是很好。我们已经修复了这个问题，请在使用前升级 weex-toolkit 版本。</p>
-<h2 id="Playground-应用在扫面后什么都没有显示（白屏）" class="article-heading"><a href="#Playground-应用在扫面后什么都没有显示（白屏）" class="headerlink" title="Playground 应用在扫面后什么都没有显示（白屏）"></a>Playground 应用在扫面后什么都没有显示（白屏）<a class="article-anchor" href="#Playground-应用在扫面后什么都没有显示（白屏）" aria-hidden="true"></a></h2><p>最好的方法是查看 debug 日志来查找原因，你可以按照 <a href="./guide/how-to/debug-with-devtools.html">这篇文档</a> 中的说明来查明导致这一问题的原因。</p>
-<h2 id="关于-ECMAScript-版本问题" class="article-heading"><a href="#关于-ECMAScript-版本问题" class="headerlink" title="关于 ECMAScript 版本问题"></a>关于 ECMAScript 版本问题<a class="article-anchor" href="#关于-ECMAScript-版本问题" aria-hidden="true"></a></h2><p>Weex 在 iOS 中使用 JSCore ，在 Android 中使用 v8，因此他们都支持 ECMAScript 5。另外，我们还在原生环境中加了一些 polyfills：</p>
-<ul>
-<li><code>Promise</code> in iOS/Android</li>
-<li><code>Timer APIs</code> (setTimeout/clearTimeout/setInterval/clearInterval`) in iOS/Android</li>
-<li><code>console</code> in iOS/Android</li>
-</ul>
-<p>在浏览器中我们暂时是包含了一个 <code>Promise</code> 的 polyfill。</p>
-<p>在未来，开发者可以选择是否通过 configurations 来导入一个 polyfill。</p>
-<p>你也可以通过带有 <code>webpack</code> 的 <code>babel</code> 来写 ES6，这个加载器能够自动将 ES6 转换为 ES5。</p>
-<p>如果你还想要更多的 ES6 polyfills，你可以把他们引入到 JS Bundle 中。</p>
-<h2 id="前端依赖" class="article-heading"><a href="#前端依赖" class="headerlink" title="前端依赖"></a>前端依赖<a class="article-anchor" href="#前端依赖" aria-hidden="true"></a></h2><p>在 Weex 中你有很多方法来 import/require 一个组件或者一个 JS 模块。以 ES5 为例：</p>
-<ul>
-<li><code>require('xxx.js')</code> : 依赖一个 JS 文件</li>
-<li><code>require('npm-module-name')</code> : 依赖一个 NPM 模块</li>
-<li><code>require('xxx.we')</code> : 包含一个 <code>.we</code> 文件来注册一个 Weex 自定义组件</li>
-<li><code>require('@weex-module/xxx')</code> : 依赖一个 Weex 原生模块。注意这只支持 <code>*.we</code> 文件而不支持 <code>*.js</code> 文件。如果你想要在一个 <code>*.js</code> 文件中使用 Weex 原生模块，暂时你可以这样写：</li>
-</ul>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="comment">// use this piece of code below to get Weex native module "modal"</span></div><div class="line"><span class="keyword">var</span> modal</div><div class="line">__weex_define__(<span class="string">'@weex-temp/x'</span>, <span class="function"><span class="keyword">function</span> (<span class="params">__weex_require__</span>) </span>{</div><div class="line"> modal = __weex_require__(<span class="string">'@weex-module/modal'</span>)</div><div class="line">})</div><div class="line"></div><div class="line"><span class="comment">// use APIs in "modal" module</span></div><div class="line">modal.toast({<span class="attr">message</span>: <span class="string">'hello'</span>})</div></pre></td></tr></table></figure>
-<p>以后我们会给大家带来一个更好的设计。</p>
-<h2 id="iOS-文本-line-height-样式不正常" class="article-heading"><a href="#iOS-文本-line-height-样式不正常" class="headerlink" title="iOS 文本 line-height 样式不正常"></a>iOS 文本 <code>line-height</code> 样式不正常<a class="article-anchor" href="#iOS-文本-line-height-样式不正常" aria-hidden="true"></a></h2><p><code>line-height</code> 样式在 <code><text></code> 组件中的表现与 H5 和 Android 不同，文本不会在行内居中，而是贴近行底部，因为这里使用的 iOS 原生 API。我们正在努力优化，与其他两端保持一致。</p>
-<h2 id="Android-只支持-overflow-hidden" class="article-heading"><a href="#Android-只支持-overflow-hidden" class="headerlink" title="Android 只支持 overflow:hidden"></a>Android 只支持 <code>overflow:hidden</code><a class="article-anchor" href="#Android-只支持-overflow-hidden" aria-hidden="true"></a></h2><p><code>overflow</code> 样式在 Android 默认为 <code>hidden</code> 并且无法修改，原因是 Android View framework 限制。这个问题只出现在 Android 端，iOS 端和 H5 正常。</p>
-<h2 id="如何取消-750-像素自适应并以宽高比计算真实像素？" class="article-heading"><a href="#如何取消-750-像素自适应并以宽高比计算真实像素？" class="headerlink" title="如何取消 750 像素自适应并以宽高比计算真实像素？"></a>如何取消 750 像素自适应并以宽高比计算真实像素？<a class="article-anchor" href="#如何取消-750-像素自适应并以宽高比计算真实像素？" aria-hidden="true"></a></h2><p><code>this.$getConfig()</code> 方法会返回一个对象，这个对象的 <code>deviceHeight</code> 和 <code>deviceWidth</code> 属性即实际设备宽度/高度（以像素为单位），而不是以 750 适配的。</p>
-<p>因此，您可以使用它们来计算实际像素的宽度/高度。</p>
-<p>假设您需要显示固定为 88 px 的导航栏，该导航栏的高度将是：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> height = <span class="number">88</span> * <span class="number">750</span> / env.deviceWidth</div></pre></td></tr></table></figure>
-<h2 id="如何在-JavaScript-中检测是否支持某个原生的-module-component" class="article-heading"><a href="#如何在-JavaScript-中检测是否支持某个原生的-module-component" class="headerlink" title="如何在 JavaScript 中检测是否支持某个原生的 module/component"></a>如何在 JavaScript 中检测是否支持某个原生的 module/component<a class="article-anchor" href="#如何在-JavaScript-中检测是否支持某个原生的-module-component" aria-hidden="true"></a></h2><h3 id="检测原生-module" class="article-heading"><a href="#检测原生-module" class="headerlink" title="检测原生 module"></a>检测原生 module<a class="article-anchor" href="#检测原生-module" aria-hidden="true"></a></h3><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> xxx = <span class="built_in">require</span>(<span class="string">'@weex-module/xxx'</span>)</div><div class="line"><span class="k
eyword">if</span> (xxx) {</div><div class="line"> <span class="comment">// todo: use this module</span></div><div class="line">}</div><div class="line"><span class="keyword">else</span> {</div><div class="line"> <span class="comment">// todo: handle the exception</span></div><div class="line">}</div></pre></td></tr></table></figure>
-<h3 id="检测原生-component" class="article-heading"><a href="#检测原生-component" class="headerlink" title="检测原生 component"></a>检测原生 component<a class="article-anchor" href="#检测原生-component" aria-hidden="true"></a></h3><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">component</span> <span class="attr">is</span>=<span class="string">"{{type}}"</span>></span><span class="tag"></<span class="name">component</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">var</span> type = <span class="string">'xxx'</span></div><div
class="line"> <span class="keyword">var</span> xxx = <span class="built_in">require</span>(<span class="string">'@weex-component/xxx'</span>)</div><div class="line"> <span class="keyword">if</span> (!xxx) {</div><div class="line"> type = <span class="string">'div'</span> <span class="comment">// downgrade to <div></span></div><div class="line"> }</div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">type</span>: type</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<h2 id="如何在-pages-之间传递数据" class="article-heading"><a href="#如何在-pages-之间传递数据" class="headerlink" title="如何在 pages 之间传递数据"></a>如何在 pages 之间传递数据<a class="article-anchor" href="#如何在-pages-之间传递数据" aria-hidden="true"></a></h2><p>如果你有两个页面，A 页面和 B 页面</p>
-<ol>
-<li>A -> B，使用 <a href="/references/api.md#getconfig">getConfig api</a> or <a href="/modules/storage.md">storage module</a> 传递数据；</li>
-<li>B -> A，使用 <a href="/modules/storage.md">storage module</a> 传递数据。</li>
-</ol>
-<h2 id="父子组件之间进行-repeat-操作" class="article-heading"><a href="#父子组件之间进行-repeat-操作" class="headerlink" title="父子组件之间进行 repeat 操作"></a>父子组件之间进行 repeat 操作<a class="article-anchor" href="#父子组件之间进行-repeat-操作" aria-hidden="true"></a></h2><p>如果你有需求，在父子组件之间进行 repeat 操作，需要注意，必须严格按照官网文档的语法来书写代码。如果缺少子组件定义 data 数据，或者是没有指定需要向下传递的 props，都会导致页面不正常渲染。</p>
-<p>错误示例：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">element</span> <span class="attr">name</span>=<span class="string">"child"</span>></span></div><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></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size:100"</span>></span>{{title}}<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"><span class="tag"></<span class="name">element</span>></span></div><div class="line"></div><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></div><div class="line"> <span class="tag"><<span class="name">child</span> <span class="attr">repeat</span>=<span class="string">"item in lists"</span>></span><span class="tag"></<span class="name">child</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"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: {</div><div class="line"> <span class="attr">lists</span>: [</div><div class="line"> { <span class="attr">title</span>: <span class="string">'A'</span> }
,</div><div class="line"> { <span class="attr">title</span>: <span class="string">'B'</span> },</div><div class="line"> { <span class="attr">title</span>: <span class="string">'C'</span> }</div><div class="line"> ]</div><div class="line"> },</div><div class="line"> <span class="attr">ready</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.lists.splice(<span class="number">0</span>, <span class="number">1</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p>以上示例的理想执行情况，应该是页面上第一个元素 A 被删除，剩下 B、C 两个元素。<br>但是，由于错误的写法，导致列表执行 splice 操作之后，出现错误的更新情况：页面最后一个元素 C 被删除。</p>
-<p>正确的写法如下：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">element</span> <span class="attr">name</span>=<span class="string">"child"</span>></span></div><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></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size:100"</span>></span>{{title}}<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="line"> <span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></d
iv><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: {</div><div class="line"> <span class="attr">title</span>: <span class="literal">null</span></div><div class="line"> }</div><div class="line"> }</div><div class="line"> <span class="tag"></<span class="name">script</span>></span></div><div class="line"><span class="tag"></<span class="name">element</span>></span></div><div class="line"></div><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></div><div class="line"> <span class="tag"><<span class="name">child</span> <span class="attr">repeat</span>=<span class="string">"item in lists"</span> <span class="attr">title</span>=<span class="string">"{{ item.title }}"</span>></span><span class="tag"></<span
class="name">child</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"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: {</div><div class="line"> <span class="attr">lists</span>: [</div><div class="line"> { <span class="attr">title</span>: <span class="string">'A'</span> },</div><div class="line"> { <span class="attr">title</span>: <span class="string">'B'</span> },</div><div class="line"> { <span class="attr">title</span>: <span class="string">'C'</span> }</div><div class="line"> ]</div><div class="line"> },</div><div class="line"> <span class="attr">ready
</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.lists.splice(<span class="number">0</span>, <span class="number">1</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p>在线示例请见：</p>
-<ul>
-<li><a href="http://dotwe.org/de97cf2c1b7ec09a53728edc9c27ad2a" target="_blank" rel="external">错误示例</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="/faq.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/faq.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>
[33/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/a.html
----------------------------------------------------------------------
diff --git a/cn/references/components/a.html b/cn/references/components/a.html
deleted file mode 100644
index 63e1aa0..0000000
--- a/cn/references/components/a.html
+++ /dev/null
@@ -1,1480 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><a> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;a&gt;&lt;a&gt; 组件定义了指向某个页面的一个超链接. 此组件的作用和用法与HTML5中的 &lt;a&gt; 非常类似，区别在于 Weex 的 &lt;a&gt; 组件不能直接在里面添加文本（字符串），如果要展示文本，应该添加 &lt;text&gt; 组件。 子组件此组件支持除了自己外的所有 Weex 组件作为子组件。 特性 href {string}：定义了超链接的 UR">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<a>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/a.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;a&gt;&lt;a&gt; 组件定义了指向某个页面的一个超链接. 此组件的作用和用法与HTML5中的 &lt;a&gt; 非常类似，区别在于 Weex 的 &lt;a&gt; 组件不能直接在里面添加文本（字符串），如果要展示文本，应该添加 &lt;text&gt; 组件。 子组件此组件支持除了自己外的所有 Weex 组件作为子组件。 特性 href {string}：定义了超链接的 UR">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<a>">
-<meta name="twitter:description" content="&lt;a&gt;&lt;a&gt; 组件定义了指向某个页面的一个超链接. 此组件的作用和用法与HTML5中的 &lt;a&gt; 非常类似，区别在于 Weex 的 &lt;a&gt; 组件不能直接在里面添加文本（字符串），如果要展示文本，应该添加 &lt;text&gt; 组件。 子组件此组件支持除了自己外的所有 Weex 组件作为子组件。 特性 href {string}：定义了超链接的 UR">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/a.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/a.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link current "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link current "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-a-gt" class="article-heading"><a href="#lt-a-gt" class="headerlink" title="<a>"></a><a><a class="article-anchor" href="#lt-a-gt" aria-hidden="true"></a></h1><p><code><a></code> 组件定义了指向某个页面的一个超链接. 此组件的作用和用法与HTML5中的 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_blank" rel="external"><code><a></code></a> 非常类似，区别在于 Weex 的 <code><a></code> 组件<strong>不能</strong>直接在里面添加文本（字符串），如果要展示文本，应该添加 <code><text></code> 组件。</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>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>href {string}</code>：定义了超链接的 URL。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p><code><a></code> 支持所有通用样式。</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a>。</p>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><p><code><a></code> 支持所有通用事件。</p>
-<ul>
-<li><code>click</code><br><strong>注意：</strong>我们不能保证 <code>click</code> 事件和 <code>href</code> 跳转的执行顺序。建议不要使用 <code>click</code> 事件来处理 <code>href</code> 跳转前的逻辑处理。</li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a>。</p>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ul>
-<li><p><strong>不能</strong>直接在 <code><a></code> 中添加文本。</p>
-</li>
-<li><p>请不要为 <code><a></code> 添加 <code>click</code> 事件。我们不能确保 <code>click</code> 事件和 <code>href</code> 跳转的执行顺序。</p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">a</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">href</span>=<span class="string">"http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>Jump<span class="tag"></<span class="name">text</span>></span></div><div
class="line"> <span class="tag"></<span class="name">a</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="line"><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">.button</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div cla
ss="line"> <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class=
"number">#666666</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/025db54e37123ab5336a4b848397660f" target="_blank" rel="external">try it</a></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="/references/components/a.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/a.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/2c2795f2/cn/references/components/cell.html
----------------------------------------------------------------------
diff --git a/cn/references/components/cell.html b/cn/references/components/cell.html
deleted file mode 100644
index 19c7972..0000000
--- a/cn/references/components/cell.html
+++ /dev/null
@@ -1,1483 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><cell> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;cell&gt;用于定义列表中的子列表项，类似于 HTML 中的 ul 之于 li。Weex 会对 &lt;cell&gt; 进行高效的内存回收以达到更好的性能，该组件必须作为&lt;list&gt; 组件的子组件, 这是为了优化滚动时的性能。 子组件支持所有 Weex 的组件作为它的子组件。 属性 keep-scroll-position {boolean}: v0.11+ List 插">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<cell>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/cell.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;cell&gt;用于定义列表中的子列表项，类似于 HTML 中的 ul 之于 li。Weex 会对 &lt;cell&gt; 进行高效的内存回收以达到更好的性能，该组件必须作为&lt;list&gt; 组件的子组件, 这是为了优化滚动时的性能。 子组件支持所有 Weex 的组件作为它的子组件。 属性 keep-scroll-position {boolean}: v0.11+ List 插">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<cell>">
-<meta name="twitter:description" content="&lt;cell&gt;用于定义列表中的子列表项，类似于 HTML 中的 ul 之于 li。Weex 会对 &lt;cell&gt; 进行高效的内存回收以达到更好的性能，该组件必须作为&lt;list&gt; 组件的子组件, 这是为了优化滚动时的性能。 子组件支持所有 Weex 的组件作为它的子组件。 属性 keep-scroll-position {boolean}: v0.11+ List 插">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/cell.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/cell.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link current "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link current "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <cell>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-cell-gt" class="article-heading"><a href="#lt-cell-gt" class="headerlink" title="<cell>"></a><cell><a class="article-anchor" href="#lt-cell-gt" aria-hidden="true"></a></h1><p>用于定义列表中的子列表项，类似于 HTML 中的 <code>ul</code> 之于 <code>li</code>。Weex 会对 <code><cell></code> 进行高效的内存回收以达到更好的性能，该组件必须作为<a href="./list.html"><code><list></code></a> 组件的子组件, 这是为了优化滚动时的性能。</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>
-<h2 id="属性" class="article-heading"><a href="#属性" class="headerlink" title="属性"></a>属性<a class="article-anchor" href="#属性" aria-hidden="true"></a></h2><ul>
-<li><code>keep-scroll-position {boolean}</code>: <span class="api-version">v0.11+</span> List 插入数据后是否保持上次滚动的位置</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p><strong>注意：</strong></p>
-<p>由于 <code><cell></code> 本身是一个容器，其布局由 <code><list></code> 进行管理，你不能给 <code><cell></code> 设定<code>flex</code>值。 <code><cell></code>的宽度等于父组件 <code><list></code> 的宽度，并且 <code><cell></code> 高度自适应，指定 <code>margin</code> 样式也不起作用。</p>
-<ul>
-<li><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">list</span> <span class="attr">class</span>=<span class="string">"list"</span> @<span class="attr">loadmore</span>=<span class="string">"fetch"</span> <span class="attr">loadmoreoffset</span>=<span class="string">"10"</span>></span></div><div class="line"> <span class="tag"><<span class="name">cell</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"
</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{num}}<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">cell</span>></span></div><div class="line"> <span class="tag"></<span class="name">list</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"> <span class="keyword">const</span> LOADMORE_COUNT = <span class=
"number">4</span></div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> fetch (event) {</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'loadmore'</span>, <span class="attr">duration</span>: <span class="number">1</span> })</div><div class="line"></div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></
span> {</div><div class="line"> <span class="keyword">const</span> length = <span class="keyword">this</span>.lists.length</div><div class="line"> <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i < length + LOADMORE_COUNT; ++i) {</div><div class="line"> <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line"> }</div><div class="line"> }, <span class="number">800</span>)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.panel</span> {</div><div class="line"> <span class="
attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">35px</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"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute
">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</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><a href="http://dotwe.org/vue/d31c85e7cd2dc54fa098e920a5376c38" target="_blank" rel="external">try it</a></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="/references/components/cell.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/cell.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>
[26/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/cn/references/components/refresh.html b/cn/references/components/refresh.html
deleted file mode 100644
index 6ed75a3..0000000
--- a/cn/references/components/refresh.html
+++ /dev/null
@@ -1,1490 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><refresh> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;refresh&gt;v0.6.1+ &lt;refresh&gt; 为 &lt;scroller&gt; 和 &lt;list&gt; 提供下拉加载功能。用法与特性与 &lt;loading&gt; 类似，&lt;scroller&gt; 和 &lt;list&gt; 的子组件，且只能在被 &lt;scroller&gt; 和 &lt;list&gt; 包含时才能被正确的渲染。 子组件">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<refresh>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/refresh.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;refresh&gt;v0.6.1+ &lt;refresh&gt; 为 &lt;scroller&gt; 和 &lt;list&gt; 提供下拉加载功能。用法与特性与 &lt;loading&gt; 类似，&lt;scroller&gt; 和 &lt;list&gt; 的子组件，且只能在被 &lt;scroller&gt; 和 &lt;list&gt; 包含时才能被正确的渲染。 子组件">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<refresh>">
-<meta name="twitter:description" content="&lt;refresh&gt;v0.6.1+ &lt;refresh&gt; 为 &lt;scroller&gt; 和 &lt;list&gt; 提供下拉加载功能。用法与特性与 &lt;loading&gt; 类似，&lt;scroller&gt; 和 &lt;list&gt; 的子组件，且只能在被 &lt;scroller&gt; 和 &lt;list&gt; 包含时才能被正确的渲染。 子组件">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/refresh.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/refresh.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link current "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link current "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <refresh>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-refresh-gt" class="article-heading"><a href="#lt-refresh-gt" class="headerlink" title="<refresh>"></a><refresh><a class="article-anchor" href="#lt-refresh-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.6.1+</span></p>
-<p><code><refresh></code> 为 <code><scroller></code> 和 <code><list></code> 提供下拉加载功能。用法与特性与 <code><loading></code> 类似，<code><scroller></code> 和 <code><list></code> 的子组件，且只能在被 <code><scroller></code> 和 <code><list></code> 包含时才能被正确的渲染。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><ul>
-<li><a href="./text.html"><code><text></code></a></li>
-<li><a href="./image.html"><code><image></code></a></li>
-<li><code><loading-indicator></code>: <code><refresh></code> 和 <code><loading></code> 组件的子组件，拥有默认的动画效果的实现。</li>
-</ul>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>display {string}</code>：可选值为 <code>show</code> 或者 <code>hide</code>，仅隐藏 <code><indicator></code>，<code><refresh></code> 其他子组件依然可见，<code><refresh></code> 事件仍会被触发。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p>支持所有通用样式。</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><code>refresh</code>： 当 <code><scroller></code>/<code><list></code> 被下拉时触发。</li>
-<li><p><code>pullingdown</code><span class="weex-version">v0.6.1+</span>: 当 <code><scroller></code>/<code><list></code> 被下拉时触发，可以从事件的参数对象中获取 dy,pullingDistance, viewHeight, type</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">dy: 前后两次回调滑动距离的差值</div><div class="line">pullingDistance: 下拉的距离</div><div class="line">viewHeight: refreshView 高度</div><div class="line">type: "pullingdown" 常数字符串</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ul>
-<li><code><refresh></code> 不支持 <code>remove</code>，v0.9 版本会修复。</li>
-<li><p><code>display</code> 值为 <code>show</code> 或 <code>hide</code>。仅隐藏 <code><indicator></code>，<code><refresh></code> 其他子组件依然可见，<code>refresh</code> 事件仍会被触发。</p>
-<p>如果需要 <code><refresh></code> hide 时隐藏文案并不再触发事件，有两种解决方法：</p>
-<ol>
-<li>修改提示文案，并在 <code>refresh</code> 事件中添加判断逻辑；</li>
-<li>v0.9+ 可通过 <code>remove</code> 解决。</li>
-</ol>
-</li>
-<li><p>只能通过 <code>display</code> 特性进行展示和隐藏，且必须成对出现，即设置 <code>display="show"</code>,必须有对应的 <code>display="hide"</code>。</p>
-</li>
-</ul>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>></span></div><div class="line"> <span class="tag"><<span class="name">refresh</span> <span class="attr">class</span>=<span class="string">"refresh"</span> @<span class="attr">refresh</span>=<span class="string">"onrefresh"</span> @<span class="attr">pullingdown</span>=<span class="string">"onpullingdown"</span> <span class="attr">:display</span>=<span class="string">"refreshing ? 'show' : 'hide'"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="a
ttr">class</span>=<span class="string">"indicator"</span>></span>Refreshing ...<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">refresh</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>></span>{{num}}<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">div</span>></span></div><div class="line"> <span class="tag"></<span class="name">scroller</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">refreshing</span>: <span class="literal">false</span>,</div><div class="line"> <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</
span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> onrefresh (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'is refreshing'</span>)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'refresh'</span>, <span class="attr">duration</span>: <span class="number">1</span> })</div><div class="line"> <span class="keyword">this</span>.refreshing = <span class="literal">true</span></div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></span> {</div><div class="line"> <span class="keyword">this</span>.refreshing = <span class="literal">false</span></div><div class="line"> }, <span
class="number">2000</span>)</div><div class="line"> },</div><div class="line"> onpullingdown (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'is onpulling down'</span>)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'pulling down'</span>, <span class="attr">duration</span>: <span class="number">1</span> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.indicator</span> {</div><div class="line"> <span class="attribute">color</span>: <span class="number">#888888</span>;</div>
<div class="line"> <span class="attribute">font-size</span>: <span class="number">42px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.panel</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">35px</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"> <span
class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.text</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</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><a href="http://dotwe.org/vue/d3db5f344220a6339de044a5e33c502b" target="_blank" rel="external">try it</a></p>
-<p>更多示例可查看 <a href="./list.html"><code><list></code></a></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="/references/components/refresh.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/refresh.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>
[43/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-to-android.html b/cn/references/advanced/extend-to-android.html
deleted file mode 100644
index 876daca..0000000
--- a/cn/references/advanced/extend-to-android.html
+++ /dev/null
@@ -1,1497 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Android 扩展 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Android 扩展Weex 提供了扩展机制，可以根据自己的业务进行定制自己的功能。主要分为两类扩展： Module 扩展 非 UI 的特定功能。例如 sendHttp、openURL 等。 Component 扩展 实现特别功能的 Native 控件。例如：RichTextview，RefreshListview 等。 Adapter 扩展 Weex 对一些基础功能实现了统一的接口，可实现">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Android 扩展">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/extend-to-android.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Android 扩展Weex 提供了扩展机制，可以根据自己的业务进行定制自己的功能。主要分为两类扩展： Module 扩展 非 UI 的特定功能。例如 sendHttp、openURL 等。 Component 扩展 实现特别功能的 Native 控件。例如：RichTextview，RefreshListview 等。 Adapter 扩展 Weex 对一些基础功能实现了统一的接口，可实现">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Android 扩展">
-<meta name="twitter:description" content="Android 扩展Weex 提供了扩展机制，可以根据自己的业务进行定制自己的功能。主要分为两类扩展： Module 扩展 非 UI 的特定功能。例如 sendHttp、openURL 等。 Component 扩展 实现特别功能的 Native 控件。例如：RichTextview，RefreshListview 等。 Adapter 扩展 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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/extend-to-android.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-to-android.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link current ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link current ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Android 扩展
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Android-扩展" class="article-heading"><a href="#Android-扩展" class="headerlink" title="Android 扩展"></a>Android 扩展<a class="article-anchor" href="#Android-扩展" aria-hidden="true"></a></h1><p>Weex 提供了扩展机制，可以根据自己的业务进行定制自己的功能。<br>主要分为两类扩展： </p>
-<ul>
-<li>Module 扩展 非 UI 的特定功能。例如 sendHttp、openURL 等。</li>
-<li>Component 扩展 实现特别功能的 Native 控件。例如：RichTextview，RefreshListview 等。</li>
-<li>Adapter 扩展 Weex 对一些基础功能实现了统一的接口，可实现这些接口来定制自己的业务。例如：图片下载等。</li>
-</ul>
-<h2 id="Module-扩展" class="article-heading"><a href="#Module-扩展" class="headerlink" title="Module 扩展"></a>Module 扩展<a class="article-anchor" href="#Module-扩展" aria-hidden="true"></a></h2><ol>
-<li>Module 扩展必须继承 WXModule 类。</li>
-<li>扩展方法必须加上 @WXModuleAnno 注解。Weex 会根据注解来判断当前方法是否要运行在 UI 线程，和当前方法是否是扩展方法。</li>
-<li>Weex是根据反射来进行调用 Module 扩展方法，所以Module中的扩展方法必须是 public 类型。</li>
-<li>同样因为是通过反射调用，Module 不能被混淆。请在混淆文件中添加代码：<code>-keep public class * extends com.taobao.weex.common.WXModule{*;}</code></li>
-<li>Module 扩展的方法可以使用 int, double, float, String, Map, List 类型的参数</li>
-<li>完成 Module 后一定要在初始化时注册 <code>WXSDKEngine.registerModule("myModule", MyModule.class);</code> 否则会报类似错误：<code>ReportException :undefined:9: TypeError: Object #<Object> has no method 'printLog'</code></li>
-</ol>
-<p>示例如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MyModule</span> <span class="keyword">extends</span> <span class="title">WXModule</span> </span>{</div><div class="line"></div><div class="line"> <span class="meta">@WXModuleAnno</span>(runOnUIThread = <span class="keyword">true</span>)</div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">printLog</span><span class="params">(String msg)</span> </span>{</div><div class="line"> Toast.makeText(mWXSDKInstance.getContext(),msg,Toast.LENGTH_SHORT).show();</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>JS 调用如下：</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></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">onclick</span>=<span class="string">"click"</span>></span>点击我测试<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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> <span class="att
r">click</span>: <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> weex.requireModule(<span class="string">'myModule'</span>).printLog(<span class="string">"我是一个测试!"</span>);</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<h4 id="支持-synchronous-asynchronous-回调" class="article-heading"><a href="#支持-synchronous-asynchronous-回调" class="headerlink" title="支持 synchronous/asynchronous 回调"></a>支持 synchronous/asynchronous 回调<a class="article-anchor" href="#支持-synchronous-asynchronous-回调" aria-hidden="true"></a></h4><p>你可以添加 <code>@JSMethod(uiThread = false或true)</code> 注释来选择 moudle 的回调模式。请参见以下示例：</p>
-<figure class="highlight"><table><tr><td class="code"><pre><div class="line"> // as sync-callback mode</div><div class="line">@JSMethod (uiThread = false)</div><div class="line">public void testSyncCall(){</div><div class="line"> WXLogUtils.d("WXComponentSyncTest : Thread.currentThread().getName());</div><div class="line">}</div><div class="line"></div><div class="line">// as async-callback mode</div><div class="line">@JSMethod (uiThread = true)</div><div class="line">public void testAsyncCall(){</div><div class="line"> WXLogUtils.e("WXComponentASynTest : Thread.currentThread().getName() );</div><div class="line">}</div></pre></td></tr></table></figure>
-<h2 id="Component-扩展" class="article-heading"><a href="#Component-扩展" class="headerlink" title="Component 扩展"></a>Component 扩展<a class="article-anchor" href="#Component-扩展" aria-hidden="true"></a></h2><ol>
-<li>Component 扩展类必须集成 WXComponent.</li>
-<li>Component 对应的设置属性的方法必须添加注解 @WXComponentProp(name=value(value is attr or style of dsl))</li>
-<li>Weex sdk 通过反射调用对应的方法，所以 Component 对应的属性方法必须是 public，并且不能被混淆。请在混淆文件中添加代码 <code>-keep public class * extends com.taobao.weex.ui.component.WXComponent{*;}</code></li>
-<li>Component 扩展的方法可以使用 int, double, float, String, Map, List 类型的参数</li>
-<li>完成 Component 后一定要在初始化时注册 <code>WXSDKEngine.registerComponent("richtext",RichText.class);</code></li>
-</ol>
-<p>示例如下:</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">RichText</span> <span class="keyword">extends</span> <span class="title">WXComponent</span> </span>{</div><div class="line"></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="title">RichText</span><span class="params">(WXSDKInstance instance, WXDomObject dom, WXVContainer parent, <span class="keyword">boolean</span> isLazy)</span> </span>{</div><div class="line"> <span class="keyword">super</span>(instance, dom, parent, isLazy);</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">initView</span><span class="params">()</span> </span>
{</div><div class="line"> mHost=<span class="keyword">new</span> TextView(mContext);</div><div class="line"> ((TextView)mHost).setMovementMethod(LinkMovementMethod.getInstance());</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@WXComponentProp</span>(name = <span class="string">"tel"</span>)</div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setTelLink</span><span class="params">(String tel)</span></span>{</div><div class="line"> SpannableString spannable=<span class="keyword">new</span> SpannableString(tel);</div><div class="line"> spannable.setSpan(<span class="keyword">new</span> URLSpan(<span class="string">"tel:"</span>+tel),<span class="number">0</span>,tel.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);</div><div class="line"> ((TextView)mHost).setText(spannable);</div><div class="line"> }</div><div class="line
">}</div></pre></td></tr></table></figure>
-<p>JS 调用如下：</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></div><div class="line"> <span class="tag"><<span class="name">richText</span> <span class="attr">tel</span>=<span class="string">"12305"</span> <span class="attr">style</span>=<span class="string">"width:200;height:100"</span>></span>12305<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></pre></td></tr></table></figure>
-<h2 id="Adapter扩展" class="article-heading"><a href="#Adapter扩展" class="headerlink" title="Adapter扩展"></a>Adapter扩展<a class="article-anchor" href="#Adapter扩展" aria-hidden="true"></a></h2><p>图片下载：</p>
-<p>需要时集成接口 IWXImgLoaderAdapter，实现 setImage 方法。</p>
-<p>示例如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">ImageAdapter</span> <span class="keyword">implements</span> <span class="title">IWXImgLoaderAdapter</span> </span>{</div><div class="line"></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="title">ImageAdapter</span><span class="params">()</span> </span>{</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setImage</span><span class="params">(<span class="keyword">final</span> String url, <span class="keyword">final</span> ImageView view,</span></span></div><div class="line"> WXImageQuality quality, WXImageStrategy s
trategy) {</div><div class="line"></div><div class="line"> WXSDKManager.getInstance().postOnUiThread(<span class="keyword">new</span> Runnable() {</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">run</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">if</span>(view==<span class="keyword">null</span>||view.getLayoutParams()==<span class="keyword">null</span>){</div><div class="line"> <span class="keyword">return</span>;</div><div class="line"> }</div><div class="line"> <span class="keyword">if</span> (TextUtils.isEmpty(url)) {</div><div class="line"> view.setImageBitmap(<span class="keyword">null</span>);</div><div class="line"> <span class="keyword">return</span>;</div><div class="lin
e"> }</div><div class="line"> String temp = url;</div><div class="line"> <span class="keyword">if</span> (url.startsWith(<span class="string">"//"</span>)) {</div><div class="line"> temp = <span class="string">"http:"</span> + url;</div><div class="line"> }</div><div class="line"> <span class="keyword">if</span> (view.getLayoutParams().width <= <span class="number">0</span> || view.getLayoutParams().height <= <span class="number">0</span>) {</div><div class="line"> <span class="keyword">return</span>;</div><div class="line"> }</div><div class="line"> Picasso.with(WXEnvironment.getApplication())</div><div class="line"> .load(temp)</div><div class="line"> .into(view);</div><div class="line"> }</div><div class="line"> },<span class="number">0</span>);</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<h4 id="组件方法支持" class="article-heading"><a href="#组件方法支持" class="headerlink" title="组件方法支持"></a>组件方法支持<a class="article-anchor" href="#组件方法支持" aria-hidden="true"></a></h4><p>从WeexSDK 0.9.5开始，你可以定义组件方法</p>
-<ul>
-<li><p>在组件中如下声明一个组件方法</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="meta">@JSMethod</span></div><div class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">focus</span><span class="params">()</span></span>{</div><div class="line"> <span class="comment">//method implementation</span></div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<ul>
-<li><p>注册组之后，你可以在weex 文件中调用</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">mycomponent</span> <span class="attr">id</span>=<span class="string">'mycomponent'</span>></span><span class="tag"></<span class="name">mycomponent</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">created</span>: <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.$el(<span class="string">'mycomponent'</span>).focus();</div><div class="line">
}</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-</li>
-</ul>
-<p>注:工程要添加依赖 <code>compile 'com.squareup.picasso:picasso:2.5.2'</code></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="/references/advanced/extend-to-android.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-to-android.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>
[41/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-to-ios.html b/cn/references/advanced/extend-to-ios.html
deleted file mode 100644
index 28b0373..0000000
--- a/cn/references/advanced/extend-to-ios.html
+++ /dev/null
@@ -1,1565 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>iOS 扩展 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="注意Weex 所有暴露给 JS 的内置 module 或 component API 都是安全和可控的， 它们不会去访问系统的私有 API ，也不会去做任何 runtime 上的 hack 更不会去改变应用原有的功能定位。 如果需要扩展自定义的 module 或者 component ，一定注意不要将 OC 的 runtime 暴露给 JS ， 不要将一些诸如 dlopen()， dlsym()">
-<meta property="og:type" content="website">
-<meta property="og:title" content="iOS 扩展">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/extend-to-ios.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="注意Weex 所有暴露给 JS 的内置 module 或 component API 都是安全和可控的， 它们不会去访问系统的私有 API ，也不会去做任何 runtime 上的 hack 更不会去改变应用原有的功能定位。 如果需要扩展自定义的 module 或者 component ，一定注意不要将 OC 的 runtime 暴露给 JS ， 不要将一些诸如 dlopen()， dlsym()">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="iOS 扩展">
-<meta name="twitter:description" content="注意Weex 所有暴露给 JS 的内置 module 或 component API 都是安全和可控的， 它们不会去访问系统的私有 API ，也不会去做任何 runtime 上的 hack 更不会去改变应用原有的功能定位。 如果需要扩展自定义的 module 或者 component ，一定注意不要将 OC 的 runtime 暴露给 JS ， 不要将一些诸如 dlopen()， dlsym()">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-to-ios.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link current ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link current ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- iOS 扩展
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h2 id="注意" class="article-heading"><a href="#注意" class="headerlink" title="注意"></a>注意<a class="article-anchor" href="#注意" aria-hidden="true"></a></h2><p><strong>Weex 所有暴露给 JS 的内置 module 或 component API 都是安全和可控的， 它们不会去访问系统的私有 API ，也不会去做任何 runtime 上的 hack 更不会去改变应用原有的功能定位。</strong></p>
-<p><strong>如果需要扩展自定义的 module 或者 component ，一定注意不要将 OC 的 runtime 暴露给 JS ， 不要将一些诸如 <code>dlopen()</code>， <code>dlsym()</code>， <code>respondsToSelector:</code>，<code>performSelector:</code>，<code>method_exchangeImplementations()</code> 的动态和不可控的方法暴露给JS， 也不要将系统的私有API暴露给JS</strong></p>
-<h2 id="Module-扩展" class="article-heading"><a href="#Module-扩展" class="headerlink" title="Module 扩展"></a>Module 扩展<a class="article-anchor" href="#Module-扩展" aria-hidden="true"></a></h2><p><a href="https://github.com/weexteam/article/issues/55" target="_blank" rel="external">swift</a> 扩展 module </p>
-<p>Weex SDK 只提供渲染，而不是其他的能力，如果你需要 像网络，图片，URL跳转这些特性，需要自己动手实现他们<br>例如，如果你想实现一个url地址跳转函数，你可以按照如下步骤实现一个 Module</p>
-<h3 id="自定义module的步骤" class="article-heading"><a href="#自定义module的步骤" class="headerlink" title="自定义module的步骤"></a><strong>自定义module的步骤</strong><a class="article-anchor" href="#自定义module的步骤" aria-hidden="true"></a></h3><ol>
-<li>自定义的module类 必须实现 <code>WXModuleProtocol</code></li>
-<li>必须添加宏<code>WX_EXPORT_METHOD</code>, 它可以被weex识别，它的参数是 JavaScript调用 module指定方法的参数</li>
-<li>添加<code>@synthesized weexInstance</code>，每个moudle对象被绑定到一个指定的实例上</li>
-<li>Module 方法会在UI线程中被调用，所以不要做太多耗时的任务在这里，如果要在其他线程执行整个module 方法，需要实现<code>WXModuleProtocol</code>中<code>- (NSThread *)targetExecuteThread</code>的方法，这样，分发到这个module的任务会在指定的线程中运行</li>
-<li>Weex 的参数可以是 String 或者Map</li>
-<li><p>Module 支持返回值给 JavaScript中的回调，回调的类型是<code>WXModuleCallback</code>,回调的参数可以是String或者Map</p>
- <figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@implementation WXEventModule</div><div class="line">@synthesize weexInstance;</div><div class="line"> WX_EXPORT_METHOD(@selector(openURL:callback))</div><div class="line">- (void)openURL:(NSString *)url callback:(WXModuleCallback)callback</div><div class="line">{</div><div class="line"> NSString *newURL = url;</div><div class="line"> if ([url hasPrefix:@"//"]) {</div><div class="line"> newURL = [NSString stringWithFormat:@"http:%@", url];</div><div class="line"> } else if (![url hasPrefix:@"http"]) {</div><div class="line"> newURL = [NSURL URLWithString:url relativeToURL:weexInstance.scriptURL].absoluteString;</div><div class="line"> }</div><div class="line"></div><div class="line"> UIViewController *controller = [[WXDemoViewController alloc] init];</div><div class="line"> ((WXDemoViewController *)controller).u
rl = [NSURL URLWithString:newURL];</div><div class="line"></div><div class="line"> [[weexInstance.viewController navigationController] pushViewController:controller animated:YES];</div><div class="line"> callback(@{@"result":@"success"});</div><div class="line">}</div><div class="line"></div><div class="line">@end</div></pre></td></tr></table></figure>
-</li>
-</ol>
-<h4 id="暴露同步方法v0-10" class="article-heading"><a href="#暴露同步方法v0-10" class="headerlink" title="暴露同步方法v0.10+"></a>暴露同步方法<span class="api-version">v0.10+</span><a class="article-anchor" href="#暴露同步方法v0-10" aria-hidden="true"></a></h4><p>如果你想要暴露同步的native方法给JS， 即JS可以直接拿到Native的返回值。 你可以使用<code>WX_EXPORT_METHOD_SYNC</code> 宏。</p>
-<p>native 代码:</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@implementation WXEventModule</div><div class="line"></div><div class="line">WX_EXPORT_METHOD_SYNC(@selector(getString))</div><div class="line"> </div><div class="line">- (NSString *)getString</div><div class="line">{</div><div class="line"> return @"testString";</div><div class="line">}</div><div class="line"></div><div class="line">@end</div></pre></td></tr></table></figure>
-<p>js 代码:</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">const</span> eventModule = weex.requireModule(<span class="string">'event'</span>)</div><div class="line"><span class="keyword">const</span> returnString = syncTest.getString() <span class="comment">// return "testString"</span></div></pre></td></tr></table></figure>
-<p>除了string, 你也可以返回 <code>number/array/dictionary</code> 类型.</p>
-<p><code>注意:</code> 暴露的同步方法只能在 JS 线程执行，请不要做太多同步的工作导致JS执行阻塞。</p>
-<p><code>注意:</code> Vue 2.0 还未支持这个特性，最早会在 0.12 版本支持</p>
-<h3 id="注册-module" class="article-heading"><a href="#注册-module" class="headerlink" title="注册 module"></a>注册 module<a class="article-anchor" href="#注册-module" aria-hidden="true"></a></h3><p>通过调用 WXSDKEngine 中的 <code>registerModule:withClass</code>方法来注册自己的module</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">WXSDKEngine.h</div><div class="line">/**</div><div class="line">* @abstract Registers a module for a given name</div><div class="line">* @param name The module name to register</div><div class="line">* @param clazz The module class to register</div><div class="line">**/</div><div class="line">+ (void)registerModule:(NSString *)name withClass:(Class)clazz;</div><div class="line">[WXSDKEngine registerModule:@"event" withClass:[WXEventModule class]];</div></pre></td></tr></table></figure>
-<h3 id="使用自己的-module" class="article-heading"><a href="#使用自己的-module" class="headerlink" title="使用自己的 module"></a>使用自己的 module<a class="article-anchor" href="#使用自己的-module" aria-hidden="true"></a></h3><p>这里的 require 里面的 event 就是在 上一步调用 <code>registerModule:</code> 注册 module 时候的 name</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> eventModule = weex.requireModule(<span class="string">'event'</span>); </div><div class="line">eventModule.openURL(<span class="string">'url'</span>,<span class="function"><span class="keyword">function</span>(<span class="params">ret</span>) </span>{ </div><div class="line"> nativeLog(ret);</div><div class="line">});</div></pre></td></tr></table></figure>
-<p>Weex SDK 没有 图片下载，navigation 操作的能力，请大家自己实现这些 protocol</p>
-<h2 id="WXImgLoaderProtocol" class="article-heading"><a href="#WXImgLoaderProtocol" class="headerlink" title="WXImgLoaderProtocol"></a>WXImgLoaderProtocol<a class="article-anchor" href="#WXImgLoaderProtocol" aria-hidden="true"></a></h2><p>weexSDK 没有图片下载的能力，需要实现 WXImgLoaderProtocol, 参考下面的例子</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">WXImageLoaderProtocol.h</div><div class="line">@protocol WXImgLoaderProtocol <WXModuleProtocol></div><div class="line">/**</div><div class="line">* @abstract Creates a image download handler with a given URL</div><div class="line">* @param imageUrl The URL of the image to download</div><div class="line">* @param imageFrame The frame of the image you want to set</div><div class="line">* @param options : The options to be used for this download</div><div class="line">* @param completedBlock : A block called once the download is completed.</div><div class="line"> image : the image which has been download to local.</div><div class="line"> error : the error which has happened in download.</div><div class="line"> finished : a Boolean value indicating whether download action has finished.</div><div class="line">*/</div><div class="line">-(id<WXImageOperationProtocol>)downloadImageWithUR
L:(NSString *)url imageFrame:(CGRect)imageFrame userInfo:(NSDictionary *)options completed:(void(^)(UIImage *image, NSError *error, BOOL finished))completedBlock;</div><div class="line">@end</div></pre></td></tr></table></figure>
-<p>实现上述协议 </p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@implementation WXImgLoaderDefaultImpl</div><div class="line">#pragma mark -</div><div class="line">#pragma mark WXImgLoaderProtocol</div><div class="line"></div><div class="line">- (id<WXImageOperationProtocol>)downloadImageWithURL:(NSString *)url imageFrame:(CGRect)imageFrame userInfo:(NSDictionary *)userInfo completed:(void(^)(UIImage *image, NSError *error, BOOL finished))completedBlock</div><div class="line">{</div><div class="line"> if ([url hasPrefix:@"//"]) {</div><div class="line"> url = [@"http:" stringByAppendingString:url];</div><div class="line"> }</div><div class="line"> return (id<WXImageOperationProtocol>)[[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:url] options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize) { </div><div class="line"> } completed:^(UIImage *ima
ge, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {</div><div class="line"> if (completedBlock) {</div><div class="line"> completedBlock(image, error, finished);</div><div class="line"> }</div><div class="line"> }];</div><div class="line">}</div><div class="line">@end</div></pre></td></tr></table></figure>
-<h3 id="handler注册" class="article-heading"><a href="#handler注册" class="headerlink" title="handler注册"></a>handler注册<a class="article-anchor" href="#handler注册" aria-hidden="true"></a></h3><p>你可以通过WXSDKEngine 中的 <code>registerHandler:withProtocol</code>注册handler</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">WXSDKEngine.h</div><div class="line">/**</div><div class="line">* @abstract Registers a handler for a given handler instance and specific protocol</div><div class="line">* @param handler The handler instance to register</div><div class="line">* @param protocol The protocol to confirm</div><div class="line">*/</div><div class="line">+ (void)registerHandler:(id)handler withProtocol:(Protocol *)protocol;</div><div class="line"></div><div class="line">[WXSDKEngine registerHandler:[WXImgLoaderDefaultImpl new] withProtocol:@protocol(WXImgLoaderProtocol)]</div></pre></td></tr></table></figure>
-<h2 id="Components-扩展" class="article-heading"><a href="#Components-扩展" class="headerlink" title="Components 扩展"></a>Components 扩展<a class="article-anchor" href="#Components-扩展" aria-hidden="true"></a></h2><p>虽然 WeexSDK 中有很多的 native 的 Component，但这有可能并不能满足你的需求。在之前你可能已经写了一些很酷炫 native 的组件，想包装一下，导入到 Weex 中，因此我们提供了让开发者实现自己的 native Component。下面将以 WeexSDK 中已经存在的 Component：<code>image</code> 为例子，介绍一下如何构建一个 native Component。假设你已经了解 iOS 开发</p>
-<h3 id="注册-Component" class="article-heading"><a href="#注册-Component" class="headerlink" title="注册 Component"></a>注册 Component<a class="article-anchor" href="#注册-Component" aria-hidden="true"></a></h3><p>注册一个 component 比较简单，调用 <code>WXSDKEngine</code> 中的 <code>registerComponent:withClass:</code> 方法，传入组件的标签名称，还有对应的 class 然后你可以创建一个 <code>WXImageComponent</code> 表示 <code>image</code> 组件的实现。在 <code>.we</code> 文件中，只需要写 <code><image></image></code></p>
-<h3 id="添加属性" class="article-heading"><a href="#添加属性" class="headerlink" title="添加属性"></a>添加属性<a class="article-anchor" href="#添加属性" aria-hidden="true"></a></h3><p>现在我们要做一些让 image component 更加强大的事情。既然作为一个图片的 component，那它应该要有源，给他加上一个 <code>src</code> 的属性，同时给它加上一个 <code>resize</code> 的属性（可以配置的有 <code>contain/cover/stretch</code>）</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@interface WXImageComponent ()</div><div class="line"></div><div class="line">@property (nonatomic, strong) NSString *imageSrc;</div><div class="line">@property (nonatomic, assign) UIViewContentMode resizeMode;</div><div class="line"></div><div class="line">@end</div></pre></td></tr></table></figure>
-<p>component 中所有的 style，attribute，events 都会被传递到 Component 的初始化方法中，所以，你可以在初始化方法中存储你感兴趣的一些属性值</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@implementation WXImageComponent</div><div class="line"></div><div class="line">- (instancetype)initWithRef:(NSString *)ref type:(NSString *)type styles:(NSDictionary *)styles attributes:(NSDictionary *)attributes events:(NSArray *)events weexInstance:(WXSDKInstance *)weexInstance</div><div class="line">{</div><div class="line"> if (self = [super initWithRef:ref type:type styles:styles attributes:attributes events:events weexInstance:weexInstance]) {</div><div class="line"> _imageSrc = [WXConvert NSString:attributes[@"src"]];</div><div class="line"> _resizeMode = [WXConvert UIViewContentMode:attributes[@"resize"]];</div><div class="line">}</div><div class="line"></div><div class="line"> return self;</div><div class="line">}</div><div class="line"></div><div class="line">@end</div></pre></td></tr></table></figure>
-<p>attribute 中拿到的值的类型都是 <code>id</code>，我们可以用转换方法把它转换到任何值。Weex SDK 提供了一些基础的转换方法，可以参考 <code>WXConvert</code> 类，或者你可以添加自己的转换函数。</p>
-<h3 id="Hooking-渲染生命周期" class="article-heading"><a href="#Hooking-渲染生命周期" class="headerlink" title="Hooking 渲染生命周期"></a>Hooking 渲染生命周期<a class="article-anchor" href="#Hooking-渲染生命周期" aria-hidden="true"></a></h3><p>native 的 component 是由 Weex 管理的，Weex 创建，布局，渲染，销毁。Weex 的 component 生命周期都是可以 hook 的，你可以在这些生命周期中去做自己的事情。</p>
-<table>
-<thead>
-<tr>
-<th style="text-align:center">方法</th>
-<th>描述</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td style="text-align:center">initWithRef:type:…</td>
-<td>用给定的属性初始化一个component.</td>
-</tr>
-<tr>
-<td style="text-align:center">layoutDidFinish</td>
-<td>在component完成布局时候会调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">loadView</td>
-<td>创建component管理的view.</td>
-</tr>
-<tr>
-<td style="text-align:center">viewWillLoad</td>
-<td>在component的view加载之前会调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">viewDidLoad</td>
-<td>在component的view加载完之后调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">viewWillUnload</td>
-<td>在component的view被释放之前调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">viewDidUnload</td>
-<td>在component的view被释放之后调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">updateStyles:</td>
-<td>在component的style更新时候调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">updateAttributes:</td>
-<td>在component的attribute更新时候调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">addEvent:</td>
-<td>给component添加event的时候调用.</td>
-</tr>
-<tr>
-<td style="text-align:center">removeEvent:</td>
-<td>在event移除的时候调用.</td>
-</tr>
-</tbody>
-</table>
-<p>在 image component 的例子里面，如果我们需要我们自己的 image view 的话，可以复写 <code>loadView</code>这个方法.</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (UIView *)loadView</div><div class="line">{</div><div class="line">return [[WXImageView alloc] init];</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>现在我们使用 <code>WXImageView</code> 渲染 <code>image</code> component。<br>作为一个 image component，我们需要拿到服务器图片，而且把它设置进 image view 里. 这个操作可以在 <code>viewDidLoad</code> 方法中做，这个方法是在 view 已经被创建而且加载了时候 Weex SDK 会调用到，而且 <code>viewDidLoad</code> 这个方法是你做额外初始化工作比如改变 content mode(也就是设置resize) 的最好时间.</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (void)viewDidLoad</div><div class="line">{</div><div class="line"> UIImageView *imageView = (UIImageView *)self.view;</div><div class="line"> imageView.contentMode = _resizeMode;</div><div class="line"> imageView.userInteractionEnabled = YES;</div><div class="line"> imageView.clipsToBounds = YES;</div><div class="line"> imageView.exclusiveTouch = YES;</div><div class="line"></div><div class="line"> // Do your image fetching and updating logic</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>如果可以改变 image 的 src，也可以 hook <code>updateAttributes:</code> 方法来做属性更新操作，当 <code>updateAttributes:</code> 或者 <code>updateStyles:</code> 被调用的时候， component 的 view 已经加载完成</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">- (void)updateAttributes:(NSDictionary *)attributes</div><div class="line">{</div><div class="line"> if (attributes[@"src"]) {</div><div class="line"> _imageSrc = [WXConvert NSString:attributes[@"src"]];</div><div class="line"> // Do your image updating logic</div><div class="line"> }</div><div class="line"></div><div class="line"> if (attributes[@"resize"]) {</div><div class="line"> _resizeMode = [WXConvert UIViewContentMode:attributes[@"resize"]];</div><div class="line"> self.view.contentMode = _resizeMode;</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>或许你需要考虑更多的生命周期方法去 Hook，当布局完成时候，像 <code>layoutDidFinish</code>，如果你想了解更多，可以参考一下<code>WXComponent.h</code> 声明的方法。</p>
-<p>现在你可以用在任何 <code>.we</code> 文件里面使用 <code><image></code>，而且可以加上 image 的属性。</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">image</span> <span class="attr">style</span>=<span class="string">"your-custom-style"</span> <span class="attr">src</span>=<span class="string">"image-remote-source"</span> <span class="attr">resize</span>=<span class="string">"contain/cover/stretch"</span>></span><span class="tag"></<span class="name">image</span>></span></div></pre></td></tr></table></figure>
-<h5 id="component-方法" class="article-heading"><a href="#component-方法" class="headerlink" title="component 方法"></a>component 方法<a class="article-anchor" href="#component-方法" aria-hidden="true"></a></h5><p>WeexSDK 0.9.5 之后支持了在 js 中直接调用 component 的方法，这里提供一个例子</p>
-<ul>
-<li><p>自定义一个 WXMyCompoenent 的组件</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">@implementation WXMyComponent</div><div class="line">WX_EXPORT_METHOD(@selector(focus)) // 暴露该方法给js</div><div class="line">- (instancetype)initWithRef:(NSString *)ref type:(NSString *)type styles:(NSDictionary *)styles attributes:(NSDictionary *)attributes events:(NSArray *)events weexInstance:(WXSDKInstance *)weexInstance</div><div class="line">{</div><div class="line"> if (self = [super initWithRef:ref type:type styles:styles attributes:attributes events:events weexInstance:weexInstance]) {</div><div class="line"> // handle your attributes</div><div class="line"> // handle your styles</div><div class="line"> }</div><div class="line"> </div><div class="line"> return self;</div><div class="line">}</div><div class="line"></div><div class="line">- (void)focus</div><div class="line">{</div><div class="line"> NSLog(@"you got it");
</div><div class="line">}</div><div class="line">@end</div></pre></td></tr></table></figure>
-</li>
-<li><p>注册组件 <code>[WXSDKEngine registerComponent:@"mycomponent" withClass:[WXMyComponent class]]</code></p>
-</li>
-<li><p>在 weex 文件中调用</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">mycomponent</span> <span class="attr">id</span>=<span class="string">'mycomponent'</span>></span><span class="tag"></<span class="name">mycomponent</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">created</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.$el(<span class="string">'mycomponent'</span>).focus();</div><div class="line"> }
;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-</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="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-to-ios.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>
[47/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/guide/intro/app-architecture.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/app-architecture.html b/cn/guide/intro/app-architecture.html
deleted file mode 100644
index 91bada8..0000000
--- a/cn/guide/intro/app-architecture.html
+++ /dev/null
@@ -1,534 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>用 Weex 构建移动应用 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="用 Weex 构建移动应用今天的移动应用这里谈一谈 Weex 对移动应用的理解。 移动应用需要支撑并行研发如今移动应用的开发需要并行研发的能力，当一个移动应用发展到一定规模的时候，能否支撑大规模的并行研发就成为了一件非常关键而又重要的事情。否则很容易变成工程瓶颈。 移动应用需要动态性如今移动应用不论从研发节奏、部署的灵活性和时效性、包大小、还是从研发到发布再到反馈的迭代周期上，都和移动互联网的发展">
-<meta property="og:type" content="website">
-<meta property="og:title" content="用 Weex 构建移动应用">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/app-architecture.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="用 Weex 构建移动应用今天的移动应用这里谈一谈 Weex 对移动应用的理解。 移动应用需要支撑并行研发如今移动应用的开发需要并行研发的能力，当一个移动应用发展到一定规模的时候，能否支撑大规模的并行研发就成为了一件非常关键而又重要的事情。否则很容易变成工程瓶颈。 移动应用需要动态性如今移动应用不论从研发节奏、部署的灵活性和时效性、包大小、还是从研发到发布再到反馈的迭代周期上，都和移动互联网的发展">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="用 Weex 构建移动应用">
-<meta name="twitter:description" content="用 Weex 构建移动应用今天的移动应用这里谈一谈 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/app-architecture.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/app-architecture.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 ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link current ">用 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 ">一次撰写，多端运行</a>
- </li>
-
- <li>
- <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link current ">用 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">
- 用 Weex 构建移动应用
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="用-Weex-构建移动应用" class="article-heading"><a href="#用-Weex-构建移动应用" class="headerlink" title="用 Weex 构建移动应用"></a>用 Weex 构建移动应用<a class="article-anchor" href="#用-Weex-构建移动应用" aria-hidden="true"></a></h1><h2 id="今天的移动应用" class="article-heading"><a href="#今天的移动应用" class="headerlink" title="今天的移动应用"></a>今天的移动应用<a class="article-anchor" href="#今天的移动应用" aria-hidden="true"></a></h2><p>这里谈一谈 Weex 对移动应用的理解。</p>
-<h3 id="移动应用需要支撑并行研发" class="article-heading"><a href="#移动应用需要支撑并行研发" class="headerlink" title="移动应用需要支撑并行研发"></a>移动应用需要支撑并行研发<a class="article-anchor" href="#移动应用需要支撑并行研发" aria-hidden="true"></a></h3><p>如今移动应用的开发需要并行研发的能力，当一个移动应用发展到一定规模的时候，能否支撑大规模的并行研发就成为了一件非常关键而又重要的事情。否则很容易变成工程瓶颈。</p>
-<h3 id="移动应用需要动态性" class="article-heading"><a href="#移动应用需要动态性" class="headerlink" title="移动应用需要动态性"></a>移动应用需要动态性<a class="article-anchor" href="#移动应用需要动态性" aria-hidden="true"></a></h3><p>如今移动应用不论从研发节奏、部署的灵活性和时效性、包大小、还是从研发到发布再到反馈的迭代周期上，都和移动互联网的发展速度极不相符。移动应用需要更简单轻量的研发模型，需要摆脱版本部署和分发的笨重过程。</p>
-<h3 id="移动应用需要开放互联" class="article-heading"><a href="#移动应用需要开放互联" class="headerlink" title="移动应用需要开放互联"></a>移动应用需要开放互联<a class="article-anchor" href="#移动应用需要开放互联" aria-hidden="true"></a></h3><p>如今移动应用的内容和信息都是相互孤立的，应用之间的交流变得非常复杂和困难，也缺乏一定的标准和规范化的容器来承载。</p>
-<h2 id="整体结构设计" class="article-heading"><a href="#整体结构设计" class="headerlink" title="整体结构设计"></a>整体结构设计<a class="article-anchor" href="#整体结构设计" aria-hidden="true"></a></h2><p>我们认为一个具有高并行研发能力、动态化和标准化规范化的移动应用应该由以下几个方面构成：</p>
-<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">|------|------|------|------| |-----|</div><div class="line">| page | page | page | page | | api |</div><div class="line">|------|------|------|------| | api |</div><div class="line">| page | page | page | page | | api |</div><div class="line">|------|------|------|------| | api |</div><div class="line">| page | page | page | page | | api |</div><div class="line">|---------------------------| | api |</div><div class="line">| router | | api |</div><div class="line">|---------------------------| |-----|</div></pre></td></tr></table></figure>
-<ul>
-<li>页面：首先移动应用应该可以被拆解成若干个页面，每个页面相对解耦独立，同时每个页面都有一个 URL 进行唯一标识。</li>
-<li>路由：这些页面将会通过路由机制有机的串联起来，页面之间的关系是通过路由来进行调度的。常见的移动应用路由包括导航栏、tab 切换等。</li>
-<li>设备能力：以各种 API 或服务的方式提供出来，供页面自由使用。</li>
-</ul>
-<p>这样的话，在构建一个完整的移动应用之前，先确定你的应用有多少页面，每个页面分别是什么 URL，页面之间的关联和跳转逻辑是怎样的，然后梳理整个移动应用需要的所有 API 和服务。</p>
-<p>然后通过 Weex 创建不同的页面，并分别进行开发、调试和发布。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="./page-architecture.html">页面结构</a></li>
-</ul>
-<p>如果你已经有一个做好的移动应用，只想用 Weex 开发其中的一部分页面甚至仅仅其中的一两个页面，这对 Weex 来说完全不是问题。Weex 只是一个 SDK，对整体的移动应用架构不会产生任何侵入性。并且完全可以和纯 native 界面或 hybrid 页面共存。</p>
-<p>如果需要 WeexSDK 额外的组件、模块或其它功能，可以通过 Weex 的扩展机制进行扩展。这部分工作需要 native 的研发知识，但是随着 Weex 组件和模块的丰富以及业务迭代的深入，这部分成本会承下降和收敛的趋势。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/advanced/extend-to-ios.html">如何扩展 iOS</a></li>
-<li><a href="../../references/advanced/extend-to-android.html">如何扩展 Android</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/app-architecture.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/app-architecture.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/2c2795f2/cn/guide/intro/how-it-works.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/how-it-works.html b/cn/guide/intro/how-it-works.html
deleted file mode 100644
index f03b3e8..0000000
--- a/cn/guide/intro/how-it-works.html
+++ /dev/null
@@ -1,542 +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 页面一样撰写一个 app 的页面，然后编译成一段 JavaScript 代码，形成 Weex 的一个 JS bundle；在云端，开发者可以把生成的 JS bundle 部署上去，然后通过网络请求或预下发的方式传递到用户的移动应用客户端；在移动应用客户端">
-<meta property="og:type" content="website">
-<meta property="og:title" content="工作原理">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/how-it-works.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="工作原理整体架构Weex 表面上是一个客户端技术，但实际上它串联起了从本地开发环境到云端部署和分发的整个链路。开发者首先可以在本地像撰写 web 页面一样撰写一个 app 的页面，然后编译成一段 JavaScript 代码，形成 Weex 的一个 JS bundle；在云端，开发者可以把生成的 JS bundle 部署上去，然后通过网络请求或预下发的方式传递到用户的移动应用客户端；在移动应用客户端">
-<meta property="og:image" content="https://weex-project.io/cn/guide/images/flow.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="工作原理整体架构Weex 表面上是一个客户端技术，但实际上它串联起了从本地开发环境到云端部署和分发的整个链路。开发者首先可以在本地像撰写 web 页面一样撰写一个 app 的页面，然后编译成一段 JavaScript 代码，形成 Weex 的一个 JS bundle；在云端，开发者可以把生成的 JS bundle 部署上去，然后通过网络请求或预下发的方式传递到用户的移动应用客户端；在移动应用客户端">
-<meta name="twitter:image" content="https://weex-project.io/cn/guide/images/flow.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/how-it-works.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/how-it-works.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 current ">工作原理</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 ">搭建开发环境</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 current ">工作原理</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><h2 id="整体架构" class="article-heading"><a href="#整体架构" class="headerlink" title="整体架构"></a>整体架构<a class="article-anchor" href="#整体架构" aria-hidden="true"></a></h2><p>Weex 表面上是一个客户端技术，但实际上它串联起了从本地开发环境到云端部署和分发的整个链路。开发者首先可以在本地像撰写 web 页面一样撰写一个 app 的页面，然后编译成一段 JavaScript 代码，形成 Weex 的一个 JS bundle；在云端，开发者可以把生成的 JS bundle 部署上去，然后通过网络请求或预下发的方式传递到用户的移动应用客户端；在移动应用客户端里，WeexSDK 会准备好一个 JavaScript 引擎，并且在用户打开一个 Weex 页面时执行相应的 JS bundle
，并在执行过程中产生各种命令发送到 native 端进行的界面渲染或数据存储、网络通信、调用设备功能、用户交互响应等移动应用的场景实践；同时，如果用户没有安装移动应用，他仍然可以在浏览器里打开一个相同的 web 页面，这个页面是使用相同的页面源代码，通过浏览器里的 JavaScript 引擎运行起来的。</p>
-<p><img src="../images/flow.png" alt="How it works"></p>
-<h2 id="本地开发环境" class="article-heading"><a href="#本地开发环境" class="headerlink" title="本地开发环境"></a>本地开发环境<a class="article-anchor" href="#本地开发环境" aria-hidden="true"></a></h2><p>Weex 的本地开发环境基于 web 开发体验而设计，web 开发者可以通过自己熟悉的 HTML/CSS/JavaScript 技术和语法实现移动应用的界面。同时 Weex 也对 <a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> 这一非常优秀的前端框架做了官方的支持。</p>
-<p>除此之外，Weex 的工程设计也是 web 开发者非常熟悉的，首先 web 开发者可以使用自己熟悉的 npm 进行依赖管理；其次 web 开发者在通过项目脚手架初始化工程、开发、调试、质量控制等各个环节，都可以参考 web 开发已有的最佳实践。</p>
-<p>和如今 web 开发的最佳实践一样，Weex 会把一个页面的源代码全部编译打包成一个 JS bundle，在浏览器中，我们需要把这个 JS bundle 作为一段 <code><script></code> 载入网页，在客户端里，我们把这段 JS bundle 载入本地，并通过 WeexSDK 直接执行。</p>
-<p><strong>相关阅读</strong></p>
-<ul>
-<li><a href="../../references/platform-difference.html">Weex 和 web 平台的差异</a></li>
-<li><a href="../../references/vue/difference-with-web.html">Vue 2.x 在 Weex 和 web 中的差异</a></li>
-<li><a href="../index.html">快速上手</a></li>
-<li><a href="./devtools.html">使用 Devtools</a></li>
-</ul>
-<h2 id="云端部署和分发" class="article-heading"><a href="#云端部署和分发" class="headerlink" title="云端部署和分发"></a>云端部署和分发<a class="article-anchor" href="#云端部署和分发" aria-hidden="true"></a></h2><p>Weex 的 JS bundle 可以作为 web 开发中的一段静态资源进行部署和下发。几乎可以复用 HTML5 所有的工程体系和最佳实践。比如在本地开发环境通过部署工具将 JS bundle 部署到 CDN、通过 CMS 或搭建平台把业务数据和模块化的前端组件自动化拼接生成 JS bundle、通过服务端 JS bundle 的流量和日志统计页面的访问情况、通过 AppCache 或类似的方式对 JS bundle 在客户端进行缓存或预加载以降低网络通信的成本等。</p>
-<h2 id="客户端-JavaScript-引擎" class="article-heading"><a href="#客户端-JavaScript-引擎" class="headerlink" title="客户端 JavaScript 引擎"></a>客户端 JavaScript 引擎<a class="article-anchor" href="#客户端-JavaScript-引擎" aria-hidden="true"></a></h2><p>Weex 的 iOS 和 Android 客户端中都会运行一个 JavaScript 引擎，来执行 JS bundle，同时向各端的渲染层发送规范化的指令，调度客户端的渲染和其它各种能力。我们在 iOS 下选择了 JavaScriptCore 内核，而在 Android 下选择了 UC 提供的 v8 内核。无论是从性能还是稳定性方面都提供了强有力的保障。</p>
-<p>为了让整个移动应用的资源利用得更好，我们在客户端提供的 JavaScript 引擎是单例的，即所有 JS bundle 公用一个 JavaScript 内核实例，同时对每个 JS bundle 在运行时进行了上下文的隔离，使得每个 JS bundle 都能够高效安全的工作。我们还把 Vue 2.0 这样的 JS Framework 做了预置，开发者不必把 JS Framework 打包在每个 JS bundle 里，从而大大减少了 JS bundle 的体积，也就进一步保障了页面打开的速度。</p>
-<h2 id="客户端渲染层" class="article-heading"><a href="#客户端渲染层" class="headerlink" title="客户端渲染层"></a>客户端渲染层<a class="article-anchor" href="#客户端渲染层" aria-hidden="true"></a></h2><p>Weex 目前提供了 iOS 和 Android 两个客户端的 native 渲染层。每个端都基于 DOM 模型设计并实现了标准的界面渲染接口供 JavaScript 引擎调用。并且结合 web 标准和 native 的特点和优势实现了一套统一的组件和模块。Weex 在性能方面的表现也是非常优异的，尤其是界面首屏加载时间、native 下长列表的资源开销和复用情况、CPU、内存、帧率 等关键指标。当然，尽管 Weex 官方已经提供了一组开发者最常用的组件和模块，但面对丰富多样的移动应用研发需求，团队也难免会力不从心，为此我们提供了灵活自由的横向扩展能力，开发者可以根据自身的情况定制属于自己的客户端组件和模块
，进一步丰富 Weex 在客户端上的能力。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/web-standards.html">Weex 的组件和模块跟 web 标准的区别</a></li>
-<li><a href="../../references/ios-apis.html">如何使用 iOS</a></li>
-<li><a href="../../references/android-apis.html">如何使用 Android</a></li>
-<li><a href="../../references/advanced/extend-to-ios.html">如何扩展 iOS</a></li>
-<li><a href="../../references/advanced/extend-to-android.html">如何扩展 Android</a></li>
-</ul>
-<h2 id="浏览器渲染" class="article-heading"><a href="#浏览器渲染" class="headerlink" title="浏览器渲染"></a>浏览器渲染<a class="article-anchor" href="#浏览器渲染" aria-hidden="true"></a></h2><p>Weex 除了提供 iOS 和 Android 的客户端渲染层之外，还基于 Vue 2.0 对官方的所有组件和模块进行了封装，开发者可以基于 Vue 2.0 用同一套源代码构建出在浏览器中相同效果的页面。并且同样可以横向扩展。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/html5-apis.html">如何使用 HTML5</a></li>
-<li><a href="../../references/advanced/extend-to-html5.html">如何扩展 HTML5</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/how-it-works.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/how-it-works.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/2c2795f2/cn/guide/intro/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/index.html b/cn/guide/intro/index.html
deleted file mode 100644
index a676bab..0000000
--- a/cn/guide/intro/index.html
+++ /dev/null
@@ -1,518 +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="Intro 工作原理 Web 开发体验 使用 Vue 开发 Weex 页面 一次撰写，多端运行 用 Weex 构建移动应用 Weex 页面结构">
-<meta property="og:type" content="website">
-<meta property="og:title" content="介绍">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Intro 工作原理 Web 开发体验 使用 Vue 开发 Weex 页面 一次撰写，多端运行 用 Weex 构建移动应用 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="Intro 工作原理 Web 开发体验 使用 Vue 开发 Weex 页面 一次撰写，多端运行 用 Weex 构建移动应用 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/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/index.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 current ">介绍</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 ">搭建开发环境</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 current ">介绍</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="Intro" class="article-heading"><a href="#Intro" class="headerlink" title="Intro"></a>Intro<a class="article-anchor" href="#Intro" aria-hidden="true"></a></h1><ul>
-<li><a href="./how-it-works.html">工作原理</a></li>
-<li><a href="./web-dev-experience.html">Web 开发体验</a></li>
-<li><a href="./using-vue.html">使用 Vue 开发 Weex 页面</a></li>
-<li><a href="./write-once.html">一次撰写，多端运行</a></li>
-<li><a href="./app-architecture.html">用 Weex 构建移动应用</a></li>
-<li><a href="./page-architecture.html">Weex 页面结构</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/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/index.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/2c2795f2/cn/guide/intro/page-architecture.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/page-architecture.html b/cn/guide/intro/page-architecture.html
deleted file mode 100644
index 59672e1..0000000
--- a/cn/guide/intro/page-architecture.html
+++ /dev/null
@@ -1,533 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Weex 页面结构 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Weex 页面结构一个 Weex 页面就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示、更包含了逻辑处理、设备能力使用、生命周期管理等部分。 界面DOM 模型Weex 页面通过类似 HTML DOM 的方式管理界面，首先页面会被分解为一个 DOM 树，，每个 DOM 结点都代表了一个相对独立的 native 视图的单元。然后不同的视图单元之间通过树形结构组合在了一起，构成一个完整的页面。">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex 页面结构">
-<meta property="og:url" content="https://weex-project.io/cn/guide/intro/page-architecture.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Weex 页面结构一个 Weex 页面就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示、更包含了逻辑处理、设备能力使用、生命周期管理等部分。 界面DOM 模型Weex 页面通过类似 HTML DOM 的方式管理界面，首先页面会被分解为一个 DOM 树，，每个 DOM 结点都代表了一个相对独立的 native 视图的单元。然后不同的视图单元之间通过树形结构组合在了一起，构成一个完整的页面。">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex 页面结构">
-<meta name="twitter:description" content="Weex 页面结构一个 Weex 页面就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示、更包含了逻辑处理、设备能力使用、生命周期管理等部分。 界面DOM 模型Weex 页面通过类似 HTML DOM 的方式管理界面，首先页面会被分解为一个 DOM 树，，每个 DOM 结点都代表了一个相对独立的 native 视图的单元。然后不同的视图单元之间通过树形结构组合在了一起，构成一个完整的页面。">
-
- <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/page-architecture.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/page-architecture.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 ">一次撰写，多端运行</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 current ">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 ">一次撰写，多端运行</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 current ">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">
- Weex 页面结构
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Weex-页面结构" class="article-heading"><a href="#Weex-页面结构" class="headerlink" title="Weex 页面结构"></a>Weex 页面结构<a class="article-anchor" href="#Weex-页面结构" aria-hidden="true"></a></h1><p>一个 Weex 页面就是一个相对独立解耦的移动应用界面，它不仅包括了界面展示、更包含了逻辑处理、设备能力使用、生命周期管理等部分。</p>
-<h2 id="界面" class="article-heading"><a href="#界面" class="headerlink" title="界面"></a>界面<a class="article-anchor" href="#界面" aria-hidden="true"></a></h2><h3 id="DOM-模型" class="article-heading"><a href="#DOM-模型" class="headerlink" title="DOM 模型"></a>DOM 模型<a class="article-anchor" href="#DOM-模型" aria-hidden="true"></a></h3><p>Weex 页面通过类似 HTML DOM 的方式管理界面，首先页面会被分解为一个 DOM 树，，每个 DOM 结点都代表了一个相对独立的 native 视图的单元。然后不同的视图单元之间通过树形结构组合在了一起，构成一个完整的页面。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/native-dom-api.html">Weex Native DOM APIs</a></li>
-</ul>
-<h3 id="组件" class="article-heading"><a href="#组件" class="headerlink" title="组件"></a>组件<a class="article-anchor" href="#组件" aria-hidden="true"></a></h3><p>Weex 支持文字、图片、视频等内容型组件，也支持 div、list、scroller 等容器型组件，还包括 slider、input、textarea、switch 等多种特殊的组件。Weex 的界面就是由这些组件以 DOM 树的方式构建出来的。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/components/index.html">Weex 组件列表</a></li>
-</ul>
-<h3 id="布局系统" class="article-heading"><a href="#布局系统" class="headerlink" title="布局系统"></a>布局系统<a class="article-anchor" href="#布局系统" aria-hidden="true"></a></h3><p>Weex 页面中的组件会按照一定的布局规范来进行排布，我们这里提供了 CSS 中的盒模型、flexbox 和 绝对/相对/固定/吸附布局这三大块布局模型。</p>
-<ul>
-<li>盒模型：通过宽、高、边框、内外边距、边框等 CSS 属性描述一个组件本身的尺寸。</li>
-<li>flexbox：通过 CSS 3 Flexbox 布局规范定义和描述组件之间的空间分布情况。</li>
-<li>position：支持 CSS position 属性中的 <code>absolute</code>, <code>relative</code>, <code>fixed</code>, <code>sticky</code> 位置类型，其中 <code>relative</code> 是默认值。</li>
-</ul>
-<h2 id="功能" class="article-heading"><a href="#功能" class="headerlink" title="功能"></a>功能<a class="article-anchor" href="#功能" aria-hidden="true"></a></h2><p>Weex 提供了非常丰富的系统功能 API，包括弹出存储、网络、导航、弹对话框和 toast 等，开发者可以在 Weex 页面通过获取一个 native module 的方式引入并调用这些客户端功能 API。</p>
-<p><strong>相关链接</strong></p>
-<ul>
-<li><a href="../../references/modules/index.html">Weex 模块列表</a></li>
-</ul>
-<h2 id="生命周期" class="article-heading"><a href="#生命周期" class="headerlink" title="生命周期"></a>生命周期<a class="article-anchor" href="#生命周期" aria-hidden="true"></a></h2><p>每个 Weex 页面都有其自身的生命周期，页面从开始被创建到最后被销毁，会经历到整个过程。这是通过对 Weex 页面的创建和销毁，在路由中通过 SDK 自行定义并实现的。</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/page-architecture.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/guide/intro/page-architecture.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>
[07/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/websocket.html b/cn/references/modules/websocket.html
deleted file mode 100644
index 8c99d6d..0000000
--- a/cn/references/modules/websocket.html
+++ /dev/null
@@ -1,1503 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>WebSocket | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="WebSocketv0.12+ SummaryWebSockets 是一种先进的技术, 这使得在用户的 H5/iOS/Android 和一个服务器之间打开一个的交互式通信会话成为可能, 有了这个 API，你可以向服务器发送消息, 并接收事件驱动的响应, 无需轮询服务器的响应 注意： iOS和h5提供 WebSockets 的 protocol 默认实现，安卓使用需要提供自定义 adapter 实现">
-<meta property="og:type" content="website">
-<meta property="og:title" content="WebSocket">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/websocket.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="WebSocketv0.12+ SummaryWebSockets 是一种先进的技术, 这使得在用户的 H5/iOS/Android 和一个服务器之间打开一个的交互式通信会话成为可能, 有了这个 API，你可以向服务器发送消息, 并接收事件驱动的响应, 无需轮询服务器的响应 注意： iOS和h5提供 WebSockets 的 protocol 默认实现，安卓使用需要提供自定义 adapter 实现">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="WebSocket">
-<meta name="twitter:description" content="WebSocketv0.12+ SummaryWebSockets 是一种先进的技术, 这使得在用户的 H5/iOS/Android 和一个服务器之间打开一个的交互式通信会话成为可能, 有了这个 API，你可以向服务器发送消息, 并接收事件驱动的响应, 无需轮询服务器的响应 注意： iOS和h5提供 WebSockets 的 protocol 默认实现，安卓使用需要提供自定义 adapter 实现">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/websocket.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/websocket.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- WebSocket
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="WebSocket" class="article-heading"><a href="#WebSocket" class="headerlink" title="WebSocket"></a>WebSocket<a class="article-anchor" href="#WebSocket" aria-hidden="true"></a></h1><p><span class="weex-version">v0.12+</span></p>
-<h2 id="Summary" class="article-heading"><a href="#Summary" class="headerlink" title="Summary"></a>Summary<a class="article-anchor" href="#Summary" aria-hidden="true"></a></h2><p>WebSockets 是一种先进的技术, 这使得在用户的 H5/iOS/Android 和一个服务器之间打开一个的交互式通信会话成为可能, 有了这个 API，你可以向服务器发送消息, 并接收事件驱动的响应, 无需轮询服务器的响应</p>
-<h2 id="注意：" class="article-heading"><a href="#注意：" class="headerlink" title="注意："></a><strong>注意：</strong><a class="article-anchor" href="#注意：" aria-hidden="true"></a></h2><ul>
-<li>iOS和h5提供 WebSockets 的 protocol 默认实现，安卓使用需要提供自定义 adapter 实现，source: <ul>
-<li><a href="https://github.com/apache/incubator-weex/blob/dev/android/commons/src/main/java/com/alibaba/weex/commons/adapter/DefaultWebSocketAdapter.java" target="_blank" rel="external">DefaultWebSocketAdapter.java</a>;</li>
-<li><a href="https://github.com/apache/incubator-weex/blob/dev/android/commons/src/main/java/com/alibaba/weex/commons/adapter/DefaultWebSocketAdapterFactory.java" target="_blank" rel="external">DefaultWebSocketAdapterFactory.java</a>;</li>
-<li>集成例子参考weex <a href="https://github.com/apache/incubator-weex/tree/dev/android/playground" target="_blank" rel="external">playground</a></li>
-</ul>
-</li>
-</ul>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="WebSocket-url-protocol" class="article-heading"><a href="#WebSocket-url-protocol" class="headerlink" title="WebSocket(url, protocol)"></a><code>WebSocket(url, protocol)</code><a class="article-anchor" href="#WebSocket-url-protocol" aria-hidden="true"></a></h3><p>创建 WebSockets，并连接服务器</p>
-<h4 id="Arguments" class="article-heading"><a href="#Arguments" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments" aria-hidden="true"></a></h4><ul>
-<li><code>url {string}</code>: 表示要连接的 URL;</li>
-<li><code>protocol {string}</code>: WebSockets 协议</li>
-</ul>
-<h3 id="send-data" class="article-heading"><a href="#send-data" class="headerlink" title="send(data)"></a><code>send(data)</code><a class="article-anchor" href="#send-data" aria-hidden="true"></a></h3><p>通过WebSocket连接向服务器发送数据</p>
-<h4 id="Arguments-1" class="article-heading"><a href="#Arguments-1" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments-1" aria-hidden="true"></a></h4><ul>
-<li><code>data{string}</code>:要发送到服务器的数据</li>
-</ul>
-<h3 id="close-code-reason" class="article-heading"><a href="#close-code-reason" class="headerlink" title="close(code,reason)"></a><code>close(code,reason)</code><a class="article-anchor" href="#close-code-reason" aria-hidden="true"></a></h3><p>关闭 WebSockets 的链接</p>
-<h4 id="Arguments-2" class="article-heading"><a href="#Arguments-2" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments-2" aria-hidden="true"></a></h4><ul>
-<li><code>code {number}</code>: 关闭连接的状态号.</li>
-<li><code>reason {string}</code>: 关闭的原因</li>
-</ul>
-<h3 id="onopen-options" class="article-heading"><a href="#onopen-options" class="headerlink" title="onopen(options)"></a><code>onopen(options)</code><a class="article-anchor" href="#onopen-options" aria-hidden="true"></a></h3><p>链接打开的监听</p>
-<h4 id="Arguments-3" class="article-heading"><a href="#Arguments-3" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments-3" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>: 一个空的对象</li>
-</ul>
-<h3 id="onmessage-options" class="article-heading"><a href="#onmessage-options" class="headerlink" title="onmessage(options)"></a><code>onmessage(options)</code><a class="article-anchor" href="#onmessage-options" aria-hidden="true"></a></h3><p>消息事件的监听器</p>
-<h4 id="Arguments-4" class="article-heading"><a href="#Arguments-4" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments-4" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>: 服务器返回的消息对象<ul>
-<li><code>data {string}</code>: 监听器接收的到的消息</li>
-</ul>
-</li>
-</ul>
-<h3 id="onclose-options" class="article-heading"><a href="#onclose-options" class="headerlink" title="onclose(options)"></a><code>onclose(options)</code><a class="article-anchor" href="#onclose-options" aria-hidden="true"></a></h3><p>关闭事件的监听器</p>
-<h4 id="Arguments-5" class="article-heading"><a href="#Arguments-5" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments-5" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>: 监听器接收到的对象<ul>
-<li><code>code {number}</code>: 服务器返回关闭的状态码</li>
-<li><code>reason {string}</code>: 服务器返回的关闭原因</li>
-<li><code>wasClean {boolen}</code>: 是否完全关闭.</li>
-</ul>
-</li>
-</ul>
-<h3 id="onerror-options" class="article-heading"><a href="#onerror-options" class="headerlink" title="onerror(options)"></a><code>onerror(options)</code><a class="article-anchor" href="#onerror-options" aria-hidden="true"></a></h3><p>错误事件的监听器</p>
-<h4 id="Arguments-6" class="article-heading"><a href="#Arguments-6" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments-6" aria-hidden="true"></a></h4><ul>
-<li><code>options {object}</code>: 错误信息的事件<ul>
-<li><code>data {string}</code>: 监听器接收到的信息</li>
-</ul>
-</li>
-</ul>
-<h3 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h3><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">scroller</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">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: white"</span>></span>websocket<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span> <span class="attr">value</span>=<span class="string">""</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> <span class="attr">ref</span>=<span class="string">"input"</span>/></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</span>></span></d
iv><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"connect"</span>></span>connect<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">"button"</span> @<span class="attr">click</span>=<span class="string">"send"</span>></span>send<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">"button"</span> @<span class="attr">click</span>=<span class="string">"close"</span>></span>close<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"></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>></span>method = send<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>></span>{{sendinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"></div><div class="line"></div><div class="line">
<span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>></span>method = onopen<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>></span>{{onopeninfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">st
yle</span>=<span class="string">"background-color: lightgray"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>></span>method = onmessage<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 400px"</span>></span>{{onmessage}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>>
;</span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>></span>method = onclose<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>></span>{{oncloseinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>></span></div><div class="line"> <span class="tag"><<span clas
s="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>></span>method = onerror<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>></span>{{onerrorinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string
">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>></span>method = close<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>></span>{{closeinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"></div><div class="line"> <span class="tag"></<span class="name">scroller</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">styl
e</span> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.input</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">80px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.button</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">150px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute"
>padding-top</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">margin-right</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span><
/div><div class="line"> <span class="keyword">var</span> websocket = weex.requireModule(<span class="string">'webSocket'</span>)</div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">connectinfo</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">sendinfo</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">onopeninfo</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">onmessage</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">oncloseinfo</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">onerrorinfo</span>: <span class="string">''</span>,</div><div class="line"> <span class
="attr">closeinfo</span>: <span class="string">''</span>,</div><div class="line"> <span class="attr">txtInput</span>:<span class="string">''</span>,</div><div class="line"> <span class="attr">navBarHeight</span>: <span class="number">88</span>,</div><div class="line"> <span class="attr">title</span>: <span class="string">'Navigator'</span>,</div><div class="line"> <span class="attr">dir</span>: <span class="string">'examples'</span>,</div><div class="line"> <span class="attr">baseURL</span>: <span class="string">''</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> <span class="attr">connect</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> websocket.WebSocket(<span class="string">'ws://echo.websocket.org'</span>,<span class="string">
''</span>);</div><div class="line"> <span class="keyword">var</span> self = <span class="keyword">this</span>;</div><div class="line"> self.onopeninfo = <span class="string">'connecting...'</span></div><div class="line"> websocket.onopen = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line"> {</div><div class="line"> self.onopeninfo = <span class="string">'websocket open'</span>;</div><div class="line"> }</div><div class="line"> websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line"> {</div><div class="line"> self.onmessage = e.data;</div><div class="line"> }</div><div class="line"> websocket.onerror = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">
{</div><div class="line"> self.onerrorinfo = e.data;</div><div class="line"> }</div><div class="line"> websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line"> {</div><div class="line"> self.onopeninfo = <span class="string">''</span>;</div><div class="line"> self.onerrorinfo = e.code;</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>{</div><div class="line"> <span class="keyword">var</span> input = <span class="keyword">this</span>.$refs.input;</div><div class="line"> input.blur();</div><div class="line"> websocket.send(<span class="keyword">this</span>.txtInput);</div><div class="line"> <span class="keyword">this</spa
n>.sendinfo = <span class="keyword">this</span>.txtInput;</div><div class="line"> },</div><div class="line"> <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>{</div><div class="line"> <span class="keyword">this</span>.txtInput = event.value;</div><div class="line"> },</div><div class="line"> <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>{</div><div class="line"> websocket.close();</div><div class="line"> },</div><div class="line"> },</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/6d8bdfe66f24fda1a2dc6158b0182573" target="_blank" rel="external">Have a try</a></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="/references/modules/websocket.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/websocket.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>
[19/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/html5-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/html5-apis.html b/cn/references/html5-apis.html
deleted file mode 100644
index 32cb019..0000000
--- a/cn/references/html5-apis.html
+++ /dev/null
@@ -1,1451 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>HTML5 APIs | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="HTML5 APIsWeex HTML5 APIs 与 Vue APIs 保持一致，请直接参考 Vue APIs。">
-<meta property="og:type" content="website">
-<meta property="og:title" content="HTML5 APIs">
-<meta property="og:url" content="https://weex-project.io/cn/references/html5-apis.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="HTML5 APIsWeex HTML5 APIs 与 Vue APIs 保持一致，请直接参考 Vue APIs。">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="HTML5 APIs">
-<meta name="twitter:description" content="HTML5 APIsWeex HTML5 APIs 与 Vue APIs 保持一致，请直接参考 Vue APIs。">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/html5-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/html5-apis.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link current ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link current ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- HTML5 APIs
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="HTML5-APIs" class="article-heading"><a href="#HTML5-APIs" class="headerlink" title="HTML5 APIs"></a>HTML5 APIs<a class="article-anchor" href="#HTML5-APIs" aria-hidden="true"></a></h1><p>Weex HTML5 APIs 与 <a href="https://vuejs.org/v2/api/" target="_blank" rel="external">Vue APIs</a> 保持一致，请直接参考 <a href="https://vuejs.org/v2/api/" target="_blank" rel="external">Vue APIs</a>。</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="/references/html5-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/html5-apis.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/2c2795f2/cn/references/images/Artboard.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/Artboard.jpg b/cn/references/images/Artboard.jpg
deleted file mode 100644
index 2f6bb95..0000000
Binary files a/cn/references/images/Artboard.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/coding_weex_1.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/coding_weex_1.jpg b/cn/references/images/coding_weex_1.jpg
deleted file mode 100644
index 8080578..0000000
Binary files a/cn/references/images/coding_weex_1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/css-boxmodel.png
----------------------------------------------------------------------
diff --git a/cn/references/images/css-boxmodel.png b/cn/references/images/css-boxmodel.png
deleted file mode 100644
index a2063e2..0000000
Binary files a/cn/references/images/css-boxmodel.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/css-flexbox-align.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/css-flexbox-align.jpg b/cn/references/images/css-flexbox-align.jpg
deleted file mode 100644
index 8a7f731..0000000
Binary files a/cn/references/images/css-flexbox-align.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/css-flexbox-justify.svg
----------------------------------------------------------------------
diff --git a/cn/references/images/css-flexbox-justify.svg b/cn/references/images/css-flexbox-justify.svg
deleted file mode 100644
index 33e742b..0000000
--- a/cn/references/images/css-flexbox-justify.svg
+++ /dev/null
@@ -1,59 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width='504' height='270' viewBox="0 0 504 270">
- <defs>
- <pattern id='checker' width='20' height='20' patternUnits='userSpaceOnUse'>
- <rect x='0' y='0' width='10' height='10' fill='#eee' />
- <rect x='10' y='10' width='10' height='10' fill='#eee' />
- <rect x='0' y='10' width='10' height='10' fill='#ccc' />
- <rect x='10' y='0' width='10' height='10' fill='#ccc' />
- </pattern>
- </defs>
- <style>
- text { font-family: sans-serif; font-weight: bold; font-size: 30px; text-anchor: middle; }
- rect { stroke-width: 2px; stroke: #888; }
- g > rect:nth-child(1) { fill: #888 }
- g > rect:nth-child(2) { fill: #fcc; }
- g > rect:nth-child(3) { fill: #cfc; }
- g > rect:nth-child(4) { fill: #ccf; }
- g > rect:nth-child(5) { fill: transparent; }
- </style>
- <g transform="translate(2,2)">
- <rect x='0' y='0' width='500' height='50' />
- <rect x='0' y='0' width='100' height='50' />
- <rect x='100' y='0' width='80' height='50' />
- <rect x='180' y='0' width='200' height='50' />
- <rect x='0' y='0' width='500' height='50' />
- <text x='250' y='38'>flex-start</text>
- </g>
- <g transform="translate(2,56)">
- <rect x='0' y='0' width='500' height='50' />
- <rect x='120' y='0' width='100' height='50' />
- <rect x='220' y='0' width='80' height='50' />
- <rect x='300' y='0' width='200' height='50' />
- <rect x='0' y='0' width='500' height='50' />
- <text x='250' y='38'>flex-end</text>
- </g>
- <g transform="translate(2,110)">
- <rect x='0' y='0' width='500' height='50' />
- <rect x='60' y='0' width='100' height='50' />
- <rect x='160' y='0' width='80' height='50' />
- <rect x='240' y='0' width='200' height='50' />
- <rect x='0' y='0' width='500' height='50' />
- <text x='250' y='38'>center</text>
- </g>
- <g transform="translate(2,164)">
- <rect x='0' y='0' width='500' height='50' />
- <rect x='0' y='0' width='100' height='50' />
- <rect x='160' y='0' width='80' height='50' />
- <rect x='300' y='0' width='200' height='50' />
- <rect x='0' y='0' width='500' height='50' />
- <text x='250' y='38'>space-between</text>
- </g>
- <g transform="translate(2,218)">
- <rect x='0' y='0' width='500' height='50' />
- <rect x='20' y='0' width='100' height='50' />
- <rect x='160' y='0' width='80' height='50' />
- <rect x='280' y='0' width='200' height='50' />
- <rect x='0' y='0' width='500' height='50' />
- <text x='250' y='38'>space-around</text>
- </g>
-</svg>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/css-flexbox-sample.png
----------------------------------------------------------------------
diff --git a/cn/references/images/css-flexbox-sample.png b/cn/references/images/css-flexbox-sample.png
deleted file mode 100644
index 0f1236d..0000000
Binary files a/cn/references/images/css-flexbox-sample.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/div_1.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/div_1.jpg b/cn/references/images/div_1.jpg
deleted file mode 100644
index 3c89773..0000000
Binary files a/cn/references/images/div_1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/div_2.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/div_2.jpg b/cn/references/images/div_2.jpg
deleted file mode 100644
index 67395bb..0000000
Binary files a/cn/references/images/div_2.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/div_3.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/div_3.jpg b/cn/references/images/div_3.jpg
deleted file mode 100644
index b10f69e..0000000
Binary files a/cn/references/images/div_3.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/div_4.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/div_4.jpg b/cn/references/images/div_4.jpg
deleted file mode 100644
index acc2518..0000000
Binary files a/cn/references/images/div_4.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/image_1.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/image_1.jpg b/cn/references/images/image_1.jpg
deleted file mode 100644
index b87de15..0000000
Binary files a/cn/references/images/image_1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/image_2.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/image_2.jpg b/cn/references/images/image_2.jpg
deleted file mode 100644
index 598a242..0000000
Binary files a/cn/references/images/image_2.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/list_2.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/list_2.jpg b/cn/references/images/list_2.jpg
deleted file mode 100644
index 8c2cc55..0000000
Binary files a/cn/references/images/list_2.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/list_3.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/list_3.jpg b/cn/references/images/list_3.jpg
deleted file mode 100644
index f2968c7..0000000
Binary files a/cn/references/images/list_3.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/list_4.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/list_4.jpg b/cn/references/images/list_4.jpg
deleted file mode 100644
index 0123171..0000000
Binary files a/cn/references/images/list_4.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/nav.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/nav.jpg b/cn/references/images/nav.jpg
deleted file mode 100644
index 8c6ed03..0000000
Binary files a/cn/references/images/nav.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/nav.png
----------------------------------------------------------------------
diff --git a/cn/references/images/nav.png b/cn/references/images/nav.png
deleted file mode 100644
index 7081ca7..0000000
Binary files a/cn/references/images/nav.png and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/scroller_1.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/scroller_1.jpg b/cn/references/images/scroller_1.jpg
deleted file mode 100644
index 3e995cb..0000000
Binary files a/cn/references/images/scroller_1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/style_1.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/style_1.jpg b/cn/references/images/style_1.jpg
deleted file mode 100644
index 2482710..0000000
Binary files a/cn/references/images/style_1.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/images/style_2.jpg
----------------------------------------------------------------------
diff --git a/cn/references/images/style_2.jpg b/cn/references/images/style_2.jpg
deleted file mode 100644
index 6b6f2e1..0000000
Binary files a/cn/references/images/style_2.jpg and /dev/null differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/index.html
----------------------------------------------------------------------
diff --git a/cn/references/index.html b/cn/references/index.html
deleted file mode 100644
index f34a79b..0000000
--- a/cn/references/index.html
+++ /dev/null
@@ -1,1462 +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="通用特性 iOS APIs Android APIs HTML5 APIs 通用样式 文本样式 颜色名称 手势 路径 事件冒泡 降级方案">
-<meta property="og:type" content="website">
-<meta property="og:title" content="通用特性">
-<meta property="og:url" content="https://weex-project.io/cn/references/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="通用特性 iOS APIs Android APIs HTML5 APIs 通用样式 文本样式 颜色名称 手势 路径 事件冒泡 降级方案">
-<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="通用特性 iOS APIs Android APIs HTML5 APIs 通用样式 文本样式 颜色名称 手势 路径 事件冒泡 降级方案">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/index.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/references">
-
- <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/references/index.html" class="sidebar-link current ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link current ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><ul>
-<li><a href="./ios-apis.html">iOS APIs</a></li>
-<li><a href="./android-apis.html">Android APIs</a></li>
-<li><a href="./html5-apis.html">HTML5 APIs</a></li>
-<li><a href="./common-style.html">通用样式</a></li>
-<li><a href="./text-style.html">文本样式</a></li>
-<li><a href="./color-names.html">颜色名称</a></li>
-<li><a href="./gesture.html">手势</a></li>
-<li><a href="./path.html">路径</a></li>
-<li><a href="./bubble.html">事件冒泡</a></li>
-<li><a href="./downgrade.html">降级方案</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="/references/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/index.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>
[50/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/archives/2016/12/index.html
----------------------------------------------------------------------
diff --git a/archives/2016/12/index.html b/archives/2016/12/index.html
deleted file mode 100644
index 232dfb4..0000000
--- a/archives/2016/12/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Archives: 2016/12 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/archives/2016/12/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="archives/2016/12/index" class="lang-en">
-
- <script>
- window.PAGE_TYPE = "archives/2016/12/index";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/guide">Guide</a></li>
- <li><a href="/references">References</a></li>
- <li class="dropdown">
- <a href="javascript:;">Note</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/releasenote.html">ReleaseNote</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">Services & Tools</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/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="/archives/2016/12/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2016/12/index.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/">
- <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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/guide">
- Guide
- </a>
- </li>
- <li>
- <a class="" href="/references">
- References
- </a>
- </li>
- <li>
- <a href="/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>Services & Tools</p>
- <ul class="subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/en/hello-world/">Hello World</a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/archives/2016/12/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2016/12/index.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/2c2795f2/archives/2016/index.html
----------------------------------------------------------------------
diff --git a/archives/2016/index.html b/archives/2016/index.html
deleted file mode 100644
index ac813a9..0000000
--- a/archives/2016/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Archives: 2016 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/archives/2016/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="archives/2016/index" class="lang-en">
-
- <script>
- window.PAGE_TYPE = "archives/2016/index";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/guide">Guide</a></li>
- <li><a href="/references">References</a></li>
- <li class="dropdown">
- <a href="javascript:;">Note</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/releasenote.html">ReleaseNote</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">Services & Tools</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/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="/archives/2016/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2016/index.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/">
- <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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/guide">
- Guide
- </a>
- </li>
- <li>
- <a class="" href="/references">
- References
- </a>
- </li>
- <li>
- <a href="/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>Services & Tools</p>
- <ul class="subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/en/hello-world/">Hello World</a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/archives/2016/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2016/index.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/2c2795f2/archives/2017/06/index.html
----------------------------------------------------------------------
diff --git a/archives/2017/06/index.html b/archives/2017/06/index.html
deleted file mode 100644
index 9c6bed9..0000000
--- a/archives/2017/06/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Archives: 2017/6 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/archives/2017/06/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="archives/2017/06/index" class="lang-en">
-
- <script>
- window.PAGE_TYPE = "archives/2017/06/index";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/guide">Guide</a></li>
- <li><a href="/references">References</a></li>
- <li class="dropdown">
- <a href="javascript:;">Note</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/releasenote.html">ReleaseNote</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">Services & Tools</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/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="/archives/2017/06/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2017/06/index.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/">
- <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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/guide">
- Guide
- </a>
- </li>
- <li>
- <a class="" href="/references">
- References
- </a>
- </li>
- <li>
- <a href="/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>Services & Tools</p>
- <ul class="subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/en/hello-world/">Hello World</a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/archives/2017/06/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2017/06/index.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/2c2795f2/archives/2017/index.html
----------------------------------------------------------------------
diff --git a/archives/2017/index.html b/archives/2017/index.html
deleted file mode 100644
index 612c322..0000000
--- a/archives/2017/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Archives: 2017 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/archives/2017/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="archives/2017/index" class="lang-en">
-
- <script>
- window.PAGE_TYPE = "archives/2017/index";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/guide">Guide</a></li>
- <li><a href="/references">References</a></li>
- <li class="dropdown">
- <a href="javascript:;">Note</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/releasenote.html">ReleaseNote</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">Services & Tools</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/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="/archives/2017/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2017/index.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/">
- <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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/guide">
- Guide
- </a>
- </li>
- <li>
- <a class="" href="/references">
- References
- </a>
- </li>
- <li>
- <a href="/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>Services & Tools</p>
- <ul class="subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/en/hello-world/">Hello World</a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/archives/2017/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/2017/index.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/2c2795f2/archives/index.html
----------------------------------------------------------------------
diff --git a/archives/index.html b/archives/index.html
deleted file mode 100644
index 831a136..0000000
--- a/archives/index.html
+++ /dev/null
@@ -1,238 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Archives | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/archives/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="archives/index" class="lang-en">
-
- <script>
- window.PAGE_TYPE = "archives/index";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/guide">Guide</a></li>
- <li><a href="/references">References</a></li>
- <li class="dropdown">
- <a href="javascript:;">Note</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/releasenote.html">ReleaseNote</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">Services & Tools</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/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="/archives/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/index.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/">
- <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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/guide">
- Guide
- </a>
- </li>
- <li>
- <a class="" href="/references">
- References
- </a>
- </li>
- <li>
- <a href="/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>Services & Tools</p>
- <ul class="subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/en/hello-world/">Hello World</a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/archives/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/archives/index.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/2c2795f2/blog/index.html
----------------------------------------------------------------------
diff --git a/blog/index.html b/blog/index.html
deleted file mode 100644
index 29ac297..0000000
--- a/blog/index.html
+++ /dev/null
@@ -1,239 +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="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/blog/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="blog" class="lang-en">
-
- <script>
- window.PAGE_TYPE = "blog";
- window.ROOT = "/"
- </script>
- <header id="header">
- <div class="navbar">
- <a id="logo" href="/">
- <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
- </a>
- <div class="main-nav">
- <ul class="links">
- <li><a href="/guide">Guide</a></li>
- <li><a href="/references">References</a></li>
- <li class="dropdown">
- <a href="javascript:;">Note</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/faq.html">FAQ</a>
- </li>
- <li>
- <a href="/releasenote.html">ReleaseNote</a>
- </li>
- </ul>
- </li>
- <li class="dropdown">
- <a href="javascript:;">Services & Tools</a>
- <ul class="dropdown-menu subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/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="/blog/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/blog/index.html" data-lang="zh-cn">中文</a>
- </li>
- </ul>
- </div>
- </li>
- <!--<li></li>-->
- </ul>
- </div>
- </div>
- <div id="mobile-nav">
- <a id="logo" href="/">
- <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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/guide">
- Guide
- </a>
- </li>
- <li>
- <a class="" href="/references">
- References
- </a>
- </li>
- <li>
- <a href="/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>Services & Tools</p>
- <ul class="subnav">
- <li>
- <a href="/playground.html">Playground</a>
- </li>
- <li>
- <a href="/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/en/hello-world/">Hello World</a>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/blog/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/blog/index.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/2c2795f2/cn/blog/index.html
----------------------------------------------------------------------
diff --git a/cn/blog/index.html b/cn/blog/index.html
deleted file mode 100644
index 6512490..0000000
--- a/cn/blog/index.html
+++ /dev/null
@@ -1,239 +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="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex-project.io/cn/blog/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-<meta name="twitter:description" content="A framework for building Mobile cross-platform UIs. Different from a "web app", "HTML5 app", or "hybrid app", you can use Weex to build a real mobile app. The code that you write is relatively simple,">
-
- <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="blog" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "blog";
- 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="/blog/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/blog/index.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">
-
- <ul class="main-nav">
- <li>
- <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>
- </li>
- <li>
- <a class="" href="/cn/guide">
- 教程
- </a>
- </li>
- <li>
- <a class="" href="/cn/references">
- 手册
- </a>
- </li>
- <li>
- <a href="/cn/faq.html">
- FAQ
- </a>
- </li>
- <li>
- <p>工具和服务</p>
- <ul class="subnav">
- <li>
- <a href="/cn/playground.html">Playground</a>
- </li>
- <li>
- <a href="/cn/guide/tools/devtools.html">Devtools</a>
- </li>
- <li>
- <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
- </li>
- <li>
- <a href="http://dotwe.org" target="_blank">Snippets</a>
- </li>
- <li>
- <a href="https://market.dotwe.org" target="_blank">Market</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="https://github.com/apache/incubator-weex/" target="_blank">
- GitHub
- </a>
- </li>
- </ul>
-
- <a class="btn-close-sidebar iconfont icon-close"></a>
- </div>
-</div>
-
- <div class="blog-wrapper wrapper">
- <div class="archives">
-
-
- <article class="blog-article blog-type-post">
- <div class="blog-article-inner">
- <header class="article-header">
-
-
- <h1 itemprop="name">
- <a class="article-title" href="/cn/hello/">hello</a>
- </h1>
-
-
- <time class="article-date" datetime="2016-12-27T07:54:28.000Z">Updated time: 27/12/2016</time>
-</header>
-
- </div>
-</article>
-
-
-
-</div>
-</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="/blog/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/blog/index.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/2c2795f2/cn/doc/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/extend-to-android.html b/cn/doc/advanced/extend-to-android.html
deleted file mode 100644
index 1112675..0000000
--- a/cn/doc/advanced/extend-to-android.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/extend-to-android.html"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/extend-to-android.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/extend-to-html5.html b/cn/doc/advanced/extend-to-html5.html
deleted file mode 100644
index 47ec039..0000000
--- a/cn/doc/advanced/extend-to-html5.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/extend-to-html5.html"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/extend-to-html5.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/extend-to-ios.html b/cn/doc/advanced/extend-to-ios.html
deleted file mode 100644
index 8e6bce6..0000000
--- a/cn/doc/advanced/extend-to-ios.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/extend-to-ios.html"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/extend-to-ios.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/how-data-binding-works.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/how-data-binding-works.html b/cn/doc/advanced/how-data-binding-works.html
deleted file mode 100644
index 100f5e3..0000000
--- a/cn/doc/advanced/how-data-binding-works.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/how-it-works.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/how-it-works.html b/cn/doc/advanced/how-it-works.html
deleted file mode 100644
index 321c31b..0000000
--- a/cn/doc/advanced/how-it-works.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/intro/"><meta http-equiv="refresh" content="0; url=/cn/guide/intro/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/integrate-to-android.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/integrate-to-android.html b/cn/doc/advanced/integrate-to-android.html
deleted file mode 100644
index 100f5e3..0000000
--- a/cn/doc/advanced/integrate-to-android.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/integrate-to-html5.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/integrate-to-html5.html b/cn/doc/advanced/integrate-to-html5.html
deleted file mode 100644
index 100f5e3..0000000
--- a/cn/doc/advanced/integrate-to-html5.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/integrate-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/integrate-to-ios.html b/cn/doc/advanced/integrate-to-ios.html
deleted file mode 100644
index 100f5e3..0000000
--- a/cn/doc/advanced/integrate-to-ios.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/advanced/main.html
----------------------------------------------------------------------
diff --git a/cn/doc/advanced/main.html b/cn/doc/advanced/main.html
deleted file mode 100644
index 100f5e3..0000000
--- a/cn/doc/advanced/main.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/advanced/"><meta http-equiv="refresh" content="0; url=/cn/references/advanced/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/a.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/a.html b/cn/doc/components/a.html
deleted file mode 100644
index b94ce5e..0000000
--- a/cn/doc/components/a.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/"><meta http-equiv="refresh" content="0; url=/cn/references/components/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/cell.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/cell.html b/cn/doc/components/cell.html
deleted file mode 100644
index 2366f0d..0000000
--- a/cn/doc/components/cell.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/cell.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/cell.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/div.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/div.html b/cn/doc/components/div.html
deleted file mode 100644
index ffbf8c7..0000000
--- a/cn/doc/components/div.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/div.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/div.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/image.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/image.html b/cn/doc/components/image.html
deleted file mode 100644
index fbd89f9..0000000
--- a/cn/doc/components/image.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/image.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/image.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/indicator.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/indicator.html b/cn/doc/components/indicator.html
deleted file mode 100644
index 7d7593d..0000000
--- a/cn/doc/components/indicator.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/indicator.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/indicator.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/input.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/input.html b/cn/doc/components/input.html
deleted file mode 100644
index 48ae27a..0000000
--- a/cn/doc/components/input.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/input.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/input.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/list.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/list.html b/cn/doc/components/list.html
deleted file mode 100644
index 6341f01..0000000
--- a/cn/doc/components/list.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/list.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/list.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/loading.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/loading.html b/cn/doc/components/loading.html
deleted file mode 100644
index c09761a..0000000
--- a/cn/doc/components/loading.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/loading.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/loading.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/main.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/main.html b/cn/doc/components/main.html
deleted file mode 100644
index b94ce5e..0000000
--- a/cn/doc/components/main.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/"><meta http-equiv="refresh" content="0; url=/cn/references/components/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/refresh.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/refresh.html b/cn/doc/components/refresh.html
deleted file mode 100644
index 2a702a3..0000000
--- a/cn/doc/components/refresh.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/refresh.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/refresh.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/scroller.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/scroller.html b/cn/doc/components/scroller.html
deleted file mode 100644
index f9f4127..0000000
--- a/cn/doc/components/scroller.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/scroller.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/scroller.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/slider.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/slider.html b/cn/doc/components/slider.html
deleted file mode 100644
index 3de085c..0000000
--- a/cn/doc/components/slider.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/slider.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/slider.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/special-element.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/special-element.html b/cn/doc/components/special-element.html
deleted file mode 100644
index b94ce5e..0000000
--- a/cn/doc/components/special-element.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/"><meta http-equiv="refresh" content="0; url=/cn/references/components/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/switch.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/switch.html b/cn/doc/components/switch.html
deleted file mode 100644
index ee836cf..0000000
--- a/cn/doc/components/switch.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/switch.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/switch.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/text.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/text.html b/cn/doc/components/text.html
deleted file mode 100644
index 719ef39..0000000
--- a/cn/doc/components/text.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/text.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/text.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/textarea.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/textarea.html b/cn/doc/components/textarea.html
deleted file mode 100644
index e17b548..0000000
--- a/cn/doc/components/textarea.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/textarea.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/textarea.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/video.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/video.html b/cn/doc/components/video.html
deleted file mode 100644
index efe1807..0000000
--- a/cn/doc/components/video.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/video.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/video.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/web.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/web.html b/cn/doc/components/web.html
deleted file mode 100644
index 24ebad2..0000000
--- a/cn/doc/components/web.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/web.html"><meta http-equiv="refresh" content="0; url=/cn/references/components/web.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/wxc-navpage.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/wxc-navpage.html b/cn/doc/components/wxc-navpage.html
deleted file mode 100644
index b94ce5e..0000000
--- a/cn/doc/components/wxc-navpage.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/"><meta http-equiv="refresh" content="0; url=/cn/references/components/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/components/wxc-tabbar.html
----------------------------------------------------------------------
diff --git a/cn/doc/components/wxc-tabbar.html b/cn/doc/components/wxc-tabbar.html
deleted file mode 100644
index b94ce5e..0000000
--- a/cn/doc/components/wxc-tabbar.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/references/components/"><meta http-equiv="refresh" content="0; url=/cn/references/components/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/demo/animation.html
----------------------------------------------------------------------
diff --git a/cn/doc/demo/animation.html b/cn/doc/demo/animation.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/demo/animation.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/demo/clipboard.html
----------------------------------------------------------------------
diff --git a/cn/doc/demo/clipboard.html b/cn/doc/demo/clipboard.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/demo/clipboard.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/demo/hello-world.html
----------------------------------------------------------------------
diff --git a/cn/doc/demo/hello-world.html b/cn/doc/demo/hello-world.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/demo/hello-world.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/demo/list.html
----------------------------------------------------------------------
diff --git a/cn/doc/demo/list.html b/cn/doc/demo/list.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/demo/list.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/demo/modal.html
----------------------------------------------------------------------
diff --git a/cn/doc/demo/modal.html b/cn/doc/demo/modal.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/demo/modal.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/demo/slider.html
----------------------------------------------------------------------
diff --git a/cn/doc/demo/slider.html b/cn/doc/demo/slider.html
deleted file mode 100644
index 2fc9051..0000000
--- a/cn/doc/demo/slider.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/"><meta http-equiv="refresh" content="0; url=/cn/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/develop-on-your-local-machine.html
----------------------------------------------------------------------
diff --git a/cn/doc/develop-on-your-local-machine.html b/cn/doc/develop-on-your-local-machine.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/develop-on-your-local-machine.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/faq.html
----------------------------------------------------------------------
diff --git a/cn/doc/faq.html b/cn/doc/faq.html
deleted file mode 100644
index 55c9dd4..0000000
--- a/cn/doc/faq.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/faq.html"><meta http-equiv="refresh" content="0; url=/cn/faq.html"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/get-started.html
----------------------------------------------------------------------
diff --git a/cn/doc/get-started.html b/cn/doc/get-started.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/get-started.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/guide.html
----------------------------------------------------------------------
diff --git a/cn/doc/guide.html b/cn/doc/guide.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/guide.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/customize-a-native-component.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/customize-a-native-component.html b/cn/doc/how-to/customize-a-native-component.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/customize-a-native-component.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/cuszomize-native-apis.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/cuszomize-native-apis.html b/cn/doc/how-to/cuszomize-native-apis.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/cuszomize-native-apis.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/debug-with-devtools.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/debug-with-devtools.html b/cn/doc/how-to/debug-with-devtools.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/debug-with-devtools.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/doc/how-to/debug-with-html5.html
----------------------------------------------------------------------
diff --git a/cn/doc/how-to/debug-with-html5.html b/cn/doc/how-to/debug-with-html5.html
deleted file mode 100644
index e29a46f..0000000
--- a/cn/doc/how-to/debug-with-html5.html
+++ /dev/null
@@ -1 +0,0 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><title>Redirecting...</title><link rel="canonical" href="/cn/guide/"><meta http-equiv="refresh" content="0; url=/cn/guide/"></head></html>
\ No newline at end of file
[30/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/cn/references/components/indicator.html b/cn/references/components/indicator.html
deleted file mode 100644
index a48ed68..0000000
--- a/cn/references/components/indicator.html
+++ /dev/null
@@ -1,1488 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><indicator> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="&lt;indicator&gt;&lt;indicator&gt; 组件用于显示轮播图指示器效果，必须充当 &lt;slider&gt; 组件的子组件使用。 子组件&lt;indicator&gt; 组件没有任何子组件。 样式&lt;indicator&gt; 组件有一些私有样式，如下： item-color {color}：设置项的颜色，可以是颜色的名称，例如 red；也可以是 16 进制的">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<indicator>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/indicator.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;indicator&gt;&lt;indicator&gt; 组件用于显示轮播图指示器效果，必须充当 &lt;slider&gt; 组件的子组件使用。 子组件&lt;indicator&gt; 组件没有任何子组件。 样式&lt;indicator&gt; 组件有一些私有样式，如下： item-color {color}：设置项的颜色，可以是颜色的名称，例如 red；也可以是 16 进制的">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<indicator>">
-<meta name="twitter:description" content="&lt;indicator&gt;&lt;indicator&gt; 组件用于显示轮播图指示器效果，必须充当 &lt;slider&gt; 组件的子组件使用。 子组件&lt;indicator&gt; 组件没有任何子组件。 样式&lt;indicator&gt; 组件有一些私有样式，如下： item-color {color}：设置项的颜色，可以是颜色的名称，例如 red；也可以是 16 进制的">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/indicator.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/indicator.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link current "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link current "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <indicator>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="lt-indicator-gt" class="article-heading"><a href="#lt-indicator-gt" class="headerlink" title="<indicator>"></a><indicator><a class="article-anchor" href="#lt-indicator-gt" aria-hidden="true"></a></h1><p><code><indicator></code> 组件用于显示轮播图指示器效果，必须充当 <a href="./slider.html"><code><slider></code></a> 组件的子组件使用。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p><code><indicator></code> 组件没有任何子组件。</p>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><p><code><indicator></code> 组件有一些私有样式，如下：</p>
-<ul>
-<li><p><code>item-color {color}</code>：设置项的颜色，可以是颜色的名称，例如 <code>red</code>；也可以是 16 进制的颜色，例如 <code>#RRGGBB</code>。</p>
-</li>
-<li><p><code>item-selected-color {color}</code>：被选中时的颜色，可以是颜色的名称，<code>red</code>；也可以是 16 进制的颜色，例如 <code>#RRGGBB</code>。</p>
-</li>
-<li><p><code>item-size {number}</code>：元素的个数。</p>
-</li>
-<li><p>通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<p><strong>注意 1：</strong></p>
-<p>这里需要注意一点，<code><indicator></code> 的 <code>position</code> 不仅依赖 <code>top</code>、<code>left</code>、<code>bottom</code> 和 <code>right</code> 样式，同时会参考 <code>width</code>和 <code>height</code> 样式。<code><indicator></code> 默认的宽高继承于 <code><slider></code>，如果 <code><slider></code> 未设置宽高，需要显式的给 <code><indicator></code> 设置宽高值。</p>
-<p><strong>注意 2：</strong></p>
-<p><code>background-color</code> 不推荐使用，建议使用 <code>item-color</code> 和 <code>item-selected-color</code> 代替。</p>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><p>支持所有通用事件。</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><ol>
-<li>不支持子组件。</li>
-</ol>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><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></div><div class="line"> <span class="tag"><<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"4500"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>></span></div><div class="line"> <span class="
tag"><<span class="name">image</span> <span class="attr">class</span>=<span class="string">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>></span><span class="tag"></<span class="name">image</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>></span>{{img.title}}<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">indicator</span> <span class="attr">class</span>=<span class="string">"indicator"</span>></span><span class="tag"></<span class="name">indicator</span>></span></div><div class="line"> <span class="tag"></<span class="name">slider</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="line"><span class="tag"><<span class="name">style</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.image</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.slider</span> {</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line"> <span class="attribute">width</span>: <span cla
ss="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.title</span> {</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">200px
</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#FFFFFF</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line"> <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(0, 0, 0, 0.3);</div><div class="line"> }</div><div class="line"> <span class="selector-class">.frame</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">position</span>: relative;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.indicator</span> {</div><div class="line"> <span class="attribute">widt
h</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line"> <span class="attribute">item-color</span>: green;</div><div class="line"> <span class="attribute">item-selected-color</span>: red;</div><div class="line"> <span class="attribute">item-size</span>: <span class="number">50px</span>;</div><div class="line"> <span class="attribute">position</span>: absolute;</div><div class="line"> <span class="attribute">top</span>: <span class="number">200px</span>;</div><div class="line"> <span class="attribute">left</span>: <span class="number">200px</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword"
>export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">imageList</span>: [</div><div class="line"> { <span class="attr">title</span>: <span class="string">'item A'</span>, <span class="attr">src</span>: <span class="string">'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>},</div><div class="line"> { <span class="attr">title</span>: <span class="string">'item B'</span>, <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>},</div><div class="line"> { <span class="attr">title</span>: <span class="string">'item C'</span>, <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-it
em_pic.jpg'</span>}</div><div class="line"> ]</div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> onchange (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'changed:'</span>, event.index)</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/e1b4fd8a37ed4cafd8f5e161698754aa" target="_blank" rel="external">try it</a></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="/references/components/indicator.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/indicator.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>
[39/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/integrate-devtool-to-android.html b/cn/references/advanced/integrate-devtool-to-android.html
deleted file mode 100644
index 38b47bc..0000000
--- a/cn/references/advanced/integrate-devtool-to-android.html
+++ /dev/null
@@ -1,1595 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>集成 Devtools 到 Android | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="集成 Devtools 到 AndroidWeex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 Android 端如何接入 Weex Devtools。 Android 应用接入添加依赖可以通过 Gradle 或者 Maven 添加对 devtools aar 的依赖，也可以直接对源码依赖。">
-<meta property="og:type" content="website">
-<meta property="og:title" content="集成 Devtools 到 Android">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/integrate-devtool-to-android.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="集成 Devtools 到 AndroidWeex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 Android 端如何接入 Weex Devtools。 Android 应用接入添加依赖可以通过 Gradle 或者 Maven 添加对 devtools aar 的依赖，也可以直接对源码依赖。">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1aKy4NXXXXXacXVXXXXXXXXXX-1019-756.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="集成 Devtools 到 Android">
-<meta name="twitter:description" content="集成 Devtools 到 AndroidWeex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 Android 端如何接入 Weex Devtools。 Android 应用接入添加依赖可以通过 Gradle 或者 Maven 添加对 devtools aar 的依赖，也可以直接对源码依赖。">
-<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1aKy4NXXXXXacXVXXXXXXXXXX-1019-756.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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link current ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link current ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- 集成 Devtools 到 Android
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="集成-Devtools-到-Android" class="article-heading"><a href="#集成-Devtools-到-Android" class="headerlink" title="集成 Devtools 到 Android"></a>集成 Devtools 到 Android<a class="article-anchor" href="#集成-Devtools-到-Android" aria-hidden="true"></a></h1><p>Weex Devtools 能够方便调试 Weex 页面，但此功能离不开 Native 的支持。如何让你的 App 也集成 Devtools，在本章将会详细说明 Android 端如何接入 Weex Devtools。</p>
-<h2 id="Android-应用接入" class="article-heading"><a href="#Android-应用接入" class="headerlink" title="Android 应用接入"></a>Android 应用接入<a class="article-anchor" href="#Android-应用接入" 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>可以通过 Gradle 或者 Maven 添加对 devtools aar 的依赖，也可以直接对源码依赖。强烈建议使用最新版本，因为 Weex SDK 和 devtools 都在快速的迭代开发中，新版本会有更多惊喜，同时也修复老版本中一些问题。最新的 release 版本可在<a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external">这里</a>查看。所有的 release 版本都会发布到 <a href="https://bintray.com/alibabaweex/maven/weex_inspector" target="_blank" rel="external">j
center repo</a>。</p>
-<ul>
-<li><p><em>Gradle 依赖</em></p>
-<figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">dependencies</span> {</div><div class="line"> <span class="keyword">compile</span> <span class="string">'com.taobao.android:weex_inspector:0.8.0.0'</span></div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-<li><p><em>Maven依赖</em></p>
-<figure class="highlight xml"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">dependency</span>></span></div><div class="line"> <span class="tag"><<span class="name">groupId</span>></span>com.taobao.android<span class="tag"></<span class="name">groupId</span>></span></div><div class="line"> <span class="tag"><<span class="name">artifactId</span>></span>weex_inspector<span class="tag"></<span class="name">artifactId</span>></span></div><div class="line"> <span class="tag"><<span class="name">version</span>></span>0.8.0.0<span class="tag"></<span class="name">version</span>></span></div><div class="line"> <span class="tag"><<span class="name">type</span>></span>pom<span class="tag"></<span class="name">type</span>></span></div><div class="line"><span class="tag"></<span class="name">dependency</span>></span></div></pre></td></tr></table></figure>
-</li>
-<li><p><em>源码依赖</em></p>
-<p>需要复制 <a href="https://github.com/weexteam/weex_devtools_android/tree/master/inspector" target="_blank" rel="external">inspector</a> 目录到你的 App 的同级目录，然后在工程的 <code>settings.gradle</code> 文件下添加 <code>include ":inspector"</code>，此过程可以参考 playground 源码的工程配置及其配置，然后在 App 的 <code>build.gralde</code> 中添加依赖。</p>
-<figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">dependencies</span> {</div><div class="line"> <span class="keyword">compile</span> <span class="keyword">project</span>(<span class="string">':inspector'</span>)</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>另外 weex_inspector 中有一部分包是以 provided 的方式引入，接入方需要自行解决依赖和版本冲突。</p>
-<ul>
-<li><p><strong>provided方式引用的包</strong></p>
-<figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">dependencies</span> {</div><div class="line"> provided <span class="string">'com.google.code.findbugs:jsr305:2.0.1'</span></div><div class="line"> provided <span class="string">'com.android.support:appcompat-v7:23.1.1'</span></div><div class="line"> provided <span class="string">'com.taobao.android:weex_sdk:0.8.0'</span></div><div class="line"> provided <span class="string">'com.alibaba:fastjson:1.1.45+'</span></div><div class="line"> ...</div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-</ul>
-</li>
-</ul>
-<ul>
-<li><p><strong>反射引用的包(0.8.0.0以上版本)</strong></p>
-<figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">dependencies</span> {</div><div class="line"> <span class="keyword">compile</span> <span class="string">'com.squareup.okhttp:okhttp:2.3.0'</span></div><div class="line"> <span class="keyword">compile</span> <span class="string">'com.squareup.okhttp:okhttp-ws:2.3.0'</span></div><div class="line"> ...</div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-</ul>
-<p> 或者</p>
- <figure class="highlight gradle"><table><tr><td class="code"><pre><div class="line"><span class="keyword">dependencies</span> {</div><div class="line"> <span class="keyword">compile</span> <span class="string">'com.squareup.okhttp:okhttp:3.4.1'</span></div><div class="line"> <span class="keyword">compile</span> <span class="string">'com.squareup.okhttp:okhttp-ws:3.4.1'</span></div><div class="line"> ...</div><div class="line">}</div></pre></td></tr></table></figure>
-<h4 id="版本兼容" class="article-heading"><a href="#版本兼容" class="headerlink" title="版本兼容"></a>版本兼容<a class="article-anchor" href="#版本兼容" aria-hidden="true"></a></h4><table>
-<thead>
-<tr>
-<th>weex sdk</th>
-<th>weex inspector</th>
-<th>Debugger Server</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>0.8.0.1+</td>
-<td>0.0.8.1+</td>
-<td>0.2.39+</td>
-</tr>
-<tr>
-<td>0.7.0+</td>
-<td>0.0.7.13</td>
-<td>0.2.38</td>
-</tr>
-<tr>
-<td>0.6.0+</td>
-<td>0.0.2.2</td>
-<td>-</td>
-</tr>
-</tbody>
-</table>
-<h3 id="添加-Debug-模式开关" class="article-heading"><a href="#添加-Debug-模式开关" class="headerlink" title="添加 Debug 模式开关"></a>添加 Debug 模式开关<a class="article-anchor" href="#添加-Debug-模式开关" aria-hidden="true"></a></h3><p>控制调试模式的打开和关闭的关键点可以概括为三条规则。</p>
-<p><strong>规则一：通过 <code>sRemoteDebugMode</code> 和 <code>sRemoteDebugProxyUrl</code> 来设置开关和 Debugger Server 地址。</strong></p>
-<p>Weex SDK 的 <code>WXEnvironment</code> 类里有一对静态变量标记了 Weex 当前的调试模式是否开启分别是：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">boolean</span> sRemoteDebugMode; <span class="comment">// 是否开启 debug 模式，默认关闭</span></div><div class="line"><span class="keyword">public</span> <span class="keyword">static</span> String sRemoteDebugProxyUrl; <span class="comment">// DebugServer的websocket地址</span></div></pre></td></tr></table></figure>
-<p>无论在 App 中无论以何种方式设置 Debug 模式，都必须在恰当的时机调用类似如下的方法来设置 <code>WXEnvironment.sRemoteDebugMode</code> 和 <code>WXEnvironment.sRemoteDebugProxyUrl</code>。</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">initDebugEnvironment</span><span class="params">(<span class="keyword">boolean</span> enable, String host)</span> </span>{</div><div class="line"> WXEnvironment.sRemoteDebugMode = enable;</div><div class="line"> WXEnvironment.sRemoteDebugProxyUrl = <span class="string">"ws://"</span> + host + <span class="string">":8088/debugProxy/native"</span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-<p><strong>规则二：修改 <code>sRemoteDebugMode</code> 后一定要调用<code>`WXSDKEngine.reload()</code>。</strong></p>
-<p>一般來說，在修改了 <code>WXEnvironment.sRemoteDebugMode</code> 以后调用了 <code>WXSDKEngine.reload()</code> 方法才能够使 Debug模式生效。<code>WXSDKEngine.reload()</code> 用来重置 Weex 的运行环境上下文，在切换调试模式时需要调用此方法来创建新的 Weex 运行时和 DebugBridge 并将所有的 JS 调用桥接到调试服务器执行。在 reload 过程中会调用 launchInspector，这就是 SDK 控制 Debug 模式最核心一个方法，其传入参数即为 <code>sRemoteDebugMode</code>，若为 <code>true</code> 则该方法中尝试以反射的方式获取 DebugBridge 用来在远端执行 JS，否则在本地运行。</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">launchInspector</span><span class="params">(<span class="keyword">boolean</span> remoteDebug)</span> </span>{</div><div class="line"> <span class="keyword">if</span> (WXEnvironment.isApkDebugable()) {</div><div class="line"> <span class="keyword">try</span> {</div><div class="line"> <span class="keyword">if</span> (mWxDebugProxy != <span class="keyword">null</span>) {</div><div class="line"> mWxDebugProxy.stop();</div><div class="line"> }</div><div class="line"> HackedClass<Object> debugProxyClass = WXHack.into(<span class="string">"com.taobao.weex.devtools.debug.DebugServerProxy"</span>);</div><div class="line"> mWxDebugProxy = (IWXDebugProxy) debugProxyClass.constructor(Context.class, WXBridgeManager.class)</div><div class="lin
e"> .getInstance(WXEnvironment.getApplication(), WXBridgeManager.<span class="keyword">this</span>);</div><div class="line"> <span class="keyword">if</span> (mWxDebugProxy != <span class="keyword">null</span>) {</div><div class="line"> mWxDebugProxy.start();</div><div class="line"> <span class="keyword">if</span> (remoteDebug) {</div><div class="line"> mWXBridge = mWxDebugProxy.getWXBridge();</div><div class="line"> } <span class="keyword">else</span> {</div><div class="line"> <span class="keyword">if</span> (mWXBridge != <span class="keyword">null</span> && !(mWXBridge <span class="keyword">instanceof</span> WXBridge)) {</div><div class="line"> mWXBridge = <span class="keyword">null</span>;</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"> } <span class="keyword">catch</span> (HackAsserti
onException e) {</div><div class="line"> WXLogUtils.e(<span class="string">"launchInspector HackAssertionException "</span>, e);</div><div class="line"> }</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>只要遵循上面的原理，开启 Debug 模式的方式和时机可由接入方灵活实现。从 launchInspector 可以看到，SDK 对 devtools 的 aar 包并无强依赖,我们的 App 只需要在 Debug 包中打包该 aar 即可，这样多少可以缓解包大小问题和安全问题。</p>
-<p><strong>例外：</strong> <em>若修改 <code>WXEnvironment.sRemoteDebugMode</code> 的时机在 <code>WXBridgeManager</code> 初始化和 restart 和之前则 <code>WXSDKEngine.reload()</code> 可忽略.</em></p>
-<p><strong>规则三：通过响应 <code>ACTION_DEBUG_INSTANCE_REFRESH</code> 广播及时刷新。</strong></p>
-<p>广播 <code>ACTION_DEBUG_INSTANCE_REFRESH</code> 在调试模式切换和 Chrome 调试页面刷新时发出，主要用来通知当前的 Weex容器以 Debug 模式重新加载当前页。在 playground 中的处理过程如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">RefreshBroadcastReceiver</span> <span class="keyword">extends</span> <span class="title">BroadcastReceiver</span> </span>{</div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onReceive</span><span class="params">(Context context, Intent intent)</span> </span>{</div><div class="line"> <span class="keyword">if</span> (IWXDebugProxy.ACTION_DEBUG_INSTANCE_REFRESH.equals(intent.getAction())) {</div><div class="line"> <span class="keyword">if</span> (mUri != <span class="keyword">null</span>) {</div><div class="line"> <span class="keyword">if</span> (TextUtils.equals(mUri.getScheme(), <span class="string">"http"</span>)
|| TextUtils.equals(mUri.getScheme(), <span class="string">"https"</span>)) {</div><div class="line"> loadWXfromService(mUri.toString());</div><div class="line"> } <span class="keyword">else</span> {</div><div class="line"> loadWXfromLocal(<span class="keyword">true</span>);</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>如果接入方的容器未对该广播做处理，那么将不支持刷新和调试过程中编辑代码时的 watch 功能。</p>
-<h2 id="接入示例" class="article-heading"><a href="#接入示例" class="headerlink" title="接入示例"></a>接入示例<a class="article-anchor" href="#接入示例" aria-hidden="true"></a></h2><p>最简单方式就是复用 Playground 的相关代码，比如扫码和刷新等模块，但是扫码不是必须的，它只是与 App 通信的一种形式，二维码里的包含 DebugServer IP 及 bundle 地址等信息，用于建立 App 和 Debugger Server 之间的连接及动态加载 bundle。在 Playground 中给出了两种开启 debug 模式的范例。</p>
-<ul>
-<li>范例1：通过在 <code>XXXApplication</code> 中设置开关打开调试模式</li>
-</ul>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MyApplication</span> <span class="keyword">extends</span> <span class="title">Application</span> </span>{</div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">onCreate</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">super</span>.onCreate();</div><div class="line"> initDebugEnvironment(<span class="keyword">true</span>, <span class="string">"xxx.xxx.xxx.xxx"</span><span class="comment">/*"DEBUG_SERVER_HOST"*/</span>);</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>这种方式最直接，在代码中直接 hardcode 了开启调试模式，如果在 SDK 初始化之前调用甚至连 <code>WXSDKEngine.reload()</code> 都不需要调用，接入方如果需要更灵活的策略可以将 <code>initDebugEnvironment(boolean enable, String host)</code> 和 <code>WXSDKEngine.reload()</code> 组合在一起在合适的位置和时机调用即可。</p>
-<ul>
-<li>范例2：通过扫码打开调试模式</li>
-</ul>
-<p>Playground 中较多的使用扫码的方式传递信息，不仅用这种方式控制 Debug 模式的开关,而且还通过它来传入 bundle 的 url 直接调试。应当说在开发中这种方式是比较高效的，省去了修改 SDK 代码重复编译和安装 App 的麻烦，缺点就是调试工具这种方式接入需要 App 具有扫码和处理特定规则二维码的能力。除了 Playground 中的方式，接入方亦可根据业务场景对 Debugger 和接入方式进行二次开发。</p>
-<p>Playground 集成的具体代码可参考如下两个文件：</p>
-<ul>
-<li><p>开关控制，主要参考对二维码的处理部分，详见 <a href="https://github.com/weexteam/weex_devtools_android/blob/master/playground/app/src/main/java/com/alibaba/weex/WXApplication.java" target="_blank" rel="external"><code>WXApplication.java</code></a></p>
-</li>
-<li><p>刷新控制 ，主要参考是对容器 <code>ACTION_DEBUG_INSTANCE_REFRESH</code>的处理，详见 <a href="https://github.com/weexteam/weex_devtools_android/blob/master/playground/app/src/main/java/com/alibaba/weex/WXPageActivity.java" target="_blank" rel="external"><code>WXPageActivity.java</code></a></p>
-</li>
-</ul>
-<h2 id="牛刀小试" class="article-heading"><a href="#牛刀小试" class="headerlink" title="牛刀小试"></a>牛刀小试<a class="article-anchor" href="#牛刀小试" 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>如果未安装 Debugger Server，在命令行执行 <code>npm install -g weex-toolkit</code> 既可以安装调试服务器，运行命令 <code>weex debug</code> 就会启动 DebugServer 并打开一个调试页面（详情请查看 <a href="../../guide/index.html">《Get Started》</a>）。页面下方会展示一个二维码，这个二维码用于向 App 传递 Server 端的地址建立连接。</p>
-<p><img src="//img.alicdn.com/tps/TB1aKy4NXXXXXacXVXXXXXXXXXX-1019-756.png" alt="_"></p>
-<h3 id="开始调试" class="article-heading"><a href="#开始调试" class="headerlink" title="开始调试"></a>开始调试<a class="article-anchor" href="#开始调试" aria-hidden="true"></a></h3><p>如果你的 App 客户端完成了以上步骤那么恭喜你已经接入完毕，可以愉快的调试 Weex bundle 了，调试体验和网页调试一致！建议新手首先用官方的 Playground 体验一下调试流程。只需要启动 App 扫描 Chrome 调试页面下方的第一个二维码即可建立与 Debugger Server 的通信，Chorome 的调试页面将会列出连接成功的设备信息。</p>
-<p><img src="//img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png" alt="devtools-main"></p>
-<h4 id="主要步骤如下" class="article-heading"><a href="#主要步骤如下" class="headerlink" title="主要步骤如下"></a>主要步骤如下<a class="article-anchor" href="#主要步骤如下" aria-hidden="true"></a></h4><ol>
-<li>如果你要加载服务器上 bundle，第一步就是要让你的 bundle sever 跑起来. 在 Playground 中特别简单，只需要你到 Weex 源码目录下，运行 <code>./start</code> 即可。</li>
-<li>命令行运行 <code>weex debug</code> 启动 Debugger Server，Chrome 将会打开一个网页，在网页下方有一个二维码和简单的介绍。</li>
-<li>启动 App 并确认打开调试模式。你将在上一步中打开的网页中看到一个设备列表，每个设备项都有两个按钮，分别是 <code>Debugger</code> 和 <code>Inspector</code>。</li>
-<li>点击 <code>Inspector</code> Chrome 将创建 Inspector 网页；点击 <code>Debugger</code> Chrome 将创建 Debugger 网页；二者是相互独立的功能，不相互依赖。</li>
-</ol>
-<hr>
-<h2 id="背景知识" class="article-heading"><a href="#背景知识" class="headerlink" title="背景知识"></a>背景知识<a class="article-anchor" href="#背景知识" aria-hidden="true"></a></h2><h3 id="Devtools-组件介绍" class="article-heading"><a href="#Devtools-组件介绍" class="headerlink" title="Devtools 组件介绍"></a>Devtools 组件介绍<a class="article-anchor" href="#Devtools-组件介绍" aria-hidden="true"></a></h3><p>Devtools 扩展了 <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a>，在客户端和调试服务器之间的采用 <a href="https://en.wikipedia.org/wiki/JSON-RPC" target="_blank" rel="external">JSON-RPC</a> 作为通信机制，本质上调试过程是两个进程间协同，相互交换控制权及运行结果的过程。更多细节还请阅读 <a href="http://www.atatech.org/articles/59284" target="_blank" rel="external">Weex Devtools Debugger 的技术�
�型实录</a>这篇文章。</p>
-<ul>
-<li><p><strong>客户端</strong></p>
-<p>Devtools 客户端作为 aar 被集成 App 中，它通过 webscoket 连接到调试服务器，此处并未做安全检查。出于安全机制及包大小考虑，强烈建议接入方只在 debug 版本中打包此 aar。</p>
-</li>
-<li><p><strong>服务器</strong></p>
-<p>Devtools 服务器端是信息交换的中枢，既连接客户端，又连接 Chrome，大多数情况下扮演一个消息转发服务器和 Runtime Manager 的角色。</p>
-</li>
-<li><p><strong>Web端</strong></p>
-<p>Chrome 的 V8 引擎扮演着 Bundle javascript runtime 的角色。开启 debug 模式后，所有的 bundle js 代码都在该引擎上运行。另一方面我们也复用了 Chrome 前端的调试界面，例如设置断点，查看调用栈等，调试页关闭则 runtime 将会被清理。</p>
-</li>
-</ul>
-<p>调试的大致过程请参考如下时序图。</p>
-<p><img src="//img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg" alt="debug sequence diagram"></p>
-<h2 id="FAQ" class="article-heading"><a href="#FAQ" class="headerlink" title="FAQ"></a>FAQ<a class="article-anchor" href="#FAQ" aria-hidden="true"></a></h2><p>在各业务接入过程中，陆续发现一些问题，对高频次的问题解答如下，开发中以 weex debug -V 的方式启动 Debugger Server 可以看到 server 端的 log 信息，对照上文中的时序图对于定位问题还是非常有帮助，建议调试中默认开启 server 端 log。</p>
-<ol>
-<li><p><strong>扫码 App 在 DebugServerProxy 中抛出 class not found</strong></p>
-<p>已知的原因如下：</p>
-<ul>
-<li>weex_inspector 以 provided 方式引用的包是否引入成功，如 fastjson 等。</li>
-<li>weex_inspector 以 compile 方式引用的包是否引入成功，某些 app 重新引入 <code>com.squareup.okhttp:okhttp:2.3.0</code> 和 <code>com.squareup.okhttp:okhttp-ws:2.3.0</code> 则不再报错。</li>
-<li>混淆规则影响反射。</li>
-</ul>
-</li>
-<li><p><strong>playground 扫码调试 crash</strong></p>
-<p>已知的原因如下：</p>
-<ul>
-<li>系统为 android 6+，崩溃信息提示进程需要 <code>android.permission.READ_PHONE_STATE</code> 权限，代码中未做权限检查，在 0.0.2.7 版本以后已修复，不再需要此权限。</li>
-</ul>
-</li>
-<li><p><strong>扫码后设备列表页并没有出现我的设备信息</strong></p>
-<p>已知的原因如下：</p>
-<ul>
-<li>Debugger Server 和手机在不同网段，被防火墙隔离。</li>
-<li>手机连接了 PC 端的代理，当前尚不支持。</li>
-<li>多进程连接服务器端的同一端口，比如在 Application 的 <code>onCreate</code> 中初始化 sdk，若多个进程连接服务器端的同一端口则报错，在 0.0.2.3 版本以后已支持多进程无此问题。</li>
-</ul>
-</li>
-<li><p><strong>调试过程中频繁刷新连接失败，Server 端提示重新启动 App，非必现</strong></p>
-<p>已知的原因如下：</p>
-<ul>
-<li>多线程操作网络连接引起，在频繁的即断即连时容易触发。在 0.0.7.1 版本已修复。</li>
-</ul>
-</li>
-</ol>
-
- </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="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.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>
[20/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/downgrade.html
----------------------------------------------------------------------
diff --git a/cn/references/downgrade.html b/cn/references/downgrade.html
deleted file mode 100644
index 4ece155..0000000
--- a/cn/references/downgrade.html
+++ /dev/null
@@ -1,1451 +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 2.0 降级方案改成模块的形式支持，具体请参考downgrade">
-<meta property="og:type" content="website">
-<meta property="og:title" content="降级方案">
-<meta property="og:url" content="https://weex-project.io/cn/references/downgrade.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="降级方案Weex 2.0 降级方案改成模块的形式支持，具体请参考downgrade">
-<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 2.0 降级方案改成模块的形式支持，具体请参考downgrade">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/downgrade.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/downgrade.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link current ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link current ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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 2.0 降级方案改成模块的形式支持，具体请参考<a href="https://www.npmjs.com/package/@weex-project/downgrade" target="_blank" rel="external">downgrade</a></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="/references/downgrade.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/downgrade.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/2c2795f2/cn/references/gesture.html
----------------------------------------------------------------------
diff --git a/cn/references/gesture.html b/cn/references/gesture.html
deleted file mode 100644
index 662f9ee..0000000
--- a/cn/references/gesture.html
+++ /dev/null
@@ -1,1493 +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 封装了原生的触摸事件以提供手势系统。使用手势类似于在 Weex 中使用事件，只需在节点上设置 on 特性来监听手势即可。 手势类型目前，仅支持以下四种手势类型： Touch：当触摸到一个点，移动或从触摸面移开时触发 touch 手势。触摸手势很精准，它会返回所有详细的事件信息。所以，监听 touch 手势可能很慢，即使只移动一丁点也需要处理大量事件。有三种">
-<meta property="og:type" content="website">
-<meta property="og:title" content="手势">
-<meta property="og:url" content="https://weex-project.io/cn/references/gesture.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="手势注：该功能属于实验性功能 Weex 封装了原生的触摸事件以提供手势系统。使用手势类似于在 Weex 中使用事件，只需在节点上设置 on 特性来监听手势即可。 手势类型目前，仅支持以下四种手势类型： Touch：当触摸到一个点，移动或从触摸面移开时触发 touch 手势。触摸手势很精准，它会返回所有详细的事件信息。所以，监听 touch 手势可能很慢，即使只移动一丁点也需要处理大量事件。有三种">
-<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 封装了原生的触摸事件以提供手势系统。使用手势类似于在 Weex 中使用事件，只需在节点上设置 on 特性来监听手势即可。 手势类型目前，仅支持以下四种手势类型： Touch：当触摸到一个点，移动或从触摸面移开时触发 touch 手势。触摸手势很精准，它会返回所有详细的事件信息。所以，监听 touch 手势可能很慢，即使只移动一丁点也需要处理大量事件。有三种">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/gesture.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/gesture.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link current ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link current ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><em>注：该功能属于实验性功能</em></p>
-<p>Weex 封装了原生的触摸事件以提供手势系统。使用手势类似于在 Weex 中使用事件，只需在节点上设置 <code>on</code> 特性来监听手势即可。</p>
-<h2 id="手势类型" class="article-heading"><a href="#手势类型" class="headerlink" title="手势类型"></a>手势类型<a class="article-anchor" href="#手势类型" aria-hidden="true"></a></h2><p>目前，仅支持以下四种手势类型：</p>
-<ul>
-<li><p><strong>Touch</strong>：当触摸到一个点，移动或从触摸面移开时触发 <code>touch</code> 手势。触摸手势很精准，它会返回所有详细的事件信息。所以，监听 <code>touch</code> 手势可能很慢，即使只移动一丁点也需要处理大量事件。有三种类型的 <code>touch</code> 手势：</p>
-<ul>
-<li><code>touchstart</code> 将在触摸到触摸面上时触发。</li>
-<li><code>touchmove</code> 将在触摸点在触摸面移动时被触发。</li>
-<li><code>touchend</code> 将在从触摸面离开时被触发。</li>
-</ul>
-</li>
-<li><p><strong>Pan</strong>：<code>pan</code> 手势也会返回触摸点在触摸面的移动信息，有点类似于 <code>touch</code> 手势。但是 <code>pan</code> 手势只会采样收集部分事件信息因此比 <code>touch</code> 事件要快得多，当然精准性差于 <code>touch</code>。<code>pan</code> 也有三中类型的手势，这些手势的意义与 <code>touch</code> 完全一样：</p>
-<ul>
-<li><code>panstart</code></li>
-<li><code>panmove</code></li>
-<li><code>panend</code></li>
-<li><code>horizontalpan</code> <span class="api-version">v0.10+</span>：手势的 <code>start/move/end</code> 状态保存在 <code>state</code> 特性中。目前该手势在 Android 下会与 click 事件冲突。</li>
-<li><code>verticalpan</code> <span class="api-version">v0.10+</span>：势的 <code>start/move/end</code> 状态保存在 <code>state</code> 特性中。目前该手势在 Android 下会与 click 事件冲突。</li>
-</ul>
-</li>
-<li><strong>Swipe</strong>：<code>swipe</code> 将会在用户在屏幕上滑动时触发，一次连续的滑动只会触发一次 <code>swiper</code> 手势。</li>
-<li><strong>LongPress</strong>：<code>LongPress</code> 将会在触摸点连续保持 500 ms以上时触发。</li>
-</ul>
-<p><code>touch</code> 和 <code>pan</code> 非常接近，它们的特点可以总结成这样：</p>
-<ul>
-<li><strong>Touch</strong>：完整信息，精准、很慢</li>
-<li><strong>Pan</strong>：抽样信息，很快，不够精准</li>
-</ul>
-<p>开发者可以根据自己的情况选择合适的手势。</p>
-<h2 id="属性" class="article-heading"><a href="#属性" class="headerlink" title="属性"></a>属性<a class="article-anchor" href="#属性" aria-hidden="true"></a></h2><p>以下属性可以在手势的回调中使用：</p>
-<ul>
-<li><code>direction</code>：仅在 <code>swipe</code> 手势中存在，返回滑动方向，返回值可能为 <code>up</code>, <code>left</code>, <code>bottom</code>, <code>right</code>。</li>
-<li><code>changedTouches</code>：一个数组，包含了当前手势的触摸点的运动轨迹</li>
-</ul>
-<h3 id="changedTouches" class="article-heading"><a href="#changedTouches" class="headerlink" title="changedTouches"></a>changedTouches<a class="article-anchor" href="#changedTouches" aria-hidden="true"></a></h3><p><code>changedTouches</code> 是一个数组，其子元素中包含以下属性：</p>
-<ul>
-<li><code>identifier</code>：触摸点的唯一标识符。</li>
-<li><code>pageX</code>：触摸点相对于文档左侧边缘的 X 轴坐标。</li>
-<li><code>pageY</code>：触摸点相对于文档顶部边缘的 Y 轴坐标。</li>
-<li><code>screenX</code>：触摸点相对于屏幕左侧边缘的 X 轴坐标。</li>
-<li><code>screenY</code>：触摸点相对于屏幕顶部边缘的 Y 轴坐标。</li>
-</ul>
-<h2 id="约束" class="article-heading"><a href="#约束" class="headerlink" title="约束"></a>约束<a class="article-anchor" href="#约束" aria-hidden="true"></a></h2><p>目前，由于会触发大量事件冲突，Weex Android 还不支持在滚动类型的元素上监听手势，例如 <code>scroller</code>, <code>list</code> 和 <code>webview</code> 这三个组件。</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="/references/gesture.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/gesture.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>
[42/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-to-html5.html b/cn/references/advanced/extend-to-html5.html
deleted file mode 100644
index a7752bb..0000000
--- a/cn/references/advanced/extend-to-html5.html
+++ /dev/null
@@ -1,1473 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>HTML5 扩展 | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="如何扩展 Weex Web 端的组件和模块Weex 本身提供了很多内置组件和模块，也具备横向扩展的能力，允许开发者自行扩展和定制。需要注意的是，Weex 是一个跨平台的解决方案，扩展其内置组件或模块，需要在三端（Android、iOS、Web）中都有相应的实现。 Weex 将内核切换成 Vue 2.x 之后，在 Web 端扩展 Vue 组件将变得更加容易。 扩展 Web 组件Vue.js 本身就是">
-<meta property="og:type" content="website">
-<meta property="og:title" content="HTML5 扩展">
-<meta property="og:url" content="https://weex-project.io/cn/references/advanced/extend-to-html5.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="如何扩展 Weex Web 端的组件和模块Weex 本身提供了很多内置组件和模块，也具备横向扩展的能力，允许开发者自行扩展和定制。需要注意的是，Weex 是一个跨平台的解决方案，扩展其内置组件或模块，需要在三端（Android、iOS、Web）中都有相应的实现。 Weex 将内核切换成 Vue 2.x 之后，在 Web 端扩展 Vue 组件将变得更加容易。 扩展 Web 组件Vue.js 本身就是">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="HTML5 扩展">
-<meta name="twitter:description" content="如何扩展 Weex Web 端的组件和模块Weex 本身提供了很多内置组件和模块，也具备横向扩展的能力，允许开发者自行扩展和定制。需要注意的是，Weex 是一个跨平台的解决方案，扩展其内置组件或模块，需要在三端（Android、iOS、Web）中都有相应的实现。 Weex 将内核切换成 Vue 2.x 之后，在 Web 端扩展 Vue 组件将变得更加容易。 扩展 Web 组件Vue.js 本身就是">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-to-html5.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link current ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link current ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- HTML5 扩展
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 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></h1><p>Weex 本身提供了很多内置组件和模块，也具备横向扩展的能力，允许开发者自行扩展和定制。需要注意的是，Weex 是一个跨平台的解决方案，扩展其内置组件或模块，需要在三端（Android、iOS、Web）中都有相应的实现。</p>
-<p>Weex 将内核切换成 Vue 2.x 之后，在 Web 端扩展 Vue 组件将变得更加容易。</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>Vue.js 本身就是一个独立的前端框架，在浏览器中完全能够不基于 Weex 容器渲染。因此，针对 Weex 平台扩展 Vue.js 的 Web 端组件，和直接使用 Vue.js 开发一个 Web 组件是一样的。具体的组件编写方法可以参考其官方文档：<a href="https://cn.vuejs.org/v2/guide/components.html" target="_blank" rel="external">组件</a> ，另外建议使用 <code>.vue</code> 格式的文件编写组件，使用方法参考：<a href="https://cn.vuejs.org/v2/guide/single-file-components.html" target="_blank" rel="external">单文件组件</a>。</p>
-<h3 id="扩展组件示例" class="article-heading"><a href="#扩展组件示例" class="headerlink" title="扩展组件示例"></a>扩展组件示例<a class="article-anchor" href="#扩展组件示例" aria-hidden="true"></a></h3><p>以扩展 <code><sidebar></code> 为例，首先应该编写组件自身的逻辑：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="comment"><!-- sidebar.vue --></span></div><div class="line"></div><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">"sidebar"</span>></span></div><div class="line"> <span class="tag"><<span class="name">slot</span>></span><span class="tag"></<span class="name">slot</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="line"><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">.sidebar</span> {</di
v><div class="line"> <span class="comment">/* ... */</span></div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">props</span>: [],</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {}</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
-<p>然后在使用之前，全局注册 <code><sidebar></code> 组件：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="keyword">import</span> Vue <span class="keyword">from</span> <span class="string">'vue'</span></div><div class="line"><span class="keyword">import</span> Sidebar <span class="keyword">from</span> <span class="string">'./path/to/sidebar.vue'</span></div><div class="line"></div><div class="line"><span class="comment">// 全局注册 sidebar 组件</span></div><div class="line">Vue.component(<span class="string">'sidebar'</span>, Sidebar)</div></pre></td></tr></table></figure>
-<p>在扩展 Weex 组件时，如果只使用了 Weex 提供的内置组件，并且使用的都是 Weex 支持的样式，那么就和普通的自定义组件无异，不需要 Native 端再有相应的实现。</p>
-<p>如果你定制组件时不得不用到目前 Weex 不支持的标签和样式，在这种情况下才是真正的“扩展”了 Weex 的组件，你还需要在 Android 和 iOS 中有相应的实现，不然会导致渲染异常。</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>除了通用组件以外，Weex 还有提供了通用的模块，可以方便的调用原生 API。通常来说，注册 Weex 模块要求三端都得有相应的实现，否则会影响其正常的使用。</p>
-<h3 id="注册模块" class="article-heading"><a href="#注册模块" class="headerlink" title="注册模块"></a>注册模块<a class="article-anchor" href="#注册模块" aria-hidden="true"></a></h3><p>如果你引入了 <code>weex-vue-render</code> 这个库，那么在全局能获取到 <code>weex</code> 这个变量，其中提供了 <code>registerModule</code> 方法可以注册模块。</p>
-<h4 id="API-格式" class="article-heading"><a href="#API-格式" class="headerlink" title="API 格式"></a>API 格式<a class="article-anchor" href="#API-格式" aria-hidden="true"></a></h4><ul>
-<li><code>registerModule</code><ol>
-<li><code>name</code>: {String} 必选，模块名称。</li>
-<li><code>define</code>: {Object} 必选，模块的定义。</li>
-</ol>
-</li>
-</ul>
-<h4 id="注册模块示例" class="article-heading"><a href="#注册模块示例" class="headerlink" title="注册模块示例"></a>注册模块示例<a class="article-anchor" href="#注册模块示例" aria-hidden="true"></a></h4><p>下边的代码注册了一个名为 <code>guide</code> 的模块：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line">weex.registerModule(<span class="string">'guide'</span>, {</div><div class="line"> greeting () {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'Hello, nice to meet you. I am your guide.'</span>)</div><div class="line"> },</div><div class="line"> farewell () {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'Goodbye, I am always at your service.'</span>)</div><div class="line"> }</div><div class="line">})</div></pre></td></tr></table></figure>
-<h3 id="使用模块" class="article-heading"><a href="#使用模块" class="headerlink" title="使用模块"></a>使用模块<a class="article-anchor" href="#使用模块" aria-hidden="true"></a></h3><p>在 <code>weex</code> 上提供了 <code>require</code> 方法用于获取已注册的模块，直接传递模块名即可：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="comment">// 获取模块</span></div><div class="line"><span class="keyword">const</span> guide = weex.requireModule(<span class="string">'guide'</span>)</div><div class="line"></div><div class="line"><span class="comment">// 可以直接调用模块中的方法</span></div><div class="line">guide.greeting()</div><div class="line">guide.farewell()</div></pre></td></tr></table></figure>
-<p>上述写法在 Native 环境中依然有效，只不过模块中的方法是由 Native 提供的。</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="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/advanced/extend-to-html5.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>
[21/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/components/waterfall.html
----------------------------------------------------------------------
diff --git a/cn/references/components/waterfall.html b/cn/references/components/waterfall.html
deleted file mode 100644
index eb21fd0..0000000
--- a/cn/references/components/waterfall.html
+++ /dev/null
@@ -1,1494 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title><waterfall> | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="waterfallv0.11.0+ 提供瀑布流布局的组件 子组件注意: 和list一样, waterfall 只支持特定类型的组件: cell, header, refresh, loading 和 fixed-position 组件. cell: 瀑布流中的每个元素 header: 主要用于表示横跨多列的元素，可以通过css的position属性设置为sticky 特性 column-wi">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<waterfall>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/waterfall.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="waterfallv0.11.0+ 提供瀑布流布局的组件 子组件注意: 和list一样, waterfall 只支持特定类型的组件: cell, header, refresh, loading 和 fixed-position 组件. cell: 瀑布流中的每个元素 header: 主要用于表示横跨多列的元素，可以通过css的position属性设置为sticky 特性 column-wi">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="<waterfall>">
-<meta name="twitter:description" content="waterfallv0.11.0+ 提供瀑布流布局的组件 子组件注意: 和list一样, waterfall 只支持特定类型的组件: cell, header, refresh, loading 和 fixed-position 组件. cell: 瀑布流中的每个元素 header: 主要用于表示横跨多列的元素，可以通过css的position属性设置为sticky 特性 column-wi">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/waterfall.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/waterfall.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link current "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link current "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- <waterfall>
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="waterfall" class="article-heading"><a href="#waterfall" class="headerlink" title="waterfall"></a>waterfall<a class="article-anchor" href="#waterfall" aria-hidden="true"></a></h1><p><span class="weex-version">v0.11.0+</span></p>
-<p>提供瀑布流布局的组件</p>
-<h3 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h3><p>注意: 和list一样, waterfall 只支持特定类型的组件: cell, header, refresh, loading 和 fixed-position 组件.</p>
-<ul>
-<li><code>cell</code>: 瀑布流中的每个元素</li>
-<li><code>header</code>: 主要用于表示横跨多列的元素，可以通过css的position属性设置为sticky</li>
-</ul>
-<h3 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h3><ul>
-<li><strong>column-width</strong> : 描述瀑布流每一列的列宽<ul>
-<li><code>auto</code>: 意味着列宽是被其他属性所决定的(比如 column-count)</li>
-<li><code><length></code>: 最佳列宽，实际的列宽可能会更宽(需要填充剩余的空间)， 或者更窄(如果剩余空间比列宽还要小)。 该值必须大于0</li>
-</ul>
-</li>
-<li><strong>column-count</strong>: 描述瀑布流的列数<ul>
-<li><code>auto</code>: 意味着列数是被其他属性所决定的(比如 column-width)</li>
-<li><code><integer></code>: 最佳列数，column-width 和 column-count 都指定非0值， 则 column-count 代表最大列数。</li>
-</ul>
-</li>
-<li><strong>column-gap</strong>: 列与列的间隙. 如果指定了 <code>normal</code> ，则对应 <code>32</code>.</li>
-</ul>
-<p>其他支持的属性参见 <a href="./list.html">List Component Attributes</a></p>
-<h3 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h3><p>通用样式：支持所有通用样式</p>
-<ul>
-<li>盒模型</li>
-<li><code>flexbox</code> 布局</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-<h3 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h3><ul>
-<li><p>通用事件</p>
-<p>支持所有通用事件：</p>
-<ul>
-<li><code>click</code></li>
-<li><code>longpress</code></li>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<h3 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h3><p>滚动到列表某个指定项是常见需求，<code><waterfall></code> 拓展了该功能支持滚动到指定 <code><cell></code> 或者 <code><header></code>。通过 <code>dom</code> module 访问，更多信息可参考 <a href="../modules/dom.html">dom module</a> 。</p>
-<h3 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h3><p>参见 <a href="http://dotwe.org/vue/7a9195643e9e8da352b0d879cdbe68c0" target="_blank" rel="external">playground waterfall example</a></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="/references/components/waterfall.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/waterfall.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/2c2795f2/cn/references/components/web.html
----------------------------------------------------------------------
diff --git a/cn/references/components/web.html b/cn/references/components/web.html
deleted file mode 100644
index 146ff00..0000000
--- a/cn/references/components/web.html
+++ /dev/null
@@ -1,1493 +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="&lt;web&gt;v0.5+ 使用 &lt;web&gt; 组件在 Weex 页面中嵌入一张网页内容。src 属性用来指定资源地址。你也可以使用 webview module 来控制 web 的行为，比如前进、后退和重载。可以在这里查看 webview module。 子组件不支持子组件。 特性 src {string}：此特性指定嵌入的 web 页面 url。 样式 通用样式：不支持部分盒">
-<meta property="og:type" content="website">
-<meta property="og:title" content="<web>">
-<meta property="og:url" content="https://weex-project.io/cn/references/components/web.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="&lt;web&gt;v0.5+ 使用 &lt;web&gt; 组件在 Weex 页面中嵌入一张网页内容。src 属性用来指定资源地址。你也可以使用 webview module 来控制 web 的行为，比如前进、后退和重载。可以在这里查看 webview module。 子组件不支持子组件。 特性 src {string}：此特性指定嵌入的 web 页面 url。 样式 通用样式：不支持部分盒">
-<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="&lt;web&gt;v0.5+ 使用 &lt;web&gt; 组件在 Weex 页面中嵌入一张网页内容。src 属性用来指定资源地址。你也可以使用 webview module 来控制 web 的行为，比如前进、后退和重载。可以在这里查看 webview module。 子组件不支持子组件。 特性 src {string}：此特性指定嵌入的 web 页面 url。 样式 通用样式：不支持部分盒">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/components/web.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/web.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link current "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link current "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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="lt-web-gt" class="article-heading"><a href="#lt-web-gt" class="headerlink" title="<web>"></a><web><a class="article-anchor" href="#lt-web-gt" aria-hidden="true"></a></h1><p><span class="weex-version">v0.5+</span></p>
-<p>使用 <code><web></code> 组件在 Weex 页面中嵌入一张网页内容。<code>src</code> 属性用来指定资源地址。你也可以使用 <code>webview module</code> 来控制 <code>web</code> 的行为，比如前进、后退和重载。可以在这里查看 <a href="../modules/webview.html"><code>webview</code> module</a>。</p>
-<h2 id="子组件" class="article-heading"><a href="#子组件" class="headerlink" title="子组件"></a>子组件<a class="article-anchor" href="#子组件" aria-hidden="true"></a></h2><p>不支持子组件。</p>
-<h2 id="特性" class="article-heading"><a href="#特性" class="headerlink" title="特性"></a>特性<a class="article-anchor" href="#特性" aria-hidden="true"></a></h2><ul>
-<li><code>src {string}</code>：此特性指定嵌入的 web 页面 url。</li>
-</ul>
-<h2 id="样式" class="article-heading"><a href="#样式" class="headerlink" title="样式"></a>样式<a class="article-anchor" href="#样式" aria-hidden="true"></a></h2><ul>
-<li><p>通用样式：不支持部分盒模型样式，支持列表如下：</p>
-<ul>
-<li><p><code>width</code></p>
-<p>组件的宽度，默认值是0。这个样式定义必须指定数值。</p>
-</li>
-<li><p><code>height</code></p>
-<p>组件的高度，默认值是0。这个样式定义必须指定数值。</p>
-</li>
-<li><p><code>flexbox</code> 布局</p>
-</li>
-<li><code>position</code></li>
-<li><code>opacity</code></li>
-<li><code>background-color</code></li>
-</ul>
-<p>查看 <a href="../common-style.html">组件通用样式</a></p>
-</li>
-</ul>
-<h2 id="事件" class="article-heading"><a href="#事件" class="headerlink" title="事件"></a>事件<a class="article-anchor" href="#事件" aria-hidden="true"></a></h2><ul>
-<li><code>pagestart</code>: <code><web></code> 组件开始加载时发送此事件消息。</li>
-<li><code>pagefinish</code>: <code><web></code> 组件完成加载时发送此事件消息。</li>
-<li><p><code>error</code>: 如果 <code><web></code> 组件加载出现错误，会发送此事件消息。</p>
-</li>
-<li><p>通用事件</p>
-<p>支持以下通用事件：</p>
-<ul>
-<li><code>appear</code></li>
-<li><code>disappear</code></li>
-</ul>
-<p>查看 <a href="../common-event.html">通用事件</a></p>
-</li>
-</ul>
-<p><strong>注意：</strong></p>
-<p>不支持 <code>click</code> 事件。</p>
-<h2 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h2><p>我们用一个简易浏览器示例，来展示如何使用 <code><web></code> 组件和 <code>webview</code> module。 查看 <a href="../modules/webview.html">webview module</a>。</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">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">input</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">v-model</span>=<span class="string">"value"</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"url"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span>></span><span class="tag"></<span class="name">input</span>></span></div><div class="line"> <spa
n class="tag"></<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"loadURL"</span>></span>LoadURL<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">"button"</span> @<span class="attr">click</span>=<span class="string">"reload"</span>></span>reload<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">web</span> <sp
an class="attr">ref</span>=<span class="string">"webview"</span> <span class="attr">:src</span>=<span class="string">"url"</span> <span class="attr">class</span>=<span class="string">"webview"</span> @<span class="attr">pagestart</span>=<span class="string">"start"</span> @<span class="attr">pagefinish</span>=<span class="string">"finish"</span> @<span class="attr">error</span>=<span class="string">"error"</span>></span><span class="tag"></<span class="name">web</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="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">const</span> webview = weex.requireModule(<span class="string">'webview'</span>)</div><div class="line"> <span class="keyword">const
</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {</div><div class="line"> <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span>,</div><div class="line"> <span class="attr">value</span>: <span class="string">'https://m.alibaba.com'</span></div><div class="line"> }</div><div class="line"> },</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> loadURL (event) {</div><div class="line"> <span class="keyword">this</span>.url = <span class="keyword">this</span>.value</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword
">this</span>.url })</div><div class="line"> setTimeout(<span class="function"><span class="params">()</span> =></span> {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'will go back'</span> })</div><div class="line"> webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line"> }, <span class="number">10000</span>)</div><div class="line"> },</div><div class="line"> reload (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'reload'</span> })</div><div class="line"> webview.reload(<span class="keyword">this</span>.$ref
s.webview)</div><div class="line"> },</div><div class="line"> start (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'pagestart'</span> })</div><div class="line"> },</div><div class="line"> finish (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'pagefinish'</span> })</div><div class="line"> },</div><div class="line"> error (event) {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class=
"string">'error'</span> })</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div><div class="line"></div><div class="line"><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">.group</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: row;</div><div class="line"> <span class="attribute">justify-content</span>: space-around;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">20px</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.input</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute
">font-size</span>: <span class="number">36px</span>;</div><div class="line"> <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</span>: solid;</div><div class="line"> <span class="attribute">border-color</span>: <span class="number">#BBBBBB</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.button</span> {</div><div class="line"> <span class="attribute">width</span>: <span class="number">225px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">background-color</span>: <span class="number">#D3D3D3</span>;</div><div class="line"> <span class
="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line"> <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="selector-class">.webview</span> {</div><div class="line"> <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">750px</span>;</div><div class="line"> <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line"> <span class="attribute">border-style</spa
n>: solid;</div><div class="line"> <span class="attribute">border-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><a href="http://dotwe.org/vue/221ff37113a12d692a7a92a100f20162" target="_blank" rel="external">try it</a></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="/references/components/web.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/components/web.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>
[12/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/globalevent.html b/cn/references/modules/globalevent.html
deleted file mode 100644
index 7edc04b..0000000
--- a/cn/references/modules/globalevent.html
+++ /dev/null
@@ -1,1474 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>globalEvent | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="全局事件0.8 globalEvent 用于监听持久性事件，例如定位信息，陀螺仪等的变化。全局事件是需要额外 APIs 处理的次要 API。你能通过 addEventListener 注册事件监听，当你不再需要的时候，也可以通过 removeEventListener 取消事件监听。 提醒 这是一个实例级别的事件，而非应用级别。 如何让你的模块支持全局事件API 开发完成后，当需要发送事件时，">
-<meta property="og:type" content="website">
-<meta property="og:title" content="globalEvent">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/globalevent.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="全局事件0.8 globalEvent 用于监听持久性事件，例如定位信息，陀螺仪等的变化。全局事件是需要额外 APIs 处理的次要 API。你能通过 addEventListener 注册事件监听，当你不再需要的时候，也可以通过 removeEventListener 取消事件监听。 提醒 这是一个实例级别的事件，而非应用级别。 如何让你的模块支持全局事件API 开发完成后，当需要发送事件时，">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="globalEvent">
-<meta name="twitter:description" content="全局事件0.8 globalEvent 用于监听持久性事件，例如定位信息，陀螺仪等的变化。全局事件是需要额外 APIs 处理的次要 API。你能通过 addEventListener 注册事件监听，当你不再需要的时候，也可以通过 removeEventListener 取消事件监听。 提醒 这是一个实例级别的事件，而非应用级别。 如何让你的模块支持全局事件API 开发完成后，当需要发送事件时，">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/globalevent.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/globalevent.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link current ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link current ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- globalEvent
- </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><span class="weex-version">0.8</span></p>
-<p><code>globalEvent</code> 用于监听持久性事件，例如定位信息，陀螺仪等的变化。全局事件是需要额外 APIs 处理的次要 API。你能通过 <code>addEventListener</code> 注册事件监听，当你不再需要的时候，也可以通过 <code>removeEventListener</code> 取消事件监听。</p>
-<p><em>提醒</em></p>
-<ul>
-<li>这是一个实例级别的事件，而非应用级别。</li>
-</ul>
-<h2 id="如何让你的模块支持全局事件" class="article-heading"><a href="#如何让你的模块支持全局事件" class="headerlink" title="如何让你的模块支持全局事件"></a>如何让你的模块支持全局事件<a class="article-anchor" href="#如何让你的模块支持全局事件" aria-hidden="true"></a></h2><p>API 开发完成后，当需要发送事件时，需要通过以下方法：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="comment">/**</span></div><div class="line"> * </div><div class="line"> * @param eventName eventName</div><div class="line"> * @param params event params</div><div class="line"> */</div><div class="line">instance.fireGlobalEventCallback(eventName,params);</div></pre></td></tr></table></figure>
-<p>如何在 weex-html5 组件或模块中分发全局事件？只需在文档元素上分派事件：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> evt = <span class="keyword">new</span> Event(<span class="string">'some-type'</span>)</div><div class="line">evt.data = { <span class="attr">foo</span>: <span class="string">'bar'</span> }</div><div class="line"><span class="built_in">document</span>.dispatchEvent(evt)</div></pre></td></tr></table></figure>
-<p><strong>示例</strong></p>
-<h3 id="Android" class="article-heading"><a href="#Android" class="headerlink" title="Android"></a>Android<a class="article-anchor" href="#Android" aria-hidden="true"></a></h3><figure class="highlight java"><table><tr><td class="code"><pre><div class="line">Map<String,Object> params=<span class="keyword">new</span> HashMap<>();</div><div class="line">params.put(<span class="string">"key"</span>,<span class="string">"value"</span>);</div><div class="line">mWXSDKInstance.fireGlobalEventCallback(<span class="string">"geolocation"</span>,params);</div></pre></td></tr></table></figure>
-<h3 id="iOS" class="article-heading"><a href="#iOS" class="headerlink" title="iOS"></a>iOS<a class="article-anchor" href="#iOS" aria-hidden="true"></a></h3><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">[weexInstance fireGlobalEvent:@"geolocation" params:@{@"key":@"value"}];</div></pre></td></tr></table></figure>
-<h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="addEventListener-String-eventName-String-callback" class="article-heading"><a href="#addEventListener-String-eventName-String-callback" class="headerlink" title="addEventListener(String eventName, String callback)"></a><code>addEventListener(String eventName, String callback)</code><a class="article-anchor" href="#addEventListener-String-eventName-String-callback" aria-hidden="true"></a></h3><p>注册全局事件。</p>
-<h4 id="参数" class="article-heading"><a href="#参数" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数" aria-hidden="true"></a></h4><ul>
-<li><code>eventName {string}</code>：需要监听的事件名称。</li>
-<li><code>callback {Function}</code>：触发事件后的回调函数。</li>
-</ul>
-<h4 id="示例" class="article-heading"><a href="#示例" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例" aria-hidden="true"></a></h4><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> globalEvent = weex.requireModule(<span class="string">'globalEvent'</span>);</div><div class="line">globalEvent.addEventListener(<span class="string">"geolocation"</span>, <span class="function"><span class="keyword">function</span> (<span class="params">e</span>) </span>{</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">"get geolocation"</span>)</div><div class="line">});</div></pre></td></tr></table></figure>
-<h3 id="removeEventListener-String-eventName" class="article-heading"><a href="#removeEventListener-String-eventName" class="headerlink" title="removeEventListener(String eventName)"></a><code>removeEventListener(String eventName)</code><a class="article-anchor" href="#removeEventListener-String-eventName" aria-hidden="true"></a></h3><p>取消事件监听。</p>
-<h4 id="参数-1" class="article-heading"><a href="#参数-1" class="headerlink" title="参数"></a>参数<a class="article-anchor" href="#参数-1" aria-hidden="true"></a></h4><ul>
-<li><code>eventName {string}</code>：需要取消的事件名称。</li>
-</ul>
-<h4 id="示例-1" class="article-heading"><a href="#示例-1" class="headerlink" title="示例"></a>示例<a class="article-anchor" href="#示例-1" aria-hidden="true"></a></h4><figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> globalEvent = weex.requireModule(<span class="string">'globalEvent'</span>);</div><div class="line">globalEvent.removeEventListener(<span class="string">"geolocation"</span>);</div></pre></td></tr></table></figure>
-
- </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="/references/modules/globalevent.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/globalevent.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/2c2795f2/cn/references/modules/index.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/index.html b/cn/references/modules/index.html
deleted file mode 100644
index a2e6f0c..0000000
--- a/cn/references/modules/index.html
+++ /dev/null
@@ -1,1463 +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="内建模块 animation WebSocket picker clipboard dom modal navigator storage stream webview globalEvent">
-<meta property="og:type" content="website">
-<meta property="og:title" content="内建模块">
-<meta property="og:url" content="https://weex-project.io/cn/references/modules/index.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="内建模块 animation WebSocket picker clipboard dom modal navigator storage stream webview globalEvent">
-<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="内建模块 animation WebSocket picker clipboard dom modal navigator storage stream webview globalEvent">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/modules/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/index.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link current ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link current ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <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><ul>
-<li><a href="./animation.html">animation</a></li>
-<li><a href="./websocket.html">WebSocket</a></li>
-<li><a href="./picker.html">picker</a></li>
-<li><a href="./clipboard.html">clipboard</a></li>
-<li><a href="./dom.html">dom</a></li>
-<li><a href="./modal.html">modal</a></li>
-<li><a href="./navigator.html">navigator</a></li>
-<li><a href="./storage.html">storage</a></li>
-<li><a href="./stream.html">stream</a></li>
-<li><a href="./webview.html">webview</a></li>
-<li><a href="./globalevent.html">globalEvent</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="/references/modules/index.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/modules/index.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>
[37/51] [abbrv] [partial] incubator-weex-site git commit: Site
updated: 2017-06-20 11:21:02
Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2c2795f2/cn/references/android-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/android-apis.html b/cn/references/android-apis.html
deleted file mode 100644
index 6a9adde..0000000
--- a/cn/references/android-apis.html
+++ /dev/null
@@ -1,1506 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <meta charset="utf-8">
-
- <title>Android APIs | Weex</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <meta name="description" content="Android APIsWeex 初步接入请参考：https://github.com/weexteam/article/issues/25 WXSDKEngine 是 Weex 对外的总入口。主要提供了一下功能： 设置相关 Adapter 和获取 adapter。 注册自定义 module 和 component 重置 JSFramework Adapter 介绍Weex 为了重用 Nati">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Android APIs">
-<meta property="og:url" content="https://weex-project.io/cn/references/android-apis.html">
-<meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Android APIsWeex 初步接入请参考：https://github.com/weexteam/article/issues/25 WXSDKEngine 是 Weex 对外的总入口。主要提供了一下功能： 设置相关 Adapter 和获取 adapter。 注册自定义 module 和 component 重置 JSFramework Adapter 介绍Weex 为了重用 Nati">
-<meta property="og:updated_time" content="2017-06-14T04:08:17.000Z">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Android APIs">
-<meta name="twitter:description" content="Android APIsWeex 初步接入请参考：https://github.com/weexteam/article/issues/25 WXSDKEngine 是 Weex 对外的总入口。主要提供了一下功能： 设置相关 Adapter 和获取 adapter。 注册自定义 module 和 component 重置 JSFramework Adapter 介绍Weex 为了重用 Nati">
-
- <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="references" class="lang-cn">
-
- <script>
- window.PAGE_TYPE = "references";
- 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="/references/android-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/android-apis.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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link current ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </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/references">
-
- <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/references/index.html" class="sidebar-link ">通用特性</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/android-apis.html" class="sidebar-link current ">Android APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a>
- </li>
-
- <li>
- <a href="/cn/v-0.10/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/downgrade.html" class="sidebar-link ">降级方案</a>
- </li>
-
- <li>
- <a href="/cn/references/bubble.html" class="sidebar-link ">事件冒泡</a>
- </li>
-
- <li>
- <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a>
- </li>
-
- <li>
- <a href="/cn/references/common-style.html" class="sidebar-link ">通用样式</a>
- </li>
-
- <li>
- <a href="/cn/references/text-style.html" class="sidebar-link ">文本样式</a>
- </li>
-
- <li>
- <a href="/cn/references/color-names.html" class="sidebar-link ">颜色名称列表</a>
- </li>
-
- <li>
- <a href="/cn/references/gesture.html" class="sidebar-link ">手势</a>
- </li>
-
- <li>
- <a href="/cn/references/path.html" class="sidebar-link ">Path (英)</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">内建组件</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/components/a.html" class="sidebar-link "><a></a>
- </li>
-
- <li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
- </li>
-
- <li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
- </li>
-
- <li>
- <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a>
- </li>
-
- <li>
- <a href="/cn/references/components/text.html" class="sidebar-link "><text></a>
- </li>
-
- <li>
- <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a>
- </li>
-
- <li>
- <a href="/cn/references/components/video.html" class="sidebar-link "><video></a>
- </li>
-
- <li>
- <a href="/cn/references/components/web.html" class="sidebar-link "><web></a>
- </li>
-
- <li>
- <a href="/cn/references/components/div.html" class="sidebar-link "><div></a>
- </li>
-
- <li>
- <a href="/cn/references/components/image.html" class="sidebar-link "><image></a>
- </li>
-
- <li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
- </li>
-
- <li>
- <a href="/cn/references/components/waterfall.html" class="sidebar-link "><waterfall></a>
- </li>
-
- <li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
- </li>
-
- <li>
- <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a>
- </li>
-
- <li>
- <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a>
- </li>
-
- <li>
- <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a>
- </li>
-
- <li>
- <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">内建模块</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a>
- </li>
-
- <li>
- <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS 单位</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">通用事件</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex 实例变量</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web 标准</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x 在 Weex 和 Web 中的差异</a>
- </li>
-
- <li>
- <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">使用 Vuex 和 vue-router</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">高阶知识</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 扩展</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">拓展 JS framework</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">集成 Devtools 到 Android</a>
- </li>
-
- <li>
- <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">集成 Devtools 到 iOS</a>
- </li>
-
- </ul>
-
- </li>
-
- <li>
- <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex 和 Web 平台的差异</a></h3>
-
- <ul class="chapter">
-
- <li>
- <a href="/cn/references/migration/index.html" class="sidebar-link ">迁移</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">如何将原有 Weex 项目改造成 Vue 版本</a>
- </li>
-
- <li>
- <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex 和 Vue 2.x 的语法差异</a>
- </li>
-
- </ul>
-
- </li>
-
-
- </ul>
-</div>
- </div>
-
-
-<article class="article article-type-references">
- <div class="article-entry" itemprop="articleBody">
- <header class="article-header">
-
-
- <h1 class="article-title" itemprop="name">
- Android APIs
- </h1>
-
-
- <time class="article-date" datetime="2017-06-14T04:08:17.000Z">Updated time: 14/06/2017</time>
-</header>
- <h1 id="Android-APIs" class="article-heading"><a href="#Android-APIs" class="headerlink" title="Android APIs"></a>Android APIs<a class="article-anchor" href="#Android-APIs" aria-hidden="true"></a></h1><p>Weex 初步接入请参考：<a href="https://github.com/weexteam/article/issues/25" target="_blank" rel="external">https://github.com/weexteam/article/issues/25</a></p>
-<h2 id="WXSDKEngine-是-Weex-对外的总入口。" class="article-heading"><a href="#WXSDKEngine-是-Weex-对外的总入口。" class="headerlink" title="WXSDKEngine 是 Weex 对外的总入口。"></a>WXSDKEngine 是 Weex 对外的总入口。<a class="article-anchor" href="#WXSDKEngine-是-Weex-对外的总入口。" aria-hidden="true"></a></h2><p>主要提供了一下功能：</p>
-<ol>
-<li>设置相关 Adapter 和获取 adapter。</li>
-<li>注册自定义 module 和 component</li>
-<li>重置 JSFramework</li>
-</ol>
-<h2 id="Adapter-介绍" class="article-heading"><a href="#Adapter-介绍" class="headerlink" title="Adapter 介绍"></a>Adapter 介绍<a class="article-anchor" href="#Adapter-介绍" aria-hidden="true"></a></h2><p>Weex 为了重用 Native 通用库提供了对应的接口进行设置。</p>
-<ol>
-<li><p>IWXImgLoaderAdapter 图片适配器。</p>
-<p>Weex 会把需要设置图片的 View 和 URL 透露出来，Native 端需要实现这个接口进行图片下载。 Weex 没有提供图片默认实现。</p>
-<p>接口定义如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">interface</span> <span class="title">IWXImgLoaderAdapter</span> </span>{</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">setImage</span><span class="params">(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy)</span></span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-<p><code>WXImageQuality</code> 表示图片的质量，<code>WXImageQuality</code> 取如下值 <code>LOW</code>, <code>NORMAL</code>, <code>HIGH</code>, <code>ORIGINAL</code> 图片质量依次变高。默认为 <code>LOW</code>。<code>WXImageStrategy</code> 为扩展类，表示了图片是否可以裁剪 (isClipping) 锐化 (isSharpen) 占位符 (placeHolder) 等。</p>
-</li>
-<li><p>IWXHttpAdapter 网络下载适配器。</p>
-<p>Weex 自定义了 <code>WXRequest</code> 和 <code>OnHttpListener</code>，Native 重载接口后可以从 Request 中获取URL，Header 等参数，网络请求完成后可以通过 <code>OnHttpListener</code> 进行回调通知。Weex 提供了默认网络请求：<code>DefaultWXHttpAdapter</code>， 使用的是 <code>HttpURLConnection</code> 进行网络请求。</p>
-<p>接口定义如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">interface</span> <span class="title">IWXHttpAdapter</span> </span>{</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">sendRequest</span><span class="params">(WXRequest request, OnHttpListener listener)</span></span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-<p><code>WXRequest</code> 定义了网络请求相关的参数，请求方法，请求主体，超时时间。Weex默认超时时间是3000.</p>
-<p><code>OnHttpListener</code> 定义了网络请求结束后对应方法。定义如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="class"><span class="keyword">interface</span> <span class="title">OnHttpListener</span> </span>{</div><div class="line"> <span class="comment">/**</span></div><div class="line"> * start request</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onHttpStart</span><span class="params">()</span></span>;</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * headers received</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onHeadersReceived</span><span class="params">(<span class="keyword">int</span> statusCode,Map<String,List<String>> headers)</span></span>;</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line">
* post progress</div><div class="line"> * <span class="doctag">@param</span> uploadProgress</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onHttpUploadProgress</span><span class="params">(<span class="keyword">int</span> uploadProgress)</span></span>;</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * response loaded length (bytes), full length should read from headers (content-length)</div><div class="line"> * <span class="doctag">@param</span> loadedLength</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onHttpResponseProgress</span><span class="params">(<span class="keyword">int</span> loadedLength)</span></span>;</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * http response finish</div><div class="l
ine"> * <span class="doctag">@param</span> response</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onHttpFinish</span><span class="params">(WXResponse response)</span></span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-<li><p>IWXUserTrackAdapter Weex 相关性能数据 (首屏加载时间、JS-Native 通信时间、dom 更新时间等) 和其他通用信息 (JSLib 文件大小, Weex SDK 版本号等)。</p>
-<p>接口定义：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">interface</span> <span class="title">IWXUserTrackAdapter</span> </span>{</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">commit</span><span class="params">(Context context, String eventId, String type, WXPerformance perf, Map<String, Serializable> params)</span></span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-<p>Native 实现接口后可以通过 <code>WXPerformance</code> 和 <code>params</code> 获取对应的信息。<br>WXPerformane 对应字段表示含义请参考文档：<a href="https://github.com/weexteam/article/issues/124" target="_blank" rel="external">https://github.com/weexteam/article/issues/124</a></p>
-<p>后续随着开发 Weex 还会定义更多的 Adapter，此文档也会定时更新。</p>
-</li>
-</ol>
-<h2 id="Native-和-JS-通信" class="article-heading"><a href="#Native-和-JS-通信" class="headerlink" title="Native 和 JS 通信"></a>Native 和 JS 通信<a class="article-anchor" href="#Native-和-JS-通信" aria-hidden="true"></a></h2><ol>
-<li><p>自定义事件通知</p>
-<p>多用于某个自定义控件进行事件通知，例如自定义点击事件，响应下拉事件等。</p>
-<p>WXSDKInstance.java </p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">fireEvent</span><span class="params">(String elementRef,<span class="keyword">final</span> String type, <span class="keyword">final</span> Map<String, Object> data,<span class="keyword">final</span> Map<String, Object> domChanges)</span></span>{ }</div><div class="line"></div><div class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">fireEvent</span><span class="params">(String elementRef,<span class="keyword">final</span> String type, <span class="keyword">final</span> Map<String, Object> data)</span></span>{</div><div class="line"> fireEvent(elementRef,type,data,<span class="keyword">null</span>);</div><div class="line">}</div><div class="line"></div><div class="line"><span class
="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">fireEvent</span><span class="params">(String elementRef, String type)</span></span>{</div><div class="line"> fireEvent(ref,type,<span class="keyword">new</span> HashMap<String, Object>());</div><div class="line">}</div></pre></td></tr></table></figure>
-<p><code>elementRef</code>：事件发生的控件 ID。</p>
-<p><code>type</code>: 自定义事件，Weex 默认以 onXxxxx 开头为自定义事件。onPullDown (下拉事件)。</p>
-<p><code>data</code>: 需要透出的参数，例如当前控件的大小，坐标等其他信息。</p>
-<p><code>domChanges</code>：更新 ref 对应控件的 Attribute 和 Style。</p>
-</li>
-<li><p>事件回调 </p>
-<p>多用于 Module 回调，例如定位 Module 完成后需要通知 JS。使用方法如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">WXLocation</span> <span class="keyword">extends</span> <span class="title">WXModule</span> </span>{</div><div class="line"></div><div class="line"> <span class="meta">@JSMethod</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">getLocation</span><span class="params">(JSCallback callback)</span></span>{</div><div class="line"> <span class="comment">//获取定位代码.....</span></div><div class="line"> Map<String,String> data=<span class="keyword">new</span> HashMap<>();</div><div class="line"> data.put(<span class="string">"x"</span>,<span class="string">"x"</span>);</div><div class="line"> data.put(<span class="string">"y"</span>,<span class="string">"y"</span>);<
/div><div class="line"> <span class="comment">//通知一次</span></div><div class="line"> callback.invoke(data);</div><div class="line"> <span class="comment">//持续通知</span></div><div class="line"> callback.invokeAndKeepAlive(data);</div><div class="line"> </div><div class="line"> <span class="comment">//invoke方法和invokeAndKeepAlive两个方法二选一</span></div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure>
-</li>
-</ol>
-<h2 id="注册滑动事件" class="article-heading"><a href="#注册滑动事件" class="headerlink" title="注册滑动事件"></a>注册滑动事件<a class="article-anchor" href="#注册滑动事件" aria-hidden="true"></a></h2><p>Weex 获取滑动事件可以通过 <code>WXSDKInstance</code> 注册 <code>registerOnWXScrollListener</code> 监听</p>
-<p>接口定义如下：</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">interface</span> <span class="title">OnWXScrollListener</span> </span>{</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * The view is not currently scrolling.</div><div class="line"> */</div><div class="line"> <span class="keyword">int</span> IDLE = RecyclerView.SCROLL_STATE_IDLE;</div><div class="line"> <span class="comment">/**</span></div><div class="line"> * The view is currently being dragged by outside input such as user touch input.</div><div class="line"> */</div><div class="line"> <span class="keyword">int</span> DRAGGING = RecyclerView.SCROLL_STATE_DRAGGING;</div><div class="line"> <span class="comment">/**</span></div><div class="line"> * The view is currently animating to a final position while not under</div><div class="line"> * outsi
de control.</div><div class="line"> */</div><div class="line"> <span class="keyword">int</span> SETTLING = RecyclerView.SCROLL_STATE_SETTLING;</div><div class="line"></div><div class="line"> <span class="comment">/**</span></div><div class="line"> * Callback method to be invoked when the view has been scrolled. This will be</div><div class="line"> * called after the scroll has completed.</div><div class="line"> * <p></div><div class="line"> * This callback will also be called if visible item range changes after a layout</div><div class="line"> * calculation. In that case, dx and dy will be 0.</div><div class="line"> *</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onScrolled</span><span class="params">(View view, <span class="keyword">int</span> x, <span class="keyword">int</span> y)</span></span>;</div><div class="line"></div><div class="line"> <span class="comment">/**</span>
</div><div class="line"> * Callback method to be invoked when view's scroll state changes.</div><div class="line"> *</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">void</span> <span class="title">onScrollStateChanged</span><span class="params">(View view, <span class="keyword">int</span> x, <span class="keyword">int</span> y, <span class="keyword">int</span> newState)</span></span>;</div><div class="line">}</div></pre></td></tr></table></figure>
-<h2 id="自定义NavBar" class="article-heading"><a href="#自定义NavBar" class="headerlink" title="自定义NavBar"></a>自定义NavBar<a class="article-anchor" href="#自定义NavBar" aria-hidden="true"></a></h2><p>Weex 提供了 <code>WXNavigatorModule</code> 进行导航控制，对应的方法可以通过设置 <code>IActivityNavBarSetter</code> 接口进行定制。</p>
-<p>使用方法:</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line">WXSDKEngine.setActivityNavBarSetter(<span class="keyword">new</span> IActivityNavBarSetter(){</div><div class="line">});</div></pre></td></tr></table></figure>
-<h2 id="其他介绍" class="article-heading"><a href="#其他介绍" class="headerlink" title="其他介绍"></a>其他介绍<a class="article-anchor" href="#其他介绍" 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>因为 Android 手机的碎片化导致屏幕适配很困难。Weex 对外提供的接口 render 需要动态传入容器的宽高，但是传入的宽高有时会发生变化，例如 ActionBar 隐藏等，这是传入的 Weex 容器也要进行对应的变化。<br>为了适应这种变化，Weex 提供了接口 <code>WXSDKInstance.setSize(int width, int height)</code> 来改变容器的大小。</p>
-<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="comment">/**</span></div><div class="line"> * </div><div class="line"> * <span class="doctag">@param</span> width 容器宽度</div><div class="line"> * <span class="doctag">@param</span> height 容器高度</div><div class="line"> */</div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setSize</span><span class="params">(<span class="keyword">int</span> width, <span class="keyword">int</span> height)</span></span>{};</div></pre></td></tr></table></figure>
-<h3 id="降级使用" class="article-heading"><a href="#降级使用" class="headerlink" title="降级使用"></a>降级使用<a class="article-anchor" href="#降级使用" aria-hidden="true"></a></h3><p>Weex 处于发展阶段会增加一些新的特性和功能，但是这些新的特性和功能都必须升级 SDK 才能实现，对于没有升级的应用应该怎么处理呢？可以使用降级功能。</p>
-<p>所谓降级功能就是 Weex 无法运行的版本或者手机，可以用 Weex h5 来代替。</p>
-<p>Native 端可以通过接口 <code>IWXRenderListener</code> 中的 <code>onException</code> 方法进行处理，如果是主动降级 errCode 是以“|”分割的字符。“|”前面的字符为1表示主动降级，Native 端可以跳转到对应的 H5 页面。或者用其他的方式提示用户当前环境不支持 Weex。</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="/references/android-apis.html" data-lang="en">English</a>
- </li>
- <li>
- <a href="/cn/references/android-apis.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>