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

[07/19] incubator-weex-site git commit: Site updated: 2017-04-11 11:58:10

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/index.html b/content/references/advanced/index.html
index 7172af8..f4b60d8 100644
--- a/content/references/advanced/index.html
+++ b/content/references/advanced/index.html
@@ -61,7 +61,17 @@ Integrate Devtool to iOS">
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -566,11 +576,11 @@ Integrate Devtool to iOS">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -686,12 +696,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1154,11 +1164,11 @@ Integrate Devtool to iOS">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1274,12 +1284,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/integrate-devtool-to-android.html b/content/references/advanced/integrate-devtool-to-android.html
index 20b432a..0db8a63 100644
--- a/content/references/advanced/integrate-devtool-to-android.html
+++ b/content/references/advanced/integrate-devtool-to-android.html
@@ -43,7 +43,17 @@
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -548,11 +558,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -668,12 +678,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1136,11 +1146,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1256,12 +1266,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/integrate-devtool-to-ios.html b/content/references/advanced/integrate-devtool-to-ios.html
index a05e2c3..f3600f8 100644
--- a/content/references/advanced/integrate-devtool-to-ios.html
+++ b/content/references/advanced/integrate-devtool-to-ios.html
@@ -47,7 +47,17 @@
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -552,11 +562,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -672,12 +682,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1140,11 +1150,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1260,12 +1270,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/android-apis.html
----------------------------------------------------------------------
diff --git a/content/references/android-apis.html b/content/references/android-apis.html
index 07ae291..d6b424b 100644
--- a/content/references/android-apis.html
+++ b/content/references/android-apis.html
@@ -58,7 +58,17 @@ Register the">
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -563,11 +573,11 @@ Register the">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -683,12 +693,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1151,11 +1161,11 @@ Register the">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1271,12 +1281,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/references/color-names.html b/content/references/color-names.html
index 773fd36..fa3a651 100644
--- a/content/references/color-names.html
+++ b/content/references/color-names.html
@@ -157,7 +157,17 @@ fuchsia
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -662,11 +672,11 @@ fuchsia
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -782,12 +792,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1250,11 +1260,11 @@ fuchsia
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1370,12 +1380,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/references/common-event.html b/content/references/common-event.html
index 8ddecfb..dd49356 100644
--- a/content/references/common-event.html
+++ b/content/references/common-event.html
@@ -43,7 +43,17 @@
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -548,11 +558,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -668,12 +678,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1136,11 +1146,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1256,12 +1266,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1332,7 +1342,7 @@
 <li><code>target</code> : The target component where the event is triggered</li>
 <li><code>timestamp</code> : Timestamp when event is triggered</li>
 </ul>
-<h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</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">class</span>=<span class="string">"box"</span> @<span class="attr">click</span>=<span class="string">"onclick"</span> @<span class="attr">longpress</span>=<span class="string">"onlongpress"</span> @<span class="attr">appear</span>=<span class="string">"onappear"</span>  @<span class="attr">disappear</span>=<span class="string">"ondisappear"</span>&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="na
 me">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onclick (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onclick:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'onclick'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="
 line">      onlongpress (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onlongpress:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'onlongpress'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onappear (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onappear:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'onappear'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line"> 
      &#125;,</div><div class="line">      ondisappear (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'ondisappear:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'ondisappear'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="undefined"></span></div><div class="line">  .box &#123;</div><div class="line">    border-width: 2px;</div><div class="line">    border-style: solid;</div
 ><div class="line">    border-color: #BBB;</div><div class="line">    width: 250px;</div><div class="line">    height: 250px;</div><div class="line">    margin-top: 250px;</div><div class="line">    margin-left: 250px;</div><div class="line">    background-color: #EEE;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
+<h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</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">class</span>=<span class="string">"box"</span> @<span class="attr">click</span>=<span class="string">"onclick"</span> @<span class="attr">longpress</span>=<span class="string">"onlongpress"</span> @<span class="attr">appear</span>=<span class="string">"onappear"</span>  @<span class="attr">disappear</span>=<span class="string">"ondisappear"</span>&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="na
 me">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onclick (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onclick:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'onclick'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="
 line">      onlongpress (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onlongpress:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'onlongpress'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onappear (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onappear:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'onappear'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line"> 
      &#125;,</div><div class="line">      ondisappear (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'ondisappear:'</span>, event)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'ondisappear'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span class="attribute">border-width</spa
 n>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#EEE</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
   </div>
   
 </article>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/references/common-style.html b/content/references/common-style.html
index 610a412..f2eee2f 100644
--- a/content/references/common-style.html
+++ b/content/references/common-style.html
@@ -20,7 +20,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-align.jpg">
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-sample.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1KGwIPpXXXXbxXFXXXXXXXXXX-400-205.png">
-<meta property="og:updated_time" content="2017-03-29T04:03:21.000Z">
+<meta property="og:updated_time" content="2017-04-11T03:57:29.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Style">
 <meta name="twitter:description" content="Common StyleAll of weex tags share some common style rules
@@ -55,7 +55,17 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -560,11 +570,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -680,12 +690,12 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1148,11 +1158,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1268,12 +1278,12 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1309,7 +1319,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-29T04:03:21.000Z">Updated time: 29/03/2017</time>
+  <time class="article-date" datetime="2017-04-11T03:57:29.000Z">Updated time: 11/04/2017</time>
 </header>
     <h1 id="Common-Style"><a href="#Common-Style" class="headerlink" title="Common Style"></a>Common Style</h1><p>All of weex tags share some common style rules</p>
 <h2 id="Box-Model"><a href="#Box-Model" class="headerlink" title="Box Model"></a>Box Model</h2><p><img src="./images/css-boxmodel.png" alt="box model"></p>
@@ -1429,14 +1439,14 @@ Weex box model based on the CSS box model, all of weex elements can be considere
 <p><img src="https://img.alicdn.com/tps/TB1KGwIPpXXXXbxXFXXXXXXXXXX-400-205.png" alt="rule"></p>
 </li>
 </ul>
-<h3 id="Example-1"><a href="#Example-1" 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">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">image</span> <span class="attr">:src</span>=<span class="string">"logoUrl"</span> <span class="attr">class</span>=<span class="string">"logo"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scop
 ed</span>&gt;</span><span class="undefined"></span></div><div class="line">  .wrapper &#123;</div><div class="line">    align-items: center; </div><div class="line">    margin-top: 120px;</div><div class="line">  &#125;</div><div class="line">  .title &#123;</div><div class="line">    font-size: 48px;</div><div class="line">  &#125;</div><div class="line">  .logo &#123;</div><div class="line">    width: 360px; </div><div class="line">    height: 82px;</div><div class="line">    background-color: red;</div><div class="line">  &#125;</div><div class="line">  .logo:active &#123;</div><div class="line">    width: 180px; </div><div class="line">    height: 82px;</div><div class="line">    background-color: green;</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"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div cla
 ss="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">props</span>: &#123;</div><div class="line">      <span class="attr">logoUrl</span>: &#123;</div><div class="line">        <span class="attr">default</span>: <span class="string">'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'</span></div><div class="line">      &#125;,</div><div class="line">      <span class="attr">target</span>: &#123;</div><div class="line">        <span class="attr">default</span>: <span class="string">'World'</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">      update (e) &#123;</div><div class="line">        <span class="keyword">this</span>.target = <span class="string">'Weex'</span>;</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>
+<h3 id="Example-1"><a href="#Example-1" 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">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">image</span> <span class="attr">:src</span>=<span class="string">"logoUrl"</span> <span class="attr">class</span>=<span class="string">"logo"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scop
 ed</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">120px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">48px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.logo</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">360px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">82px</span>;</div><div class="line">    <span class="attribute">background-color</span>: red;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.logo</
 span><span class="selector-pseudo">:active</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">180px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">82px</span>;</div><div class="line">    <span class="attribute">background-color</span>: green;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">props</span>: &#123;</div><div class="line">      <span class="attr">logoUrl</span>: &#123;</div><div class="line">        <span class="attr">default</span>: <span class="string">'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'</s
 pan></div><div class="line">      &#125;,</div><div class="line">      <span class="attr">target</span>: &#123;</div><div class="line">        <span class="attr">default</span>: <span class="string">'World'</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">      update (e) &#123;</div><div class="line">        <span class="keyword">this</span>.target = <span class="string">'Weex'</span>;</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/df2c8f254620d6d30d0906ee75fe5b99" target="_blank" rel="external">Try it</a></p>
 <h2 id="linear-gradient-v0-10"><a href="#linear-gradient-v0-10" class="headerlink" title="linear-gradient v0.10+"></a>linear-gradient <span class="api-version">v0.10+</span></h2><p>Weex support linear-gradient background, You can see <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients" target="_blank" rel="external">W3C description of the gradient</a>.</p>
 <h3 id="Supported-components"><a href="#Supported-components" class="headerlink" title="Supported components"></a>Supported components</h3><p>All components in Weex support gradients</p>
 <h3 id="Usage"><a href="#Usage" class="headerlink" title="Usage"></a>Usage</h3><p>You can use linear gradient by <code>background-image</code> property.</p>
 <figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-tag">background-image</span>: <span class="selector-tag">linear-gradient</span>(<span class="selector-tag">to</span> <span class="selector-tag">top</span>,<span class="selector-id">#a80077</span>,<span class="selector-id">#66ff00</span>);</div></pre></td></tr></table></figure>
 <p><code>radial-gradient</code> is not currently supported, do not use it.</p>
-<p>Weex currently supports two color gradients. The direction of the gradient is as follows: </p>
+<p>Weex currently supports two color gradients. The direction of the gradient is as follows:</p>
 <ul>
 <li>to right<br>From left to right</li>
 <li>to left<br>From right to left</li>
@@ -1450,6 +1460,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
 <li>Do not use shorthand property such as <code>background</code>.</li>
 </ul>
 <h3 id="Example-2"><a href="#Example-2" 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> <span class="attr">style</span>=<span class="string">"background-color: #3a3a3a"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to right,#a80077,#66ff00);"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>&gt;</span>to right<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<sp
 an class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to left,#a80077,#66ff00);"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>&gt;</span>to left<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">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to bottom,#a80077,#66ff00);"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class
 ="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>&gt;</span>to bottom<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">class</span>=<span class="string">"container1"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to top,#a80077,#66ff00);"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>&gt;</span>to top<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 clas
 s="string">"flex-direction: row;align-items: center;justify-content: center"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"container2"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to bottom right,#a80077,#66ff00);"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>&gt;</span>to bottom right<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">class</span>=<span class="string">"container2"</span> <span class="attr">style</span>=<span class="string">"background-image:linear-gradient(to top left,#a80077,#66ff00)
 ;"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"direction"</span>&gt;</span>to top left<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">.container1</span> &#123;</div><div class="line">    <span class="attribute">margin</span>: <span class="number">10px</span>;</div><div class="line">    <span class="attribute">width</span>: <span 
 class="number">730px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border</span>: solid;</div><div class="line">    <span class="attribute">border-radius</span>: <span class="number">10px</span>;</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.container2</span> &#123;</div><div class="line">    <span class="attribute">margin</span>: <span class="number">10px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">300px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">300px</span>;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div
  class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border</span>: solid;</div><div class="line">    <span class="attribute">border-radius</span>: <span class="number">10px</span>;</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.direction</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">color</span>: white;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
+<h2 id="box-shadow-v0-11"><a href="#box-shadow-v0-11" class="headerlink" title="box-shadow v0.11+"></a>box-shadow <span class="api-version">v0.11+</span></h2><p>Weex supports box-shadow in iOS\uff1a <code>inset</code>,<code>offset-x</code>,<code>offset-y</code>, <code>blur-radius</code>,<code>color</code></p>
+<h3 id="Note-1"><a href="#Note-1" class="headerlink" title="Note"></a>Note</h3><ul>
+<li>box-shadow takes effect in iOS</li>
+</ul>
+<h3 id="Example-3"><a href="#Example-3" 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">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">style</span>=<span class="string">"width:400px; height:60px;background-color: #FFE4C4; box-shadow:20px  10px rgb(255, 69, 0);"</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">"text-align: center"</span>&gt;</span>Hello &#123;&#123;target&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div cla
 ss="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">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow: 20px  10px 5px rgba(255, 69, 0, 0.8);"</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">"text-align: center"</span>&gt;</span>Hello &#123;&#123;target&#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> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:in
 set 20px  10px 5px rgba(255, 69, 0, 0.8);"</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">"text-align: center"</span>&gt;</span>Hello &#123;&#123;target&#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> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:inset 20px  10px 5px rgb(255, 69, 0);"</span>&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">"text-align: center"</span>&gt
 ;</span>Hello &#123;&#123;target&#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> <span class="attr">style</span>=<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:20px  10px 5px black;"</span>&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">"text-align: center"</span>&gt;</span>Hello &#123;&#123;target&#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> <span class="attr">style</span>
 =<span class="string">"margin-top: 80px;width:400px; height:60px;background-color: #FFE4C4; box-shadow:20px  10px 5px #008B00;"</span>&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">"text-align: center"</span>&gt;</span>Hello &#123;&#123;target&#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">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 class="line">  <span class="selector-class">.wrapper</spa
 n> &#123;<span class="attribute">align-items</span>: center; <span class="attribute">margin-top</span>: <span class="number">120px</span>;&#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;<span class="attribute">font-size</span>: <span class="number">48px</span>;&#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">logoUrl</span>: <span class="string">'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png'<
 /span>,</div><div class="line">        <span class="attr">target</span>: <span class="string">'World'</span></div><div class="line">      &#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>
 <h2 id="Other-Common-Style"><a href="#Other-Common-Style" class="headerlink" title="Other Common Style"></a>Other Common Style</h2><ul>
 <li><code>opacity</code></li>
 <li><code>background-color</code></li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/references/components/a.html b/content/references/components/a.html
index 9b99f1b..b74f3ed 100644
--- a/content/references/components/a.html
+++ b/content/references/components/a.html
@@ -46,7 +46,17 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -551,11 +561,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -671,12 +681,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1139,11 +1149,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1259,12 +1269,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/references/components/cell.html b/content/references/components/cell.html
index 32797d7..6bad763 100644
--- a/content/references/components/cell.html
+++ b/content/references/components/cell.html
@@ -46,7 +46,17 @@ Child ComponentsThis type of component supports all kind">
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -551,11 +561,11 @@ Child ComponentsThis type of component supports all kind">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -671,12 +681,12 @@ Child ComponentsThis type of component supports all kind">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1139,11 +1149,11 @@ Child ComponentsThis type of component supports all kind">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1259,12 +1269,12 @@ Child ComponentsThis type of component supports all kind">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/components/div.html
----------------------------------------------------------------------
diff --git a/content/references/components/div.html b/content/references/components/div.html
index bea8197..dc28fcf 100644
--- a/content/references/components/div.html
+++ b/content/references/components/div.html
@@ -46,7 +46,17 @@ alias: &amp;lt;container&amp;gt; (depre">
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -551,11 +561,11 @@ alias: &amp;lt;container&amp;gt; (depre">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -671,12 +681,12 @@ alias: &amp;lt;container&amp;gt; (depre">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1139,11 +1149,11 @@ alias: &amp;lt;container&amp;gt; (depre">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1259,12 +1269,12 @@ alias: &amp;lt;container&amp;gt; (depre">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/references/components/image.html b/content/references/components/image.html
index 21526e1..51838bc 100644
--- a/content/references/components/image.html
+++ b/content/references/components/image.html
@@ -46,7 +46,17 @@ Notes: the styles of width and height should">
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -551,11 +561,11 @@ Notes: the styles of width and height should">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -671,12 +681,12 @@ Notes: the styles of width and height should">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1139,11 +1149,11 @@ Notes: the styles of width and height should">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1259,12 +1269,12 @@ Notes: the styles of width and height should">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/references/components/index.html b/content/references/components/index.html
index 0163f73..5a1f847 100644
--- a/content/references/components/index.html
+++ b/content/references/components/index.html
@@ -82,7 +82,17 @@
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -587,11 +597,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -707,12 +717,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1175,11 +1185,11 @@
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1295,12 +1305,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/references/components/indicator.html b/content/references/components/indicator.html
index a92635e..e5ce1ef 100644
--- a/content/references/components/indicator.html
+++ b/content/references/components/indicator.html
@@ -49,7 +49,17 @@ AttributesThere is no specific attribute for t">
       <ul class="links">
         <li><a href="/guide">Guide</a></li>
         <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+          <a href="javascript:;">Note</a>
+          <ul class="dropdown-menu subnav">
+            <li>
+              <a href="/faq.html">FAQ</a>
+            </li>
+            <li>
+              <a href="/releasenote.html">ReleaseNote</a>
+            </li>
+          </ul>
+        </li>
         <li class="dropdown">
             <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
@@ -554,11 +564,11 @@ AttributesThere is no specific attribute for t">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -674,12 +684,12 @@ AttributesThere is no specific attribute for t">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -1142,11 +1152,11 @@ AttributesThere is no specific attribute for t">
               </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>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1262,12 +1272,12 @@ AttributesThere is no specific attribute for t">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>