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

[3/9] incubator-weex-site git commit: Site updated: 2017-05-17 17:04:00

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/references/modules/modal.html b/content/references/modules/modal.html
index 9f4e24f..28d4cc0 100644
--- a/content/references/modules/modal.html
+++ b/content/references/modules/modal.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/references/modules/navigator.html b/content/references/modules/navigator.html
index e71a24d..dc94128 100644
--- a/content/references/modules/navigator.html
+++ b/content/references/modules/navigator.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/content/references/modules/picker.html b/content/references/modules/picker.html
index 7ab1307..13939ca 100644
--- a/content/references/modules/picker.html
+++ b/content/references/modules/picker.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/references/modules/storage.html b/content/references/modules/storage.html
index 8cd1f36..4373448 100644
--- a/content/references/modules/storage.html
+++ b/content/references/modules/storage.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/references/modules/stream.html b/content/references/modules/stream.html
index 7bce536..814b5d0 100644
--- a/content/references/modules/stream.html
+++ b/content/references/modules/stream.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/content/references/modules/websocket.html b/content/references/modules/websocket.html
index 8710b6d..6926bbd 100644
--- a/content/references/modules/websocket.html
+++ b/content/references/modules/websocket.html
@@ -11,7 +11,7 @@
 <meta property="og:url" content="https://weex.apache.org/references/modules/websocket.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="WebSocketSummaryWebSockets is an advanced technology that makes it possible to open an interactive communication session between the user’s H5/iOS/android and a server. With this API, you can send mes">
-<meta property="og:updated_time" content="2017-04-28T02:36:22.000Z">
+<meta property="og:updated_time" content="2017-05-17T09:02:52.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="WebSocket">
 <meta name="twitter:description" content="WebSocketSummaryWebSockets is an advanced technology that makes it possible to open an interactive communication session between the user’s H5/iOS/android and a server. With this API, you can send mes">
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1330,7 +1330,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-04-28T02:36:22.000Z">Updated time: 28/04/2017</time>
+  <time class="article-date" datetime="2017-05-17T09:02:52.000Z">Updated time: 17/05/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 is an advanced technology that makes it possible to open an interactive communication session between the user’s H5/iOS/android and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply</p>
 <h2 id="Notes"><a href="#Notes" class="headerlink" title="Notes:"></a><strong>Notes:</strong></h2><ul>
@@ -1383,8 +1383,8 @@
 </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">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</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">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>websocket<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span cl
 ass="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<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">      /&gt;</div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</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">onclick</span>=<span class="string">"&#123;&#123;connect&#125;&#125;"</span>&gt;</span>connect<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">onclick</span>=<span class="string">"&#123;&#123;send&#125;&#125;"</span>&gt;</span>send<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">cl
 ass</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;close&#125;&#125;"</span>&gt;</span>close<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">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3;margin-top: 20"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = send<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;<s
 pan class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;sendinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = onopen<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">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height
 : 80"</span>&gt;</span>&#123;&#123;onopeninfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = onmessage<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">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 100"</span>&gt;</span>&#123;&#123;onmessage&#125;&#125;<span class="tag">&lt;/<span class="name">
 text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = onclose<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">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;oncloseinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</sp
 an> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = onerror<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">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;onerrorinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</spa
 n></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = close<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">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;closeinfo&#125;&#125;<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">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div>
 <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">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</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">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</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">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">s
 cript</span>&gt;</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 = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</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">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">connect</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</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">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">'websocket open'</span>;</div><div class="line">        &#125;</div><div class="line">        websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onmessage = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onerror = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          s
 elf.onerrorinfo = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">''</span>;</div><div class="line">          self.onerrorinfo = e.code;</div><div class="line">        &#125;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</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">      &#125;,</div><div class="line">      <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>&#123;</div><div class="line">        <span class="keyword">this</span>.txtInput = event.value;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        websocket.close();</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></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/weex/0256bbfc448f0fdbe8b10ba311c947b4" 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">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</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">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>websocket<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">input</span> <span class="attr">type</span>=<span class="string">"text"</span> <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span> <span class="attr">value</span>=<span class="string">""</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> <span class="attr">ref</span>=<span class="string">"input"</span>/&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span c
 lass="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"connect"</span>&gt;</span>connect<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">"send"</span>&gt;</span>send<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">"close"</span>&gt;</span>close<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"></div><div class="line">      <span class="tag">&lt;<span class=
 "name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = send<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;sendinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<spa
 n class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = onopen<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;onopeninfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div
  class="line">        <span class="tag">&lt;<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>&gt;</span>method = onmessage<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 400px"</span>&gt;</span>&#123;&#123;onmessage&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</sp
 an> <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>&gt;</span>method = onclose<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;oncloseinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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>&gt;</span>method = onerror<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;onerrorinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<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 ;padd
 ing: 20px;color: black"</span>&gt;</span>method = close<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">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;closeinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</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">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div c
 lass="line">  <span class="selector-class">.input</span> &#123;</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">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">25px</span>;</div><div class="line">    <span c
 lass="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">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></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">var</span> websocket = weex.requireModule(
 <span class="string">'webSocket'</span>)</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">connectinfo</span>: <span class="string">''</span>,</div><div class="line">        <span class="attr">sendinfo</span>: <span class="string">''</span>,</div><div class="line">        <span class="attr">onopeninfo</span>: <span class="string">''</span>,</div><div class="line">        <span class="attr">onmessage</span>: <span class="string">''</span>,</div><div class="line">        <span class="attr">oncloseinfo</span>: <span class="string">''</span>,</div><div class="line">        <span class="attr">onerrorinfo</span>: <span class="string">''</span>,</div><div class="line">        <span class="attr">closeinfo</span>: <span class="string">''</span>,</div><div class="line">        
 <span class="attr">txtInput</span>:<span class="string">''</span>,</div><div class="line">        <span class="attr">navBarHeight</span>: <span class="number">88</span>,</div><div class="line">        <span class="attr">title</span>: <span class="string">'Navigator'</span>,</div><div class="line">        <span class="attr">dir</span>: <span class="string">'examples'</span>,</div><div class="line">        <span class="attr">baseURL</span>: <span class="string">''</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">connect</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</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">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">'websocket open'</span>;</div><div class="line">        &#125;</div><div class="line">        websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onmessage = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onerror = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onerrorinfo = e.data;</div><div class="li
 ne">        &#125;</div><div class="line">        websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">''</span>;</div><div class="line">          self.onerrorinfo = e.code;</div><div class="line">        &#125;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        <span class="keyword">var</span> input = <span class="keyword">this</span>.$refs.input;</div><div class="line">        input.blur();</div><div class="line">        websocket.send(<span class="keyword">this</span>.txtInput);</div><div class="line">        <span class="keyword">this</span>.sendinfo = <span class="keyword">this</span>.txtInput;</div><div class="line">      &#
 125;,</div><div class="line">      <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>&#123;</div><div class="line">        <span class="keyword">this</span>.txtInput = event.value;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        websocket.close();</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></pre></td></tr></table></figure>
+<p><a href="http://dotwe.org/vue/6d8bdfe66f24fda1a2dc6158b0182573" target="_blank" rel="external">Have a try</a></p>
 
   </div>
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/references/modules/webview.html b/content/references/modules/webview.html
index 96b029f..74d619d 100644
--- a/content/references/modules/webview.html
+++ b/content/references/modules/webview.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/content/references/native-dom-api.html b/content/references/native-dom-api.html
index ab0c78a..8a11bcd 100644
--- a/content/references/native-dom-api.html
+++ b/content/references/native-dom-api.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/path.html
----------------------------------------------------------------------
diff --git a/content/references/path.html b/content/references/path.html
index 03b760e..9943f25 100644
--- a/content/references/path.html
+++ b/content/references/path.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/platfrom-difference.html
----------------------------------------------------------------------
diff --git a/content/references/platfrom-difference.html b/content/references/platfrom-difference.html
index 62b9486..b74cb7c 100644
--- a/content/references/platfrom-difference.html
+++ b/content/references/platfrom-difference.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/text-style.html
----------------------------------------------------------------------
diff --git a/content/references/text-style.html b/content/references/text-style.html
index b57efaa..9023033 100644
--- a/content/references/text-style.html
+++ b/content/references/text-style.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/unit.html
----------------------------------------------------------------------
diff --git a/content/references/unit.html b/content/references/unit.html
index 90f2b63..68fe3bd 100644
--- a/content/references/unit.html
+++ b/content/references/unit.html
@@ -533,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -566,11 +566,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -694,12 +694,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1133,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1166,11 +1166,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1294,12 +1294,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/88192870/content/references/vue/difference-of-vuex.html
----------------------------------------------------------------------
diff --git a/content/references/vue/difference-of-vuex.html b/content/references/vue/difference-of-vuex.html
index 826eabe..da22d09 100644
--- a/content/references/vue/difference-of-vuex.html
+++ b/content/references/vue/difference-of-vuex.html
@@ -535,11 +535,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -568,11 +568,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -696,12 +696,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1135,11 +1135,11 @@
               </li>
             
               <li>
-                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/waterfall.html" class="sidebar-link  ">&lt;waterfall&gt;</a>
+                <a href="/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1168,11 +1168,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
@@ -1296,12 +1296,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>