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:53:58 UTC
[06/39] incubator-weex-site git commit: * update site
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/index.html b/content/v-0.10/guide/how-to/index.html
index 3519a8d..d9dcecd 100644
--- a/content/v-0.10/guide/how-to/index.html
+++ b/content/v-0.10/guide/how-to/index.html
@@ -5,49 +5,6 @@
<title>Preview in browser | 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="How to preview weex code in browser ?weex-toolkitWe strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please">
<meta property="og:type" content="website">
<meta property="og:title" content="Preview in browser">
@@ -55,7 +12,7 @@
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="How to preview weex code in browser ?weex-toolkitWe strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please">
<meta property="og:image" content="https://gtms02.alicdn.com/tps/i2/TB1y151LVXXXXXXaXXXoRYgWVXX-495-584.jpg">
-<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="Preview in browser">
<meta name="twitter:description" content="How to preview weex code in browser ?weex-toolkitWe strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please">
@@ -117,13 +74,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="/v-0.10/guide/how-to/index.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -140,7 +113,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">
@@ -549,7 +522,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="How-to-preview-weex-code-in-browser"><a href="#How-to-preview-weex-code-in-browser" class="headerlink" title="How to preview weex code in browser ?"></a>How to preview weex code in browser ?</h1><h2 id="weex-toolkit"><a href="#weex-toolkit" class="headerlink" title="weex-toolkit"></a>weex-toolkit</h2><p>We strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please download and install latest stable version of Node from <a href="https://nodejs.org/en/download/stable/" target="_blank" rel="external">https://nodejs.org/en/download/stable/</a>. Then you can install weex-toolkit using npm install:</p>
<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div></pre></td></tr></table></figure>
@@ -580,7 +553,7 @@
<a href="/v-0.10/guide/how-to/index.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/how-to/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/v-0.10/guide/how-to/preview-in-playground-app.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/preview-in-playground-app.html b/content/v-0.10/guide/how-to/preview-in-playground-app.html
index b2fa16c..b4189f4 100644
--- a/content/v-0.10/guide/how-to/preview-in-playground-app.html
+++ b/content/v-0.10/guide/how-to/preview-in-playground-app.html
@@ -5,49 +5,6 @@
<title>Preview in native | 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="How to preview weex code in sample-app ?Weex Sample Step By Step
Clone Weex from github https://github.com/alibaba/weex/
Use Android Studio open Android Sample \u3002
@@ -65,7 +22,7 @@ into Sample homePa">
<meta property="og:image" content="https://gtms01.alicdn.com/tps/i1/TB10Ox2MpXXXXXKXpXXA0gJJXXX-720-1280.png">
<meta property="og:image" content="https://gtms04.alicdn.com/tps/i4/TB1Ph05MpXXXXcHXXXX2YSA3pXX-540-960.jpg">
<meta property="og:image" content="https://gtms03.alicdn.com/tps/i3/TB1ehVLMpXXXXa.XVXX2YSA3pXX-540-960.jpg">
-<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="Preview in native">
<meta name="twitter:description" content="How to preview weex code in sample-app ?Weex Sample Step By Step
@@ -131,13 +88,29 @@ into Sample homePa">
<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="/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -154,7 +127,7 @@ into Sample homePa">
<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">
@@ -563,7 +536,7 @@ into Sample homePa">
</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="How-to-preview-weex-code-in-sample-app"><a href="#How-to-preview-weex-code-in-sample-app" class="headerlink" title="How to preview weex code in sample-app ?"></a>How to preview weex code in sample-app ?</h1><h3 id="Weex-Sample-Step-By-Step"><a href="#Weex-Sample-Step-By-Step" class="headerlink" title="Weex Sample Step By Step"></a>Weex Sample Step By Step</h3><ol>
<li>Clone Weex from github <a href="https://github.com/alibaba/weex/" target="_blank" rel="external"><code>https://github.com/alibaba/weex/</code></a></li>
@@ -595,7 +568,7 @@ into Sample homePa">
<a href="/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/how-to/preview-in-playground-app.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/v-0.10/guide/how-to/require-3rd-party-libs.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/require-3rd-party-libs.html b/content/v-0.10/guide/how-to/require-3rd-party-libs.html
index 0fc567c..04ec6ec 100644
--- a/content/v-0.10/guide/how-to/require-3rd-party-libs.html
+++ b/content/v-0.10/guide/how-to/require-3rd-party-libs.html
@@ -5,56 +5,13 @@
<title>Require 3rd Party Libs | 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="How to require 3rd Party Libs ?In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in &lt;script&gt; tag in one component. But there must be some common functio">
<meta property="og:type" content="website">
<meta property="og:title" content="Require 3rd Party Libs">
<meta property="og:url" content="https://weex.apache.org/v-0.10/guide/how-to/require-3rd-party-libs.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="How to require 3rd Party Libs ?In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in &lt;script&gt; tag in one component. But there must be some common functio">
-<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="Require 3rd Party Libs">
<meta name="twitter:description" content="How to require 3rd Party Libs ?In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in &lt;script&gt; tag in one component. But there must be some common functio">
@@ -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="/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.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">
@@ -547,7 +520,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="How-to-require-3rd-Party-Libs"><a href="#How-to-require-3rd-Party-Libs" class="headerlink" title="How to require 3rd Party Libs ?"></a>How to require 3rd Party Libs ?</h1><p>In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in <code><script></code> tag in one component. But there must be some common functions or modules in your project, such as parsing url params, extending properties from some objects to another object and so on. It\u2019s a bad practice to copy and paste them in each component, therefore there\u2019s a urgent need of <code>require</code>. Weex provides CommonJS <code>require</code> syntax for developers.</p>
<p>Let take <code>extend</code> for example.</p>
@@ -580,7 +553,7 @@
<a href="/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.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/v-0.10/guide/how-to/transform-code-into-js-bundle.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html b/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
index a3f4381..7d2a8b2 100644
--- a/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
+++ b/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
@@ -5,56 +5,13 @@
<title>Transform Code into Js Bundle | 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="Transform Code into Js BundleParagraphs Maintain Your Component Code and Require 3rd Party Libs show us how to write and organize weex code. However, Weex DSL code must be transformed to js bundle so">
<meta property="og:type" content="website">
<meta property="og:title" content="Transform Code into Js Bundle">
<meta property="og:url" content="https://weex.apache.org/v-0.10/guide/how-to/transform-code-into-js-bundle.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Transform Code into Js BundleParagraphs Maintain Your Component Code and Require 3rd Party Libs show us how to write and organize weex code. However, Weex DSL code must be transformed to js bundle so">
-<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="Transform Code into Js Bundle">
<meta name="twitter:description" content="Transform Code into Js BundleParagraphs Maintain Your Component Code and Require 3rd Party Libs show us how to write and organize weex code. However, Weex DSL code must be transformed to js bundle so">
@@ -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="/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.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">
@@ -547,7 +520,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="Transform-Code-into-Js-Bundle"><a href="#Transform-Code-into-Js-Bundle" class="headerlink" title="Transform Code into Js Bundle"></a>Transform Code into Js Bundle</h1><p>Paragraphs Maintain Your Component Code and <a href="./require-3rd-party-libs.html">Require 3rd Party Libs</a> show us how to write and organize weex code. However, Weex DSL code must be transformed to <code>js bundle</code> so that <code>js framework</code> can parse and execute it for iOS, Android and HTML5 portal. For more information, please refer to <a href="../../advanced/how-it-works.html">How It Works
</a> and <a href="../../references/specs/js-bundle-format.html">JS Bundle Format</a>.</p>
@@ -611,7 +584,7 @@
<a href="/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.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/v-0.10/guide/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/index.html b/content/v-0.10/guide/index.html
index faff7a8..83070bf 100644
--- a/content/v-0.10/guide/index.html
+++ b/content/v-0.10/guide/index.html
@@ -5,49 +5,6 @@
<title>Tutorial | 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="TutorialWe will make a simple but realistic list, in which the technologies Weex uses will be shown. This form of list also works for a lot of e-commercial apps and mobile sites.
Getting StartedLet\u2019s">
<meta property="og:type" content="website">
@@ -60,7 +17,7 @@ Getting StartedLet\u2019s">
<meta property="og:image" content="https://weex.apache.org/images/tut-cli-qrcode.png">
<meta property="og:image" content="https://weex.apache.org/images/tut-second.png">
<meta property="og:image" content="https://weex.apache.org/images/tut4.gif">
-<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="Tutorial">
<meta name="twitter:description" content="TutorialWe will make a simple but realistic list, in which the technologies Weex uses will be shown. This form of list also works for a lot of e-commercial apps and mobile sites.
@@ -123,13 +80,29 @@ Getting StartedLet\u2019s">
<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="/v-0.10/guide/index.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -146,7 +119,7 @@ Getting StartedLet\u2019s">
<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">
@@ -555,7 +528,7 @@ Getting StartedLet\u2019s">
</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="Tutorial"><a href="#Tutorial" class="headerlink" title="Tutorial"></a>Tutorial</h1><p>We will make a simple but realistic list, in which the technologies Weex uses will be shown. This form of list also works for a lot of e-commercial apps and mobile sites.</p>
<h2 id="Getting-Started"><a href="#Getting-Started" class="headerlink" title="Getting Started"></a>Getting Started</h2><p>Let\u2019s get started with the list item, which contains one <code>image</code> element and one <code>text</code> right behind.</p>
@@ -616,7 +589,7 @@ Getting StartedLet\u2019s">
<a href="/v-0.10/guide/index.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/index.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/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/v-0.10/guide/syntax/comm.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/comm.html b/content/v-0.10/guide/syntax/comm.html
index ee0e3d2..5ebffeb 100644
--- a/content/v-0.10/guide/syntax/comm.html
+++ b/content/v-0.10/guide/syntax/comm.html
@@ -5,56 +5,13 @@
<title>Communications | 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="Communicate Between ComponentsFor Child-Parent CommunicationChildren component can use this.$dispatch([String type], [Object detail]) method passing information to parent component. first argument mea">
<meta property="og:type" content="website">
<meta property="og:title" content="Communications">
<meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/comm.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Communicate Between ComponentsFor Child-Parent CommunicationChildren component can use this.$dispatch([String type], [Object detail]) method passing information to parent component. first argument mea">
-<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="Communications">
<meta name="twitter:description" content="Communicate Between ComponentsFor Child-Parent CommunicationChildren component can use this.$dispatch([String type], [Object detail]) method passing information to parent component. first argument mea">
@@ -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="/v-0.10/guide/syntax/comm.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/comm.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">
@@ -547,7 +520,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="Communicate-Between-Components"><a href="#Communicate-Between-Components" class="headerlink" title="Communicate Between Components"></a>Communicate Between Components</h1><h2 id="For-Child-Parent-Communication"><a href="#For-Child-Parent-Communication" class="headerlink" title="For Child-Parent Communication"></a>For Child-Parent Communication</h2><p>Children component can use <code>this.$dispatch([String type], [Object detail])</code> method passing information to parent component. first argument meaning type of message , second argument is the message object. If any parent of the child component register the same type of listener using <code>$on([String type], [Function callback])</code> method , the callback will be execute with one argument , the message object will be <code>detail</code> property of the the argument.</p>
<p>eg:</p>
@@ -582,7 +555,7 @@
<a href="/v-0.10/guide/syntax/comm.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/comm.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/v-0.10/guide/syntax/composed-component.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/composed-component.html b/content/v-0.10/guide/syntax/composed-component.html
index b3a178a..3fafc55 100644
--- a/content/v-0.10/guide/syntax/composed-component.html
+++ b/content/v-0.10/guide/syntax/composed-component.html
@@ -5,49 +5,6 @@
<title>Composed Component | 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="Composed ComponentIf some part of weex file is reused often, you could create a composed component represent these part.
You can create a file named foo.we to define a composed component, the componen">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@ You can create a file named foo.we to define a composed component, the componen"
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Composed ComponentIf some part of weex file is reused often, you could create a composed component represent these part.
You can create a file named foo.we to define a composed component, the componen">
-<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="Composed Component">
<meta name="twitter:description" content="Composed ComponentIf some part of weex file is reused often, you could create a composed component represent these part.
@@ -118,13 +75,29 @@ You can create a file named foo.we to define a composed component, the componen"
<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="/v-0.10/guide/syntax/composed-component.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@ You can create a file named foo.we to define a composed component, the componen"
<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">
@@ -550,7 +523,7 @@ You can create a file named foo.we to define a composed component, the componen"
</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="Composed-Component"><a href="#Composed-Component" class="headerlink" title="Composed Component"></a>Composed Component</h1><p>If some part of weex file is reused often, you could create a composed component represent these part.</p>
<p>You can create a file named <code>foo.we</code> to define a composed component, the component name is just <code><foo></code>.</p>
@@ -591,7 +564,7 @@ You can create a file named foo.we to define a composed component, the componen"
<a href="/v-0.10/guide/syntax/composed-component.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/composed-component.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/v-0.10/guide/syntax/config-n-data.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/config-n-data.html b/content/v-0.10/guide/syntax/config-n-data.html
index 0e79c51..3c2876f 100644
--- a/content/v-0.10/guide/syntax/config-n-data.html
+++ b/content/v-0.10/guide/syntax/config-n-data.html
@@ -5,49 +5,6 @@
<title>Page Config & Data | 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="Page Config &amp; DataYou can write some instance config and data in some additional &lt;script&gt; at the top-level Weex component.
the instance config could declare some meta informations like whic">
@@ -58,7 +15,7 @@ the instance config could declare some meta informations like whic">
<meta property="og:description" content="Page Config &amp; DataYou can write some instance config and data in some additional &lt;script&gt; at the top-level Weex component.
the instance config could declare some meta informations like whic">
-<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="Page Config & Data">
<meta name="twitter:description" content="Page Config &amp; DataYou can write some instance config and data in some additional &lt;script&gt; at the top-level Weex component.
@@ -121,13 +78,29 @@ the instance config could declare some meta informations like whic">
<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="/v-0.10/guide/syntax/config-n-data.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -144,7 +117,7 @@ the instance config could declare some meta informations like whic">
<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">
@@ -553,7 +526,7 @@ the instance config could declare some meta informations like whic">
</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="Page-Config-amp-Data"><a href="#Page-Config-amp-Data" class="headerlink" title="Page Config & Data"></a>Page Config & Data</h1><p>You can write some instance config and data in some additional <code><script></code> at the <strong>top-level</strong> Weex component.</p>
<ul>
@@ -589,7 +562,7 @@ the instance config could declare some meta informations like whic">
<a href="/v-0.10/guide/syntax/config-n-data.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/config-n-data.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/v-0.10/guide/syntax/data-binding.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/data-binding.html b/content/v-0.10/guide/syntax/data-binding.html
index 3293657..ecab1c7 100644
--- a/content/v-0.10/guide/syntax/data-binding.html
+++ b/content/v-0.10/guide/syntax/data-binding.html
@@ -5,56 +5,13 @@
<title>Data-Binding | 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="Data-BindingIn Weex, we use the mustache syntax {{...}} to bind data in &lt;template&gt; which are defined in &lt;script&gt;. Once data and template is bound, the data changes will influence the corre">
<meta property="og:type" content="website">
<meta property="og:title" content="Data-Binding">
<meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/data-binding.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Data-BindingIn Weex, we use the mustache syntax {{...}} to bind data in &lt;template&gt; which are defined in &lt;script&gt;. Once data and template is bound, the data changes will influence the corre">
-<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="Data-Binding">
<meta name="twitter:description" content="Data-BindingIn Weex, we use the mustache syntax {{...}} to bind data in &lt;template&gt; which are defined in &lt;script&gt;. Once data and template is bound, the data changes will influence the corre">
@@ -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="/v-0.10/guide/syntax/data-binding.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/data-binding.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">
@@ -547,7 +520,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="Data-Binding"><a href="#Data-Binding" class="headerlink" title="Data-Binding"></a>Data-Binding</h1><p>In Weex, we use the <em>mustache</em> syntax <code>{{...}}</code> to bind data in <code><template></code> which are defined in <code><script></code>. Once data and template is bound, the data changes will influence the corresponding template content immediately and automatically.</p>
<h2 id="Binding-data-path"><a href="#Binding-data-path" class="headerlink" title="Binding data path"></a>Binding data path</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">container</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size: {{size}}"</span>></span>{{title}}<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">container</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><di
v class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">data</span>: {</div><div class="line"> <span class="attr">size</span>: <span class="number">48</span>,</div><div class="line"> <span class="attr">title</span>: <span class="string">'Alibaba Weex Team'</span></div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
@@ -611,7 +584,7 @@
<a href="/v-0.10/guide/syntax/data-binding.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/data-binding.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/v-0.10/guide/syntax/display-logic.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/display-logic.html b/content/v-0.10/guide/syntax/display-logic.html
index 5192fd7..8e49948 100644
--- a/content/v-0.10/guide/syntax/display-logic.html
+++ b/content/v-0.10/guide/syntax/display-logic.html
@@ -5,49 +5,6 @@
<title>Display Logic Control | 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="Display Logic ControlThere are two attributes for display logic control: if and repeat. We can create Weex page structure and effects more flexible with them.
Notes: The display logic could\u2019t apply o">
@@ -58,7 +15,7 @@ Notes: The display logic could\u2019t apply o">
<meta property="og:description" content="Display Logic ControlThere are two attributes for display logic control: if and repeat. We can create Weex page structure and effects more flexible with them.
Notes: The display logic could\u2019t apply o">
-<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="Display Logic Control">
<meta name="twitter:description" content="Display Logic ControlThere are two attributes for display logic control: if and repeat. We can create Weex page structure and effects more flexible with them.
@@ -121,13 +78,29 @@ Notes: The display logic could\u2019t apply o">
<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="/v-0.10/guide/syntax/display-logic.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -144,7 +117,7 @@ Notes: The display logic could\u2019t apply o">
<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">
@@ -553,7 +526,7 @@ Notes: The display logic could\u2019t apply o">
</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="Display-Logic-Control"><a href="#Display-Logic-Control" class="headerlink" title="Display Logic Control"></a>Display Logic Control</h1><p>There are two attributes for display logic control: <code>if</code> and <code>repeat</code>. We can create Weex page structure and effects more flexible with them.</p>
<blockquote>
@@ -600,7 +573,7 @@ Notes: The display logic could\u2019t apply o">
<a href="/v-0.10/guide/syntax/display-logic.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/display-logic.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/v-0.10/guide/syntax/events.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/events.html b/content/v-0.10/guide/syntax/events.html
index b79a03e..1858f1a 100644
--- a/content/v-0.10/guide/syntax/events.html
+++ b/content/v-0.10/guide/syntax/events.html
@@ -5,56 +5,13 @@
<title>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="EventsWeex allow &lt;template&gt; to bind event type and handler on an Element. The attribute name is the event type with prefix on... and the attribute value is handler method name. For instance: onc">
<meta property="og:type" content="website">
<meta property="og:title" content="Events">
<meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/events.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="EventsWeex allow &lt;template&gt; to bind event type and handler on an Element. The attribute name is the event type with prefix on... and the attribute value is handler method name. For instance: onc">
-<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="Events">
<meta name="twitter:description" content="EventsWeex allow &lt;template&gt; to bind event type and handler on an Element. The attribute name is the event type with prefix on... and the attribute value is handler method name. For instance: onc">
@@ -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="/v-0.10/guide/syntax/events.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/events.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">
@@ -547,7 +520,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="Events"><a href="#Events" class="headerlink" title="Events"></a>Events</h1><p>Weex allow <code><template></code> to bind event type and handler on an Element. The attribute name is the event type with prefix <code>on...</code> and the attribute value is handler method name. For instance: <code>onclick="handler"</code>. e.g.</p>
<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">image</span> <span class="attr">onclick</span>=<span class="string">"handler"</span> <span class="attr">...</span>></span><span class="tag"></<span class="name">image</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> <span class="attr">handler</span>: <span class="function"><span class="keyword">function</span> (<span class="params">e</span>) </span>{</div><div class="line"> <sp
an class="comment">// TODO</span></div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure>
@@ -582,7 +555,7 @@
<a href="/v-0.10/guide/syntax/events.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/events.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/v-0.10/guide/syntax/id.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/id.html b/content/v-0.10/guide/syntax/id.html
index 178d0d9..5856a99 100644
--- a/content/v-0.10/guide/syntax/id.html
+++ b/content/v-0.10/guide/syntax/id.html
@@ -5,49 +5,6 @@
<title>Find an Element | 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="Find an ElementIn Weex, we may set the id property for a particular element, just as unique identification of a particular element.
id can be used by this.$el(id) to find an element with a certain id.">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Find an ElementIn Weex, we may set the id property for a particular element, just as unique identification of a particular element.
id can be used by this.$el(id) to find an element with a certain id.">
-<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="Find an Element">
<meta name="twitter:description" content="Find an ElementIn Weex, we may set the id property for a particular element, just as unique identification of a particular element.
@@ -118,13 +75,29 @@ id can be used by this.$el(id) to find an element with a certain id.">
<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="/v-0.10/guide/syntax/id.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
<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">
@@ -550,7 +523,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
</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="Find-an-Element"><a href="#Find-an-Element" class="headerlink" title="Find an Element"></a>Find an Element</h1><p>In Weex, we may set the <code>id</code> property for a particular element, just as unique identification of a particular element.</p>
<p><code>id</code> can be used by <code>this.$el(id)</code> to find an element with a certain id. Take the API <a href="../../references/modules/dom.html#scrolltoelementnode-options"><code>scrollToElement()</code></a> For example:</p>
@@ -580,7 +553,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
<a href="/v-0.10/guide/syntax/id.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/id.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/v-0.10/guide/syntax/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/index.html b/content/v-0.10/guide/syntax/index.html
index 500176f..5a7c34c 100644
--- a/content/v-0.10/guide/syntax/index.html
+++ b/content/v-0.10/guide/syntax/index.html
@@ -5,49 +5,6 @@
<title>Syntax | 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="SyntaxThe syntax of Weex is deeply inspired from Vue.js, an elegant JavaScript framework with component system and reactive data binding.
A simple Weex page sample is just a piece of &lt;template&gt;">
<meta property="og:type" content="website">
@@ -56,7 +13,7 @@ A simple Weex page sample is just a piece of &lt;template&gt;">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="SyntaxThe syntax of Weex is deeply inspired from Vue.js, an elegant JavaScript framework with component system and reactive data binding.
A simple Weex page sample is just a piece of &lt;template&gt;">
-<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="Syntax">
<meta name="twitter:description" content="SyntaxThe syntax of Weex is deeply inspired from Vue.js, an elegant JavaScript framework with component system and reactive data binding.
@@ -118,13 +75,29 @@ A simple Weex page sample is just a piece of &lt;template&gt;">
<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="/v-0.10/guide/syntax/index.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+ </li>
+ </ul>
+ </div>
+ </li>
<!--<li></li>-->
</ul>
</div>
@@ -141,7 +114,7 @@ A simple Weex page sample is just a piece of &lt;template&gt;">
<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">
@@ -550,7 +523,7 @@ A simple Weex page sample is just a piece of &lt;template&gt;">
</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="Syntax"><a href="#Syntax" class="headerlink" title="Syntax"></a>Syntax</h1><p><em>The syntax of Weex is deeply inspired from <a href="http://vuejs.org/" target="_blank" rel="external">Vue.js</a>, an elegant JavaScript framework with component system and reactive data binding.</em></p>
<p>A simple Weex page sample is just a piece of <code><template></code> code, a piece of <code><style></code> code and a piece of <code><script></code> code. The three parts together describe a whole Weex page.</p>
@@ -610,7 +583,7 @@ A simple Weex page sample is just a piece of &lt;template&gt;">
<a href="/v-0.10/guide/syntax/index.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/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/v-0.10/guide/syntax/render-logic.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/render-logic.html b/content/v-0.10/guide/syntax/render-logic.html
index b00347f..cfb5452 100644
--- a/content/v-0.10/guide/syntax/render-logic.html
+++ b/content/v-0.10/guide/syntax/render-logic.html
@@ -5,56 +5,13 @@
<title>Render Logic Control | 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="Render Logic ControlappendAttribute append do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single">
<meta property="og:type" content="website">
<meta property="og:title" content="Render Logic Control">
<meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/render-logic.html">
<meta property="og:site_name" content="Weex">
<meta property="og:description" content="Render Logic ControlappendAttribute append do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single">
-<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="Render Logic Control">
<meta name="twitter:description" content="Render Logic ControlappendAttribute append do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single">
@@ -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="/v-0.10/guide/syntax/render-logic.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/v-0.10/guide/syntax/render-logic.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">
@@ -547,7 +520,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="Render-Logic-Control"><a href="#Render-Logic-Control" class="headerlink" title="Render Logic Control"></a>Render Logic Control</h1><h2 id="append"><a href="#append" class="headerlink" title="append"></a><code>append</code></h2><p>Attribute <code>append</code> do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single node with child nodes appended after.</p>
<p><code>append</code> has two key attributes, <code>tree</code> and <code>node</code>, the usage is:</p>
@@ -577,7 +550,7 @@
<a href="/v-0.10/guide/syntax/render-logic.html" data-lang="en">English</a>
</li>
<li>
- <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="cn">\u4e2d\u6587</a>
+ <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
</li>
</ul>
</div>