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:31 UTC

[05/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/migration/migration-from-weex.html
----------------------------------------------------------------------
diff --git a/content/references/migration/migration-from-weex.html b/content/references/migration/migration-from-weex.html
index 8e6b958..82932f8 100644
--- a/content/references/migration/migration-from-weex.html
+++ b/content/references/migration/migration-from-weex.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/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/references/modules/animation.html b/content/references/modules/animation.html
index 1cf9ff9..2506de4 100644
--- a/content/references/modules/animation.html
+++ b/content/references/modules/animation.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/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/content/references/modules/clipboard.html b/content/references/modules/clipboard.html
index 6316685..1c870e1 100644
--- a/content/references/modules/clipboard.html
+++ b/content/references/modules/clipboard.html
@@ -49,7 +49,17 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       <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 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
               </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 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </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 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
               </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 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </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/modules/dom.html
----------------------------------------------------------------------
diff --git a/content/references/modules/dom.html b/content/references/modules/dom.html
index 226b52f..49c7c7f 100644
--- a/content/references/modules/dom.html
+++ b/content/references/modules/dom.html
@@ -11,7 +11,7 @@
 <meta property="og:url" content="https://weex.apache.org/references/modules/dom.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
-<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="dom">
 <meta name="twitter:description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
@@ -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>
@@ -1297,7 +1307,7 @@
       </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="dom"><a href="#dom" class="headerlink" title="dom"></a>dom</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>A series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a <code>.we</code> file is <code>scrollToElement</code> <del>which you can use by calling the <code>$scrollTo</code> method</del>. Other APIs mentioned on this page should only be used through the native renderer in the <code>callNative</code> process.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="scrollToElement-node-options"><a href="#scrollToElement-node-options" class="headerlink" title="scrollToElement(node, options)"></a>scrollToElement(node, options)</h3><p>Scroll the page to the specified node. This API should only be used on the element in the <code>scroller</code> or <code>list</code> component.</p>
@@ -1306,6 +1316,7 @@
 <li><code>node</code><em>(Node)</em>: an element that scrolled into the view.</li>
 <li><code>options</code><em>(object)</em>: some options.<ul>
 <li><code>offset</code><em>(number)</em>: An offset to the visible position, default is <code>0</code>.</li>
+<li><code>animated</code> <em>(bool)</em> :set element animation, default true</li>
 </ul>
 </li>
 </ul>
@@ -1316,7 +1327,7 @@
 <figure class="highlight"><table><tr><td class="code"><pre><div class="line">&#123;</div><div class="line">  result: true,</div><div class="line">  size: &#123;</div><div class="line">    bottom: 60,</div><div class="line">    height: 15,</div><div class="line">    left: 0,</div><div class="line">    right: 353,</div><div class="line">    top: 45,</div><div class="line">    width: 353</div><div class="line">  &#125;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
 <p>If you want to get the rectangle information of \u2018weex view\u2019 container, you can specify the <code>ref=&#39;viewport&#39;</code>.</p>
 <p>Example Useage:</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"box"</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Width: &#123;&#123;size.width&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Height: &#123;&#123;size.height&#125;&#125;<s
 pan class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Top: &#123;&#123;size.top&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Bottom: &#123;&#123;size.bottom&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Left: &#123;&#123;size.left&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</
 span>&gt;</span>Right: &#123;&#123;size.right&#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">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">size</span>: &#123;</div><div class="line">  
         <span class="attr">width</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">height</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">top</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">bottom</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">left</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">right</span>: <span class="number">0</span></div><div class="line">        &#125;</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    mounted () &#123;</div><div class="line">      <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.$refs.box, option =&gt; &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)
 </div><div class="line">        <span class="keyword">this</span>.size = option.size</div><div class="line">      &#125;)</div><div class="line">      <span class="built_in">console</span>.log(<span class="string">'return value:'</span>, result)</div><div class="line">      <span class="built_in">console</span>.log(<span class="string">'viewport:'</span>, dom.getComponentRect(<span class="string">'viewport'</span>))</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">margin-top</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <s
 pan class="number">150px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><
 div class="line">    <span class="attribute">font-family</span>: Consolas, <span class="string">"Liberation Mono"</span>, Menlo, Courier, monospace;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
+<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> <span class="attr">style</span>=<span class="string">'margin-top:200px'</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"box"</span>  <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Width: &#123;&#123;size.width&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span clas
 s="string">"info"</span>&gt;</span>Height: &#123;&#123;size.height&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Top: &#123;&#123;size.top&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Bottom: &#123;&#123;size.bottom&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Left: &#123;&#123;size.left&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class=
 "name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Right: &#123;&#123;size.right&#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">    </div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info btn"</span>  @<span class="attr">click</span>=<span class="string">'click()'</span>&gt;</span>&#123;&#123;this.tip&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      </div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span> </div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascrip
 t"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line">  </div><div class="line"> <span class="function"><span class="keyword">function</span> <span class="title">round</span>(<span class="params">size</span>) </span>&#123;</div><div class="line">      <span class="keyword">var</span> roundSize = &#123;</div><div class="line">        <span class="string">'width'</span>: <span class="built_in">Math</span>.round(size.width),</div><div class="line">        <span class="string">'height'</span>: <span class="built_in">Math</span>.round(size.height),</div><div class="line">        <span class="string">'top'</span>: <span class="built_in">Math</span>.round(size.top),</div><div class="line">        <span class="string">'bottom'</span>: <span class="built_in">Math</span>.round(size.bottom),</div><div class="line">        <span class="string">'left'</span>: <span class="built_in">Math</span>.rou
 nd(size.left),</div><div class="line">        <span class="string">'right'</span>: <span class="built_in">Math</span>.round(size.right)</div><div class="line">      &#125;</div><div class="line">      <span class="keyword">return</span> roundSize</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">size</span>: &#123;</div><div class="line">          <span class="attr">width</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">height</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">top</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">bottom</span>: <span class="number">0</span>,</div><div class="
 line">          <span class="attr">left</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">right</span>: <span class="number">0</span></div><div class="line">        &#125;,</div><div class="line">        <span class="attr">ref</span>:<span class="string">"viewport"</span>,</div><div class="line">        <span class="attr">tip</span>:<span class="string">"get box rect"</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    mounted () &#123;</div><div class="line">      <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.ref, option =&gt; &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)</div><div class="line">        <span class="keyword">this</span>.size = round.call(<span class="keyword">this</span>,option.size);</div><div class="line">      &#125;)</div><div c
 lass="line">    &#125;,</div><div class="line">    </div><div class="line">    <span class="attr">methods</span>:&#123;</div><div class="line">      <span class="attr">click</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</div><div class="line">        <span class="keyword">if</span> (<span class="keyword">this</span>.ref === <span class="string">'viewport'</span>) &#123;</div><div class="line">          <span class="keyword">this</span>.ref = <span class="keyword">this</span>.$refs.box;</div><div class="line">          <span class="keyword">this</span>.tip = <span class="string">"get viewport rect"</span></div><div class="line">        &#125; <span class="keyword">else</span> &#123;</div><div class="line">          <span class="keyword">this</span>.ref = <span class="string">'viewport'</span></div><div class="line">          <span class="keyword">this</span>.tip = <span class="string">"get box rect"</span></div><div cl
 ass="line">        &#125;</div><div class="line">          </div><div class="line">         <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.ref, option =&gt; &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)</div><div class="line">          <span class="keyword">this</span>.size = round.call(<span class="keyword">this</span>,option.size);</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">    </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">.btn</span> &#123;</div><div clas
 s="line">    <span class="attribute">margin-top</span>:<span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>:<span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-radius</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">margin-left</span>:<span class="number">170px</span>;</div><div class="line">    <span class="attribute">padding-left</span>:<span class="number">35px</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    </div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.btn</span><span class="selector-pseudo">:active</span> &#123;</div><div c
 lass="line">    <span class="attribute">background-color</span>: <span class="number">#8fbc8f</span>;</div><div class="line">22<span class="attribute">border-color</span>: gray;</div><div class="line">  &#125;</div><div class="line">  </div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span class="attribute">align-items</span>:center;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">350px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">400px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div
  class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">top</span>:<span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>:<span class="number">20px</span>;</div><div class="line">    <span class="attribute">font-family</span>: Consolas, <span class="string">"Liberation Mono"</span>, Menlo, Courier, monospace;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span cl
 ass="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
 <p><a href="http://dotwe.org/vue/87d4ed571de129ab28052b06a5d65fc8" target="_blank" rel="external">try it</a></p>
 
   </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/content/references/modules/globalevent.html b/content/references/modules/globalevent.html
index a224855..8253571 100644
--- a/content/references/modules/globalevent.html
+++ b/content/references/modules/globalevent.html
@@ -46,7 +46,17 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       <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 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
               </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 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </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 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
               </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 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </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/modules/index.html
----------------------------------------------------------------------
diff --git a/content/references/modules/index.html b/content/references/modules/index.html
index 4bbe19b..ef0070c 100644
--- a/content/references/modules/index.html
+++ b/content/references/modules/index.html
@@ -76,7 +76,17 @@ globalEvent">
       <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">
@@ -581,11 +591,11 @@ globalEvent">
               </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>
@@ -701,12 +711,12 @@ globalEvent">
       </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>
@@ -1169,11 +1179,11 @@ globalEvent">
               </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>
@@ -1289,12 +1299,12 @@ globalEvent">
       </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/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/references/modules/modal.html b/content/references/modules/modal.html
index dbbce8e..7fa079c 100644
--- a/content/references/modules/modal.html
+++ b/content/references/modules/modal.html
@@ -46,7 +46,17 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       <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 @@ APItoast(options)A toast provides simple feedback about an operation in a small
               </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 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </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 @@ APItoast(options)A toast provides simple feedback about an operation in a small
               </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 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </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/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/references/modules/navigator.html b/content/references/modules/navigator.html
index 862d0a7..65e894e 100644
--- a/content/references/modules/navigator.html
+++ b/content/references/modules/navigator.html
@@ -46,7 +46,17 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       <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 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
               </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 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </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 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
               </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 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </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/modules/picker.html
----------------------------------------------------------------------
diff --git a/content/references/modules/picker.html b/content/references/modules/picker.html
index fd717ae..acf7916 100644
--- a/content/references/modules/picker.html
+++ b/content/references/modules/picker.html
@@ -61,7 +61,17 @@ inde">
       <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 @@ inde">
               </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>
-                <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>
@@ -686,12 +696,12 @@ inde">
       </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 @@ inde">
               </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>
-                <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>
@@ -1274,12 +1284,12 @@ inde">
       </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/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/references/modules/storage.html b/content/references/modules/storage.html
index 882b36f..c6ee6ed 100644
--- a/content/references/modules/storage.html
+++ b/content/references/modules/storage.html
@@ -49,7 +49,17 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       <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 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
               </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 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </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 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
               </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 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </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/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/references/modules/stream.html b/content/references/modules/stream.html
index 10853b9..ba0bc6c 100644
--- a/content/references/modules/stream.html
+++ b/content/references/modules/stream.html
@@ -55,7 +55,17 @@ option">
       <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 @@ option">
               </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 @@ option">
       </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 @@ option">
               </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 @@ option">
       </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/modules/websocket.html
----------------------------------------------------------------------
diff --git a/content/references/modules/websocket.html b/content/references/modules/websocket.html
index b2cac02..c99f0ae 100644
--- a/content/references/modules/websocket.html
+++ b/content/references/modules/websocket.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 current ">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 current ">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 current ">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 current ">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/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/references/modules/webview.html b/content/references/modules/webview.html
index 40961c6..da79ce3 100644
--- a/content/references/modules/webview.html
+++ b/content/references/modules/webview.html
@@ -15,7 +15,7 @@ Arguments">
 <meta property="og:description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
 APIgoBack(webElement)Loads the previous location in the history stack.
 Arguments">
-<meta property="og:updated_time" content="2017-03-31T09:49:09.000Z">
+<meta property="og:updated_time" content="2017-04-11T03:57:29.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webview">
 <meta name="twitter:description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
@@ -49,7 +49,17 @@ Arguments">
       <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 @@ Arguments">
               </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 @@ Arguments">
       </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 @@ Arguments">
               </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 @@ Arguments">
       </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>
@@ -1303,7 +1313,7 @@ Arguments">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-31T09:49:09.000Z">Updated time: 31/03/2017</time>
+  <time class="article-date" datetime="2017-04-11T03:57:29.000Z">Updated time: 11/04/2017</time>
 </header>
     <h1 id="webview"><a href="#webview" class="headerlink" title="webview"></a>webview</h1><p>A series of web operation api like <code>goBack</code>, <code>goForward</code>, and <code>reload</code>. \u2018webview\u2019 module used with the web component.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="goBack-webElement"><a href="#goBack-webElement" class="headerlink" title="goBack(webElement)"></a>goBack(webElement)</h3><p>Loads the previous location in the history stack.</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3450acb9/content/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/content/references/native-dom-api.html b/content/references/native-dom-api.html
index 2146d33..3dc542f 100644
--- a/content/references/native-dom-api.html
+++ b/content/references/native-dom-api.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/path.html
----------------------------------------------------------------------
diff --git a/content/references/path.html b/content/references/path.html
index eaa4399..3692cfe 100644
--- a/content/references/path.html
+++ b/content/references/path.html
@@ -52,7 +52,17 @@ LocalWeex SDK provi">
       <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">
@@ -557,11 +567,11 @@ LocalWeex SDK provi">
               </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>
@@ -677,12 +687,12 @@ LocalWeex SDK provi">
       </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>
@@ -1145,11 +1155,11 @@ LocalWeex SDK provi">
               </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>
@@ -1265,12 +1275,12 @@ LocalWeex SDK provi">
       </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/platfrom-difference.html
----------------------------------------------------------------------
diff --git a/content/references/platfrom-difference.html b/content/references/platfrom-difference.html
index f637a53..6d33aea 100644
--- a/content/references/platfrom-difference.html
+++ b/content/references/platfrom-difference.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 current ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link current ">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 current ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link current ">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/text-style.html
----------------------------------------------------------------------
diff --git a/content/references/text-style.html b/content/references/text-style.html
index 6e1b235..e4969eb 100644
--- a/content/references/text-style.html
+++ b/content/references/text-style.html
@@ -49,7 +49,17 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       <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 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of 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>
-                <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 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </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 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of 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>
-                <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 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </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/unit.html
----------------------------------------------------------------------
diff --git a/content/references/unit.html b/content/references/unit.html
index a662238..71940db 100644
--- a/content/references/unit.html
+++ b/content/references/unit.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>