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/08/22 07:20:32 UTC

[08/28] incubator-weex-site git commit: Site updated: 2017-08-22 15:20:36

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/eb000fc5/content/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/references/modules/animation.html b/content/references/modules/animation.html
index 1b42f77..74b4eab 100644
--- a/content/references/modules/animation.html
+++ b/content/references/modules/animation.html
@@ -11,7 +11,7 @@
 <meta property="og:url" content="https://weex.apache.org/references/modules/animation.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
-<meta property="og:updated_time" content="2017-08-14T10:19:42.000Z">
+<meta property="og:updated_time" content="2017-08-22T07:13:28.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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>
@@ -1403,7 +1403,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-08-14T10:19:42.000Z">Updated time: 14/08/2017</time>
+  <time class="article-date" datetime="2017-08-22T07:13:28.000Z">Updated time: 22/08/2017</time>
 </header>
     <h1 id="animation" class="article-heading"><a href="#animation" class="headerlink" title="animation"></a>animation<a class="article-anchor" href="#animation" aria-hidden="true"></a></h1><p>Smooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the <code>animation</code> module to perform animation on components. A animation can perform a series of simple transformations  (position, size, rotation, background color, and opacity) on the component. So, if you have a <code>image</code> component, you can move, rotate, grow, or shrink it.</p>
 <h2 id="API" class="article-heading"><a href="#API" class="headerlink" title="API"></a>API<a class="article-anchor" href="#API" aria-hidden="true"></a></h2><h3 id="transition-node-options-callback" class="article-heading"><a href="#transition-node-options-callback" class="headerlink" title="transition(node, options, callback)"></a>transition(node, options, callback)<a class="article-anchor" href="#transition-node-options-callback" aria-hidden="true"></a></h3><h4 id="Arguments" class="article-heading"><a href="#Arguments" class="headerlink" title="Arguments"></a>Arguments<a class="article-anchor" href="#Arguments" aria-hidden="true"></a></h4><h5 id="node" class="article-heading"><a href="#node" class="headerlink" title="node"></a>node<a class="article-anchor" href="#node" aria-hidden="true"></a></h5><p><strong>type:</strong> node</p>
@@ -1427,18 +1427,22 @@
 <tr>
 <td style="text-align:left"><code>linear</code></td>
 <td style="text-align:left">Specifies a transition effect with the same speed from start to end</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left"><code>ease-in</code></td>
 <td style="text-align:left">Specifies a transition effect with a slow start</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left"><code>ease-out</code></td>
 <td style="text-align:left">Specifies a transition effect with a slow end</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left"><code>ease-in-out</code></td>
 <td style="text-align:left">Specifies a transition effect with a slow start and end</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left"><code>cubic-bezier(x1, y1, x2, y2)</code></td>
@@ -1465,30 +1469,35 @@
 <td style="text-align:left">The width applied to the component after the animation finished.</td>
 <td style="text-align:left">length</td>
 <td style="text-align:left">none</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">height</td>
 <td style="text-align:left">The height applied to the component after the animation finished.</td>
 <td style="text-align:left">length</td>
 <td style="text-align:left">none</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">backgroundColor</td>
 <td style="text-align:left">The background color applied to the component after the animation finished.</td>
 <td style="text-align:left">string</td>
 <td style="text-align:left">none</td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">opacity</td>
 <td style="text-align:left">The opacity applied to the component after the animation finished.</td>
 <td style="text-align:left">number between 0 to 1</td>
 <td style="text-align:left"><code>1</code></td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">transformOrigin</td>
 <td style="text-align:left">The povit of transition. The possible values for <code>x-aris</code> are <code>left</code>/<code>center</code>/<code>right</code>/length or percent, and possible values of <code>y-axis</code> are <code>top</code>/<code>center</code>/<code>bottom</code>/ length or percent</td>
 <td style="text-align:left"><code>x-axis y-axis</code></td>
 <td style="text-align:left"><code>center center</code></td>
+<td style="text-align:left"></td>
 </tr>
 <tr>
 <td style="text-align:left">transform</td>
@@ -1529,8 +1538,12 @@
 </tr>
 </tbody>
 </table>
-<h5 id="callback" class="article-heading"><a href="#callback" class="headerlink" title="callback"></a>callback<a class="article-anchor" href="#callback" aria-hidden="true"></a></h5><p><strong>type:</strong> function</p>
-<p><strong>position:</strong> Callback which is called after the completion of transition.</p>
+<ul>
+<li><code>callback</code>(function): Callback which is called after the completion of transition.</li>
+</ul>
+<ul>
+<li><code>needLayout</code>(boolean):Whether or not the layout animation occurs when animation is executed </li>
+</ul>
 <h3 id="Example" class="article-heading"><a href="#Example" class="headerlink" title="Example"></a>Example<a class="article-anchor" href="#Example" aria-hidden="true"></a></h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&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">ref</span>=<span class="string">"test"</span> @<span class="attr">click</span>=<span class="string">"move"</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span><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">templat
 e</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="undefined"></span></div><div class="line"><span class="javascript">  <span class="keyword">const</span> animation = weex.requireModule(<span class="string">'animation'</span>)</span></div><div class="line"><span class="javascript">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</span></div><div class="line"><span class="undefined"></span></div><div class="line"><span class="javascript">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</span></div><div class="line"><span class="undefined">    methods: &#123;</span></div><div class="line"><span class="undefined">      move () &#123;</span></div><div class="line"><span class="javascript">        <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$refs.test;</span></div><div class="line
 "><span class="undefined">        animation.transition(testEl, &#123;</span></div><div class="line"><span class="undefined">          styles: &#123;</span></div><div class="line"><span class="javascript">            color: <span class="string">'#FF0000'</span>,</span></div><div class="line"><span class="javascript">            transform: <span class="string">'translate(250px, 100px)'</span>,</span></div><div class="line"><span class="javascript">            transformOrigin: <span class="string">'center center'</span></span></div><div class="line"><span class="undefined">          &#125;,</span></div><div class="line"><span class="javascript">          duration: <span class="number">800</span>, <span class="comment">//ms</span></span></div><div class="line"><span class="javascript">          timingFunction: <span class="string">'ease'</span>,</span></div><div class="line"><span class="javascript">          delay: <span class="number">0</span> <span class="comment">//ms</span></span><
 /div><div class="line"><span class="javascript">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</span></div><div class="line"><span class="javascript">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'animation finished.'</span> &#125;)</span></div><div class="line"><span class="undefined">        &#125;)</span></div><div class="line"><span class="undefined">      &#125;</span></div><div class="line"><span class="undefined">    &#125;</span></div><div class="line"><span class="undefined">  &#125;</span></div><div class="line"><span class="undefined"></span><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="undefined"></span></div><div class="line"><span class="css">  <span class="selector-class">.box</spa
 n> &#123;</span></div><div class="line"><span class="undefined">    width: 250px;</span></div><div class="line"><span class="undefined">    height: 250px;</span></div><div class="line"><span class="css">    <span class="selector-tag">background-color</span>: <span class="selector-id">#DDD</span>;</span></div><div class="line"><span class="undefined">  &#125;</span></div><div class="line"><span class="undefined"></span><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
 <p><a href="http://dotwe.org/vue/2d1b61bef061448c1a5a13eac9624410" target="_blank" rel="external">try it</a></p>
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/eb000fc5/content/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/content/references/modules/clipboard.html b/content/references/modules/clipboard.html
index f60a407..cf6702c 100644
--- a/content/references/modules/clipboard.html
+++ b/content/references/modules/clipboard.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/content/references/modules/dom.html b/content/references/modules/dom.html
index 28538c4..9cca565 100644
--- a/content/references/modules/dom.html
+++ b/content/references/modules/dom.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/content/references/modules/globalevent.html b/content/references/modules/globalevent.html
index 1540c60..4871310 100644
--- a/content/references/modules/globalevent.html
+++ b/content/references/modules/globalevent.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/index.html
----------------------------------------------------------------------
diff --git a/content/references/modules/index.html b/content/references/modules/index.html
index c342a9d..090a752 100644
--- a/content/references/modules/index.html
+++ b/content/references/modules/index.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/meta.html
----------------------------------------------------------------------
diff --git a/content/references/modules/meta.html b/content/references/modules/meta.html
index 8cc5704..52dd354 100644
--- a/content/references/modules/meta.html
+++ b/content/references/modules/meta.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/references/modules/modal.html b/content/references/modules/modal.html
index 05f94eb..92d2b40 100644
--- a/content/references/modules/modal.html
+++ b/content/references/modules/modal.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/references/modules/navigator.html b/content/references/modules/navigator.html
index 0ba8ed0..fbdffcc 100644
--- a/content/references/modules/navigator.html
+++ b/content/references/modules/navigator.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/content/references/modules/picker.html b/content/references/modules/picker.html
index 6c373df..ba3f2b4 100644
--- a/content/references/modules/picker.html
+++ b/content/references/modules/picker.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/references/modules/storage.html b/content/references/modules/storage.html
index 305e656..c04cfc0 100644
--- a/content/references/modules/storage.html
+++ b/content/references/modules/storage.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/references/modules/stream.html b/content/references/modules/stream.html
index 4d82b2a..f15425d 100644
--- a/content/references/modules/stream.html
+++ b/content/references/modules/stream.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/timer.html
----------------------------------------------------------------------
diff --git a/content/references/modules/timer.html b/content/references/modules/timer.html
index 7b08543..95024db 100644
--- a/content/references/modules/timer.html
+++ b/content/references/modules/timer.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/content/references/modules/websocket.html b/content/references/modules/websocket.html
index 9b4c87e..d2679f1 100644
--- a/content/references/modules/websocket.html
+++ b/content/references/modules/websocket.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/references/modules/webview.html b/content/references/modules/webview.html
index 4f902d3..26951fc 100644
--- a/content/references/modules/webview.html
+++ b/content/references/modules/webview.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/content/references/native-dom-api.html b/content/references/native-dom-api.html
index ed80f87..b6b6b1e 100644
--- a/content/references/native-dom-api.html
+++ b/content/references/native-dom-api.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/path.html
----------------------------------------------------------------------
diff --git a/content/references/path.html b/content/references/path.html
index ba658e1..f2a95b3 100644
--- a/content/references/path.html
+++ b/content/references/path.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/platfrom-difference.html
----------------------------------------------------------------------
diff --git a/content/references/platfrom-difference.html b/content/references/platfrom-difference.html
index 9dfb593..187da91 100644
--- a/content/references/platfrom-difference.html
+++ b/content/references/platfrom-difference.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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/eb000fc5/content/references/text-style.html
----------------------------------------------------------------------
diff --git a/content/references/text-style.html b/content/references/text-style.html
index 16f3838..8df06bd 100644
--- a/content/references/text-style.html
+++ b/content/references/text-style.html
@@ -477,7 +477,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -485,7 +485,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -603,11 +603,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -727,12 +727,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>
@@ -1111,7 +1111,7 @@
               </li>
             
               <li>
-                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
+                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
               </li>
             
               <li>
@@ -1119,7 +1119,7 @@
               </li>
             
               <li>
-                <a href="/references/jsfm-apis.html" class="sidebar-link  ">JS Framework APIs</a>
+                <a href="/references/bubble.html" class="sidebar-link  ">Event Bubble</a>
               </li>
             
               <li>
@@ -1237,11 +1237,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1361,12 +1361,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>