You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by so...@apache.org on 2017/03/02 03:54:07 UTC

[15/39] incubator-weex-site git commit: * update site

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-ios.html b/content/references/advanced/extend-to-ios.html
index de77329..a4da96b 100644
--- a/content/references/advanced/extend-to-ios.html
+++ b/content/references/advanced/extend-to-ios.html
@@ -5,56 +5,13 @@
   
   <title>Extend to iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to iOS">
 <meta property="og:url" content="https://weex.apache.org/references/advanced/extend-to-ios.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to iOS">
 <meta name="twitter:description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Extend-to-iOS"><a href="#Extend-to-iOS" class="headerlink" title="Extend to iOS"></a>Extend to iOS</h1><h3 id="Module-extend"><a href="#Module-extend" class="headerlink" title="Module extend"></a>Module extend</h3><p>Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to implement it.</p>
 <p>For example: If you want to implement an address jumping function, you can achieve a Module following the steps below.</p>
@@ -1461,7 +1434,7 @@
           <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/index.html b/content/references/advanced/index.html
index fcc5d10..741c224 100644
--- a/content/references/advanced/index.html
+++ b/content/references/advanced/index.html
@@ -5,49 +5,6 @@
   
   <title>Advanced | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Advanced
 Extend to iOS
 Extend to Android
@@ -66,7 +23,7 @@ Extend to HTML5
 Extend JS framework
 Integrate Devtool to Android
 Integrate Devtool to iOS">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Advanced">
 <meta name="twitter:description" content="Advanced
@@ -133,13 +90,29 @@ Integrate Devtool to iOS">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Integrate Devtool to iOS">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -595,11 +568,11 @@ Integrate Devtool to iOS">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -715,12 +688,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ Integrate Devtool to iOS">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1182,11 +1155,11 @@ Integrate Devtool to iOS">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1302,12 +1275,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1325,7 +1298,7 @@ Integrate Devtool to iOS">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1343,7 +1316,7 @@ Integrate Devtool to iOS">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Advanced"><a href="#Advanced" class="headerlink" title="Advanced"></a>Advanced</h1><ul>
 <li><a href="./extend-to-ios.html">Extend to iOS</a></li>
@@ -1374,7 +1347,7 @@ Integrate Devtool to iOS">
           <a href="/references/advanced/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/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 2d64f9e..1e41d87 100644
--- a/content/references/advanced/integrate-devtool-to-android.html
+++ b/content/references/advanced/integrate-devtool-to-android.html
@@ -5,56 +5,13 @@
   
   <title>Integrate Devtool to Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Integrate Devtool to AndroidWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Integrate Devtool to Android">
 <meta property="og:url" content="https://weex.apache.org/references/advanced/integrate-devtool-to-android.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Integrate Devtool to AndroidWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate Devtool to Android">
 <meta name="twitter:description" content="Integrate Devtool to AndroidWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Integrate-Devtool-to-Android"><a href="#Integrate-Devtool-to-Android" class="headerlink" title="Integrate Devtool to Android"></a>Integrate Devtool to Android</h1><p>Weex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS bundle source in a Chrome web page. To make it work, at first you must integrate devtool to your App. This page will help you integrate devtool to your Android App.</p>
 <h2 id="Integrate-to-Android"><a href="#Integrate-to-Android" class="headerlink" title="Integrate to Android"></a>Integrate to Android</h2><h3 id="Installing-Dependencies"><a href="#Installing-Dependencies" class="headerlink" title="Installing Dependencies"></a>Installing Dependencies</h3><p>Weex Devtools depend on <code>weex_inspector</code>. I strongly recommend you use the latest version since both Weex SDK and devtools are developed iteratively and rapidly. See the release version list <a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external">here</a>. All the release version will publish to the <a href="https://bintray.com/alibabaweex/maven/weex_inspector" target="_blank" rel="external">jcenter repo</a>. There are two choices to install it: </p>
@@ -1412,7 +1385,7 @@
           <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/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 3f5de9f..dabcad9 100644
--- a/content/references/advanced/integrate-devtool-to-ios.html
+++ b/content/references/advanced/integrate-devtool-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>Integrate Devtool to iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Integrate Devtool to iOSWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Integrate Devtool to iOS">
@@ -57,7 +14,7 @@
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate Devtool to iOS">
 <meta name="twitter:description" content="Integrate Devtool to iOSWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS">
@@ -119,13 +76,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -142,7 +115,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -581,11 +554,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -701,12 +674,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -724,7 +697,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1168,11 +1141,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1288,12 +1261,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1311,7 +1284,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1329,7 +1302,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Integrate-Devtool-to-iOS"><a href="#Integrate-Devtool-to-iOS" class="headerlink" title="Integrate Devtool to iOS"></a>Integrate Devtool to iOS</h1><p>Weex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS bundle source in a Chrome web page. To make it work, at first you must integrate devtool to your App. This page will help you integrate devtool to your iOS App.</p>
 <h2 id="Integrate-to-iOS"><a href="#Integrate-to-iOS" class="headerlink" title="Integrate to iOS"></a>Integrate to iOS</h2><h3 id="Installing-Dependencies"><a href="#Installing-Dependencies" class="headerlink" title="Installing Dependencies"></a>Installing Dependencies</h3><p>There are two choices to install dependencies: </p>
@@ -1408,7 +1381,7 @@
           <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/android-apis.html
----------------------------------------------------------------------
diff --git a/content/references/android-apis.html b/content/references/android-apis.html
index 3cdd3c9..1e40ce4 100644
--- a/content/references/android-apis.html
+++ b/content/references/android-apis.html
@@ -5,49 +5,6 @@
   
   <title>Android APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android APIsWXSDKEngine
 Set up various adapters
 
@@ -64,7 +21,7 @@ Set up various adapters
 WXSDKEngine.initialize(this, new InitConfig.Builder().setImgAdapter(new ImageAdapter()).setDebugAdapter(new PlayDebugAdapter()).build());
 
 Register the">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android APIs">
 <meta name="twitter:description" content="Android APIsWXSDKEngine
@@ -130,13 +87,29 @@ Register the">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/android-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ Register the">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -592,11 +565,11 @@ Register the">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -712,12 +685,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ Register the">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1179,11 +1152,11 @@ Register the">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1299,12 +1272,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1322,7 +1295,7 @@ Register the">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1340,7 +1313,7 @@ Register the">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Android-APIs"><a href="#Android-APIs" class="headerlink" title="Android APIs"></a>Android APIs</h1><h2 id="WXSDKEngine"><a href="#WXSDKEngine" class="headerlink" title="WXSDKEngine"></a>WXSDKEngine</h2><ol>
 <li>Set up various adapters</li>
@@ -1413,7 +1386,7 @@ Register the">
           <a href="/references/android-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/android-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/references/color-names.html b/content/references/color-names.html
index b036de4..58de91a 100644
--- a/content/references/color-names.html
+++ b/content/references/color-names.html
@@ -5,49 +5,6 @@
   
   <title>Color name | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="List of the names of colorsBasic color keywords:
 
 
@@ -130,7 +87,7 @@ purple
 
 fuchsia
 #FF00F">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Color name">
 <meta name="twitter:description" content="List of the names of colorsBasic color keywords:
@@ -229,13 +186,29 @@ fuchsia
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/color-names.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -252,7 +225,7 @@ fuchsia
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -691,11 +664,11 @@ fuchsia
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -811,12 +784,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -834,7 +807,7 @@ fuchsia
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1278,11 +1251,11 @@ fuchsia
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1398,12 +1371,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1421,7 +1394,7 @@ fuchsia
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1439,7 +1412,7 @@ fuchsia
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="List-of-the-names-of-colors"><a href="#List-of-the-names-of-colors" class="headerlink" title="List of the names of colors"></a>List of the names of colors</h1><h3 id="Basic-color-keywords"><a href="#Basic-color-keywords" class="headerlink" title="Basic color keywords:"></a>Basic color keywords:</h3><table>
 <thead>
@@ -2134,7 +2107,7 @@ fuchsia
           <a href="/references/color-names.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/color-names.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/references/common-event.html b/content/references/common-event.html
index c53e395..3af7347 100644
--- a/content/references/common-event.html
+++ b/content/references/common-event.html
@@ -5,56 +5,13 @@
   
   <title>Common Events | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Common Events">
 <meta property="og:url" content="https://weex.apache.org/references/common-event.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Events">
 <meta name="twitter:description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/common-event.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Events"><a href="#Common-Events" class="headerlink" title="Common Events"></a>Common Events</h1><p>Weex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex components to define event actions.    </p>
 <h2 id="Click-event"><a href="#Click-event" class="headerlink" title="Click event"></a>Click event</h2><p>The onclick attribute fires on a click gesture on the element.<br><strong>Notes: </strong> The <code>input</code> and <code>switch</code> component does not currently support the <code>click</code> event, please use <code>change</code> or <code>input</code> event instead.    </p>
@@ -1381,7 +1354,7 @@
           <a href="/references/common-event.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/common-event.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/references/common-style.html b/content/references/common-style.html
index 5b04e92..8b1a83b 100644
--- a/content/references/common-style.html
+++ b/content/references/common-style.html
@@ -5,49 +5,6 @@
   
   <title>Common Style | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common StyleAll of weex tags share some common style rules
 Box Model
 Weex box model based on the CSS box model, all of weex elements can be considered as boxes.  The term \u201cbox model\u201d is used when talk">
@@ -63,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-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.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
@@ -127,13 +84,29 @@ Weex box model based on the CSS box model, all of weex elements can be considere
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/common-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -589,11 +562,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -709,12 +682,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/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1176,11 +1149,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1296,12 +1269,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/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1319,7 +1292,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1337,7 +1310,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/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>
@@ -1512,7 +1485,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <a href="/references/common-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/common-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/references/components/a.html b/content/references/components/a.html
index 7b13d9d..3409c55 100644
--- a/content/references/components/a.html
+++ b/content/references/components/a.html
@@ -5,49 +5,6 @@
   
   <title>&lt;a&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
 Child ComponentsThis type of component supports all kinds of weex component as it\u2019s child comp">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
 Child ComponentsThis type of component supports all kinds of weex component as it\u2019s child comp">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<a>">
 <meta name="twitter:description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
@@ -118,13 +75,29 @@ Child ComponentsThis type of component supports all kinds of weex component as i
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/a.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-a-gt"><a href="#lt-a-gt" class="headerlink" title="&lt;a&gt;"></a>&lt;a&gt;</h1><p><code>a</code> defines a hyperlink to a page in the web. Its purpose and syntax is very similar to <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_blank" rel="external"><a></a> in HTML5.</a></p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>This type of component supports all kinds of weex component as it\u2019s child components except for its own kind.</p>
@@ -1339,7 +1312,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
 <h2 id="Events"><a href="#Events" class="headerlink" title="Events"></a>Events</h2><h3 id="common-events"><a href="#common-events" class="headerlink" title="common events"></a>common events</h3><p>Check out the <a href="../common-event.html">common events</a></p>
 <h3 id="Notes"><a href="#Notes" class="headerlink" title="Notes"></a>Notes</h3><p>We can\u2019t guarantee the order of execution between onclick function and href. we recommend that do not use the click event in <code>a</code>.</p>
 <h2 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</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> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">a</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">href</span>=<span class="string">"http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>Jump<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">a</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</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">1
 50px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</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-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">text
 -align</span>: center;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/a.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/025db54e37123ab5336a4b848397660f" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1361,7 +1334,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <a href="/references/components/a.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/a.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>