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/03/02 03:54:21 UTC
[29/39] incubator-weex-site git commit: * update site
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/websocket.html b/content/cn/references/modules/websocket.html
index e8aa741..fda1f43 100644
--- a/content/cn/references/modules/websocket.html
+++ b/content/cn/references/modules/websocket.html
@@ -5,49 +5,6 @@
<title>WebSocket | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="WebSocketSummaryWebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94
\u6ce8\u610f\uff1a
iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b\u81ea\u5b9a\u4e49 adapter \u5b9e\u73b0\uff0csource">
@@ -58,7 +15,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
<meta property="og:description" content="WebSocketSummaryWebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94
\u6ce8\u610f\uff1a
iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b\u81ea\u5b9a\u4e49 adapter \u5b9e\u73b0\uff0csource">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="WebSocket">
<meta name="twitter:description" content="WebSocketSummaryWebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94
@@ -121,13 +78,29 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -144,7 +117,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">
@@ -515,11 +488,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -551,11 +524,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -588,11 +561,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
</li>
<li>
@@ -735,7 +708,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1111,11 +1084,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1147,11 +1120,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1184,11 +1157,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
</li>
<li>
@@ -1331,7 +1304,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1349,7 +1322,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="WebSocket"><a href="#WebSocket" class="headerlink" title="WebSocket"></a>WebSocket</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>WebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94</p>
<h2 id="\u6ce8\u610f\uff1a"><a href="#\u6ce8\u610f\uff1a" class="headerlink" title="\u6ce8\u610f\uff1a"></a><strong>\u6ce8\u610f\uff1a</strong></h2><ul>
@@ -1404,8 +1377,8 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
</ul>
</li>
</ul>
-<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</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></div><div class="line"> <span class="attr">type</span>=<span class="string">"text"</span></div><div class="line"> <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span></div><div class="line"> <span class="attr">class</span>=<span class="string">"input"</span></div><div class="line"> <span class="attr">autofocus</span>=<span class="string">"false"</span></div><div class="line"> <span class="attr">value</span>=<span class="string">""</span></div><div class="line"> <span class="attr">onchange</span>=<span class="string">"onchange"</span></div><div class="line"> <span class="attr">oninput</span>=<span class="string">"oninput"</span></div><div class="line"> <span class="attr">id</span> = <span class="string">"input"</spa
n></div><div class="line"> /></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></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">onclick</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">onclick</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">onclick</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 cla
ss="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 cl
ass="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">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 = 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: 400p
x"</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">&
lt;/<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 = 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"></d
iv><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"> <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">.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="nu
mber">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"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">var</span> websocket = <span class="built_in">require</span>(<span class="string">'@weex-module/webSocket'</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">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>: <s
pan 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"> <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://115.29.193.48:8088'</span>,<span class="string">''</span>);</div><div class="line"> <span class="keyword">var</span> self = <span class="keyword">this</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="built_in">JSON</span>.stringify(e);</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.on
error = <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.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>.$el(<span class="string">'input'</span>);</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</span>.sendinfo = <span class="keyword">this</span>.txtInput;</div><div class="line"></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/weex/993f33173a712fecfb61c1c4b03bcb70" target="_blank" rel="external">Have a try</a></p>
+<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</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: 80 ;padding: 20;color: #FFFFFF"</span>></span>websocket<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span cl
ass="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">input</span></span></div><div class="line"> <span class="attr">type</span>=<span class="string">"text"</span></div><div class="line"> <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span></div><div class="line"> <span class="attr">class</span>=<span class="string">"input"</span></div><div class="line"> <span class="attr">autofocus</span>=<span class="string">"false"</span></div><div class="line"> <span class="attr">value</span>=<span class="string">""</span></div><div class="line"> <span class="attr">onchange</span>=<span class="string">"onchange"</span></div><div class="line"> <span class="attr">oninput</span>=<span class="string">"oninput"</span></div><div class="line"> <span class="attr">id</span> = <span class="string">"input"</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">"flex-direction: row; justify-content: center;"</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">onclick</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">onclick</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">cl
ass</span>=<span class="string">"button"</span> <span class="attr">onclick</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"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3;margin-top: 20"</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: #000000"</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"><<s
pan class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>></span>{{sendinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</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: #000000"</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: #000000;height
: 80"</span>></span>{{onopeninfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</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: #000000"</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: #000000;height: 100"</span>></span>{{onmessage}}<span class="tag"></<span class="name">
text</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</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: #000000"</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: #000000;height: 80"</span>></span>{{oncloseinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</sp
an> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</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: #000000"</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: #000000;height: 80"</span>></span>{{onerrorinfo}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>></spa
n></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: #000000"</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: #000000;height: 80"</span>></span>{{closeinfo}}<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">.input</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">40</span>;</div><div class="line"> <span class="attribute">height</span>: <span class="number">80</span>;</div><div class="line"> <span class="attribute">width</span>: <span class="number">600</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">150</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">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"><span class="tag"><<span class="name">s
cript</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">var</span> websocket = <span class="built_in">require</span>(<span class="string">'@weex-module/webSocket'</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">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 clas
s="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"> <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"> s
elf.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>.$el(<span class="string">'input'</span>);</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</span>.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/weex/0256bbfc448f0fdbe8b10ba311c947b4" target="_blank" rel="external">Have a try</a></p>
</div>
@@ -1427,7 +1400,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
<a href="/references/modules/websocket.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/modules/websocket.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/modules/websocket.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/webview.html b/content/cn/references/modules/webview.html
index e6e03bd..16ccdeb 100644
--- a/content/cn/references/modules/webview.html
+++ b/content/cn/references/modules/webview.html
@@ -5,49 +5,6 @@
<title>webview | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="webview\u4e00\u7cfb\u5217\u7684 &lt;web&gt; \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 goBack\u3001goForward\u3001\u548c reload\u3002webview module \u4e0e &lt;web&gt; \u7ec4\u4ef6\u5171\u7528\u3002
\u793a\u4f8b\u67e5\u770b \u7b80\u5355\u6d4f\u89c8\u5668 \uff0c\u4e00\u4e2a\u7ed3\u5408 &lt;web&gt; \u7ec4\u4ef6\u548c webview module \u7684\u793a\u4f8b\u3002
APIgoBack(webElement)\u52a0\u8f7d\u5386\u53f2\u8bb0\u5f55\u91cc\u7684\u524d\u4e00\u4e2a\u8d44\u6e90\u5730\u5740\u3002
@@ -62,7 +19,7 @@ webElement">
APIgoBack(webElement)\u52a0\u8f7d\u5386\u53f2\u8bb0\u5f55\u91cc\u7684\u524d\u4e00\u4e2a\u8d44\u6e90\u5730\u5740\u3002
\u53c2\u6570
webElement">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="webview">
<meta name="twitter:description" content="webview\u4e00\u7cfb\u5217\u7684 &lt;web&gt; \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 goBack\u3001goForward\u3001\u548c reload\u3002webview module \u4e0e &lt;web&gt; \u7ec4\u4ef6\u5171\u7528\u3002
@@ -127,13 +84,29 @@ webElement">
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -150,7 +123,7 @@ webElement">
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">
@@ -521,11 +494,11 @@ webElement">
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -557,11 +530,11 @@ webElement">
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -594,11 +567,11 @@ webElement">
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -741,7 +714,7 @@ webElement">
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1117,11 +1090,11 @@ webElement">
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1153,11 +1126,11 @@ webElement">
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1190,11 +1163,11 @@ webElement">
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1337,7 +1310,7 @@ webElement">
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1355,7 +1328,7 @@ webElement">
</h1>
- <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="webview"><a href="#webview" class="headerlink" title="webview"></a><code>webview</code></h1><p>\u4e00\u7cfb\u5217\u7684 <code><web></code> \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 <code>goBack</code>\u3001<code>goForward</code>\u3001\u548c <code>reload</code>\u3002<code>webview</code> module \u4e0e <code><web></code> \u7ec4\u4ef6\u5171\u7528\u3002</p>
<h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><p>\u67e5\u770b <a href="../components/web.html">\u7b80\u5355\u6d4f\u89c8\u5668</a> \uff0c\u4e00\u4e2a\u7ed3\u5408 <code><web></code> \u7ec4\u4ef6\u548c <code>webview</code> module \u7684\u793a\u4f8b\u3002</p>
@@ -1373,7 +1346,7 @@ webElement">
</ul>
<p><em>\u6ce8\u610f\u4e8b\u9879\uff1a\u672a\u6765 <code><web></code> \u7ec4\u4ef6\u7684 <code>Element</code> \u5bf9\u8c61\u5c06\u4f1a\u652f\u6301\u76f4\u63a5\u8fd9\u4e9b\u65b9\u6cd5\uff0c\u5c4a\u65f6 <code>webview</code> module \u5c06\u4e0d\u518d\u9700\u8981</em></p>
<h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</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">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 class="attr">value</span>=<span class="string">"https://m.taobao.com"</span>></sp
an><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>></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> <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.requi
reModule(<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"> }</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>.$refs.input.value</div><div class="line"> modal.toast({ <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword">thi
s</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>.$refs.web
view)</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"> finish (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="str
ing">'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">fo
nt-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="at
tribute">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="../../../examples/web.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154c7fa8ac13e87ff4e7bf9862147d50" target="_blank" rel="external">try it</a></p>
</div>
@@ -1395,7 +1368,7 @@ webElement">
<a href="/references/modules/webview.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/modules/webview.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/content/cn/references/native-dom-api.html b/content/cn/references/native-dom-api.html
index 884f834..b269ce6 100644
--- a/content/cn/references/native-dom-api.html
+++ b/content/cn/references/native-dom-api.html
@@ -5,49 +5,6 @@
<title>Native DOM APIs | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="Native DOM APIsWeex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002
\u7edd\u5927\u591a\u6570\u60c5\u51b5\u4e0b JS \u6846\u67b6\u4f1a\u628a Native DOM APIs \u90fd\u5c01\u88c5\u597d\uff0c\u5f00\u53d1\u8005\u4e0d\u9700\u8981">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Native DOM APIsWeex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002
\u7edd\u5927\u591a\u6570\u60c5\u51b5\u4e0b JS \u6846\u67b6\u4f1a\u628a Native DOM APIs \u90fd\u5c01\u88c5\u597d\uff0c\u5f00\u53d1\u8005\u4e0d\u9700\u8981">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Native DOM APIs">
<meta name="twitter:description" content="Native DOM APIsWeex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002
@@ -118,13 +75,29 @@
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">
@@ -512,11 +485,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -548,11 +521,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -585,11 +558,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -732,7 +705,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1108,11 +1081,11 @@
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1144,11 +1117,11 @@
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1181,11 +1154,11 @@
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1328,7 +1301,7 @@
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1346,7 +1319,7 @@
</h1>
- <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+ <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
</header>
<h1 id="Native-DOM-APIs"><a href="#Native-DOM-APIs" class="headerlink" title="Native DOM APIs"></a>Native DOM APIs</h1><p>Weex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002</p>
<p><em>\u7edd\u5927\u591a\u6570\u60c5\u51b5\u4e0b JS \u6846\u67b6\u4f1a\u628a Native DOM APIs \u90fd\u5c01\u88c5\u597d\uff0c\u5f00\u53d1\u8005\u4e0d\u9700\u8981\u76f4\u63a5\u5bf9 Native DOM \u8fdb\u884c\u64cd\u4f5c\u3002</em></p>
@@ -1530,7 +1503,7 @@
<a href="/references/native-dom-api.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/native-dom-api.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/native-dom-api.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/path.html
----------------------------------------------------------------------
diff --git a/content/cn/references/path.html b/content/cn/references/path.html
index 67966d5..44d6e60 100644
--- a/content/cn/references/path.html
+++ b/content/cn/references/path.html
@@ -5,49 +5,6 @@
<title>Path (\u82f1) | Weex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script>
- ;(function(){
- var currentOrigin = location.origin,
- currentPathname = location.pathname,
- currentLang = navigator.language,
- selectedLang = '';
-
- if (!currentLang) {
- currentLang = navigator.browserLanguage;
- }
-
- if (window.sessionStorage) {
- selectedLang = window.sessionStorage.getItem('lang')
- }
-
- if (!selectedLang) {
- if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
- location.href = getUrl('cn', currentOrigin, currentPathname);
- } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
- location.href = getUrl('en', currentOrigin, currentPathname);
- }
- }
-
- function getUrl (lang, origin, path) {
- if (lang == 'en') {
- if (path.indexOf('/cn/') == 0) {
- return origin + path.substr(3)
- } else {
- return origin + path
- }
- } else {
- var langPath = '/' + lang + '/'
- var pathStart = path.indexOf(langPath)
-
- if (pathStart == 0) {
- return origin + path
- } else {
- return origin + langPath + path.substr(1)
- }
- }
- }
- })();
- </script>
<meta name="description" content="Pathv0.9+
\u672c\u6587\u5c06\u4ecb\u7ecd Weex \u4e2d uri(url) \u7684\u7528\u6cd5\u3002\u5305\u62ec\u4f7f\u7528\u56fe\u50cf\u3001\u5b57\u4f53\u7b49\u8d44\u6e90\uff0c\u5904\u7406\u76f8\u5bf9\u8def\u5f84\u4ee5\u53ca\u5982\u4f55\u8bbf\u95ee\u672c\u5730\u53ca\u6253\u5305\u7684\u8d44\u6e90\u6587\u4ef6\u3002
Schemes
@@ -66,7 +23,7 @@ Schemes
Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 scheme \u65e0\u6cd5\u5728 H5 \u73af\u5883\u4e0b\u4f7f\u7528\u3002\u76ee\u524d\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u5728 image \u7ec4\u4ef6\u548c\u5b57\u4f53\u6587\u4ef6\u4e2d\u4f7f\u7528\u672c\u5730\u8d44\u6e90\u3002
\u5728 iOS \u4e2d\uff0cWeex \u4f1a\u5728 b">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Path (\u82f1)">
<meta name="twitter:description" content="Pathv0.9+
@@ -133,13 +90,29 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
<li>
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -156,7 +129,7 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
<div class="search">
<form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
- <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+ <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">
@@ -527,11 +500,11 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -563,11 +536,11 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -600,11 +573,11 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -747,7 +720,7 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1123,11 +1096,11 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</li>
<li>
- <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
+ <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
</li>
<li>
- <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a>
+ <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a>
</li>
<li>
@@ -1159,11 +1132,11 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</li>
<li>
- <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
+ <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
</li>
<li>
- <a href="/cn/references/components/input.html" class="sidebar-link "><input></a>
+ <a href="/cn/references/components/list.html" class="sidebar-link "><list></a>
</li>
<li>
@@ -1196,11 +1169,11 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</li>
<li>
- <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
+ <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
</li>
<li>
- <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a>
+ <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a>
</li>
<li>
@@ -1343,7 +1316,7 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
<li>
- <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
</li>
</ul>
@@ -1361,7 +1334,7 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
</h1>
- <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+ <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
</header>
<h1 id="Path"><a href="#Path" class="headerlink" title="Path"></a>Path</h1><p><span class="weex-version">v0.9+</span></p>
<p>\u672c\u6587\u5c06\u4ecb\u7ecd Weex \u4e2d uri(url) \u7684\u7528\u6cd5\u3002\u5305\u62ec\u4f7f\u7528\u56fe\u50cf\u3001\u5b57\u4f53\u7b49\u8d44\u6e90\uff0c\u5904\u7406\u76f8\u5bf9\u8def\u5f84\u4ee5\u53ca\u5982\u4f55\u8bbf\u95ee\u672c\u5730\u53ca\u6253\u5305\u7684\u8d44\u6e90\u6587\u4ef6\u3002</p>
@@ -1407,7 +1380,7 @@ Weex SDK \u63d0\u4f9b local scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
<a href="/references/path.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/references/path.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/references/path.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>