You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ji...@apache.org on 2017/03/27 06:04:17 UTC

[09/11] incubator-weex-site git commit: Site updated: 2017-03-27 14:03:54

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/components/web.html
----------------------------------------------------------------------
diff --git a/cn/references/components/web.html b/cn/references/components/web.html
index 8bd1ded..530c581 100644
--- a/cn/references/components/web.html
+++ b/cn/references/components/web.html
@@ -25,7 +25,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
 
 \u6837\u5f0f
 \u901a\u7528\u6837\u5f0f\uff1a\u4e0d\u652f\u6301\u90e8\u5206\u76d2">
-<meta property="og:updated_time" content="2017-03-08T06:01:38.000Z">
+<meta property="og:updated_time" content="2017-03-27T06:03:15.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<web>">
 <meta name="twitter:description" content="&amp;lt;web&amp;gt;v0.5+
@@ -463,11 +463,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -540,11 +540,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,11 +577,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </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>
@@ -701,12 +701,12 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1060,11 +1060,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1137,11 +1137,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1174,11 +1174,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </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>
@@ -1298,12 +1298,12 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1339,7 +1339,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-08T06:01:38.000Z">Updated time: 08/03/2017</time>
+  <time class="article-date" datetime="2017-03-27T06:03:15.000Z">Updated time: 27/03/2017</time>
 </header>
     <h1 id="lt-web-gt"><a href="#lt-web-gt" class="headerlink" title="&lt;web&gt;"></a>&lt;web&gt;</h1><p><span class="weex-version">v0.5+</span></p>
 <p>\u4f7f\u7528 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002<code>src</code> \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 <code>webview module</code> \u6765\u63a7\u5236 <code>web</code> \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b <a href="../modules/webview.html"><code>webview</code> module</a>\u3002</p>
@@ -1382,8 +1382,8 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
 <p><strong>\u6ce8\u610f\uff1a</strong></p>
 <p>\u4e0d\u652f\u6301 <code>click</code> \u4e8b\u4ef6\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><p>\u6211\u4eec\u7528\u4e00\u4e2a\u7b80\u6613\u6d4f\u89c8\u5668\u793a\u4f8b\uff0c\u6765\u5c55\u793a\u5982\u4f55\u4f7f\u7528 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u548c <code>webview</code> module\u3002 \u67e5\u770b <a href="../modules/webview.html">webview module</a>\u3002</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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>&gt;</span><span class="tag">&lt;/<span class="name">input</span>&gt;</span></div><div class="l
 ine">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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>&gt;</span>LoadURL<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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>&gt;</span>reload<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">w
 eb</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>&gt;</span><span class="tag">&lt;/<span class="name">web</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</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="k
 eyword">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> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      loadURL (event) &#123;</div><div class="line">        <span class="keyword">this</span>.url = <span class="keyword">this</span>.$refs.input.value</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword">this</span>.url &#125;)</div><div class="line">        setTimeout(<span class="function"><
 span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'will go back'</span> &#125;)</div><div class="line">          webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line">        &#125;, <span class="number">10000</span>)</div><div class="line">      &#125;,</div><div class="line">      reload (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'reload'</span> &#125;)</div><div class="line">        webview.reload(<span class="keyword">this</span>.$refs.webview)</div><div class="line">      &#125;,</div><div class="line">      start (event) &
 #123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagestart'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagefinish'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'error'</span> &#125;)</div><div class="line">      &#125;</div><div class="line">
     &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.group</span> &#123;</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">  &#125;</div><div class="line">  <span class="selector-class">.input</span> &#123;</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 clas
 s="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">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</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">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.webview</span> &#123;</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 cl
 ass="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/vue/154c7fa8ac13e87ff4e7bf9862147d50" target="_blank" rel="external">try it</a></p>
+<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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>&gt;</span><span class="tag">&lt;/<span class="name">input</span>&gt;</span></div><div class="line">    <spa
 n class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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>&gt;</span>LoadURL<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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>&gt;</span>reload<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<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>&gt;</span><span class="tag">&lt;/<span class="name">web</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</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> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</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">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      loadURL (event) &#123;</div><div class="line">        <span class="keyword">this</span>.url = <span class="keyword">this</span>.value</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword
 ">this</span>.url &#125;)</div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'will go back'</span> &#125;)</div><div class="line">          webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line">        &#125;, <span class="number">10000</span>)</div><div class="line">      &#125;,</div><div class="line">      reload (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'reload'</span> &#125;)</div><div class="line">        webview.reload(<span class="keyword">this</span>.$ref
 s.webview)</div><div class="line">      &#125;,</div><div class="line">      start (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagestart'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagefinish'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      error (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class=
 "string">'error'</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.group</span> &#123;</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">  &#125;</div><div class="line">  <span class="selector-class">.input</span> &#123;</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">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</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">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.webview</span> &#123;</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">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
+<p><a href="http://dotwe.org/vue/221ff37113a12d692a7a92a100f20162" target="_blank" rel="external">try it</a></p>
 
   </div>
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/gesture.html
----------------------------------------------------------------------
diff --git a/cn/references/gesture.html b/cn/references/gesture.html
index b44413f..95d170e 100644
--- a/cn/references/gesture.html
+++ b/cn/references/gesture.html
@@ -454,11 +454,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -531,11 +531,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -568,11 +568,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </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>
@@ -692,12 +692,12 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1051,11 +1051,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1128,11 +1128,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1165,11 +1165,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </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>
@@ -1289,12 +1289,12 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/html5-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/html5-apis.html b/cn/references/html5-apis.html
index 41ad62a..4780bd6 100644
--- a/cn/references/html5-apis.html
+++ b/cn/references/html5-apis.html
@@ -442,11 +442,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link current ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link current ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -519,11 +519,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -556,11 +556,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>
@@ -680,12 +680,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1039,11 +1039,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link current ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link current ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1116,11 +1116,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1153,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>
@@ -1277,12 +1277,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/index.html
----------------------------------------------------------------------
diff --git a/cn/references/index.html b/cn/references/index.html
index d98c365..1103670 100644
--- a/cn/references/index.html
+++ b/cn/references/index.html
@@ -466,11 +466,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -543,11 +543,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,11 +580,11 @@ HTML5 APIs
               </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>
@@ -704,12 +704,12 @@ HTML5 APIs
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1063,11 +1063,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1140,11 +1140,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1177,11 +1177,11 @@ HTML5 APIs
               </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>
@@ -1301,12 +1301,12 @@ HTML5 APIs
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/ios-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/ios-apis.html b/cn/references/ios-apis.html
index d74e5f5..3305c05 100644
--- a/cn/references/ios-apis.html
+++ b/cn/references/ios-apis.html
@@ -460,11 +460,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -537,11 +537,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,11 +574,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </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>
@@ -698,12 +698,12 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1057,11 +1057,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1134,11 +1134,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1171,11 +1171,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </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>
@@ -1295,12 +1295,12 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/js-service/index.html
----------------------------------------------------------------------
diff --git a/cn/references/js-service/index.html b/cn/references/js-service/index.html
index 9a0fc26..f65abd2 100644
--- a/cn/references/js-service/index.html
+++ b/cn/references/js-service/index.html
@@ -451,11 +451,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -528,11 +528,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -565,11 +565,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </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>
@@ -689,12 +689,12 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1048,11 +1048,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1125,11 +1125,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1162,11 +1162,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </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>
@@ -1286,12 +1286,12 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/jsfm-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/jsfm-apis.html b/cn/references/jsfm-apis.html
index 3e0a93f..65cccd1 100644
--- a/cn/references/jsfm-apis.html
+++ b/cn/references/jsfm-apis.html
@@ -460,11 +460,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link current ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link current ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -537,11 +537,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,11 +574,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </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>
@@ -698,12 +698,12 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1057,11 +1057,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link current ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link current ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1134,11 +1134,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1171,11 +1171,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </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>
@@ -1295,12 +1295,12 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/migration/difference.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/difference.html b/cn/references/migration/difference.html
index 878a1ab..90348d6 100644
--- a/cn/references/migration/difference.html
+++ b/cn/references/migration/difference.html
@@ -508,11 +508,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -585,11 +585,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -622,11 +622,11 @@ v-for=&amp;quo">
               </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>
@@ -746,12 +746,12 @@ v-for=&amp;quo">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1105,11 +1105,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1182,11 +1182,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1219,11 +1219,11 @@ v-for=&amp;quo">
               </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,12 +1343,12 @@ v-for=&amp;quo">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/migration/index.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/index.html b/cn/references/migration/index.html
index 6075831..74e27c0 100644
--- a/cn/references/migration/index.html
+++ b/cn/references/migration/index.html
@@ -448,11 +448,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -525,11 +525,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -562,11 +562,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </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>
@@ -686,12 +686,12 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link current ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link current ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1045,11 +1045,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1122,11 +1122,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1159,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </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>
@@ -1283,12 +1283,12 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link current ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link current ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/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
index 1d7e849..30e9301 100644
--- a/cn/references/migration/migration-from-weex.html
+++ b/cn/references/migration/migration-from-weex.html
@@ -448,11 +448,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -525,11 +525,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -562,11 +562,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>
@@ -686,12 +686,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1045,11 +1045,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1122,11 +1122,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1159,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>
@@ -1283,12 +1283,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/animation.html b/cn/references/modules/animation.html
index 2644ed7..54d74d3 100644
--- a/cn/references/modules/animation.html
+++ b/cn/references/modules/animation.html
@@ -445,11 +445,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -522,11 +522,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -559,11 +559,11 @@ APItransition(el, options, callback)\u53c2">
               </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>
@@ -683,12 +683,12 @@ APItransition(el, options, callback)\u53c2">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1042,11 +1042,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1119,11 +1119,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1156,11 +1156,11 @@ APItransition(el, options, callback)\u53c2">
               </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>
@@ -1280,12 +1280,12 @@ APItransition(el, options, callback)\u53c2">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18c0a9c9/cn/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/clipboard.html b/cn/references/modules/clipboard.html
index 0069824..08bcd33 100644
--- a/cn/references/modules/clipboard.html
+++ b/cn/references/modules/clipboard.html
@@ -460,11 +460,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -537,11 +537,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,11 +574,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>
@@ -698,12 +698,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>
@@ -1057,11 +1057,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
+                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
-                <a href="/cn/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/cn/references/html5-apis.html" class="sidebar-link  ">HTML5 APIs</a>
               </li>
             
               <li>
@@ -1134,11 +1134,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -1171,11 +1171,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>
@@ -1295,12 +1295,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a></h3>
+        <h3 class="chapter-title"><a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/cn/references/platform-difference.html" class="sidebar-link  ">Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</a>
+                <a href="/cn/references/migration/index.html" class="sidebar-link  ">\u8fc1\u79fb</a>
               </li>
             
               <li>