You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ha...@apache.org on 2018/02/09 14:14:33 UTC

incubator-weex-site git commit: fix styles in release note

Repository: incubator-weex-site
Updated Branches:
  refs/heads/master 04ca798b7 -> 2e3b66686


fix styles in release note


Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/2e3b6668
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/2e3b6668
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/2e3b6668

Branch: refs/heads/master
Commit: 2e3b66686deb71bc8b45fc82a655982995943d2a
Parents: 04ca798
Author: Hanks <zh...@gmail.com>
Authored: Fri Feb 9 22:02:06 2018 +0800
Committer: Hanks <zh...@gmail.com>
Committed: Fri Feb 9 22:02:06 2018 +0800

----------------------------------------------------------------------
 source/cn/releasenote.md               | 95 ++++++++++++++++++-----------
 source/releasenote.md                  | 66 ++++++++++----------
 themes/weex/layout/_partial/header.ejs | 10 +--
 themes/weex/layout/post.ejs            |  8 ++-
 4 files changed, 103 insertions(+), 76 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2e3b6668/source/cn/releasenote.md
----------------------------------------------------------------------
diff --git a/source/cn/releasenote.md b/source/cn/releasenote.md
index d237fec..98a36b1 100644
--- a/source/cn/releasenote.md
+++ b/source/cn/releasenote.md
@@ -4,8 +4,35 @@ type: releasenote
 layout: post
 ---
 
-# Release Note
+## v0.17
+---
 
+* `feature` `Android/iOS` Support `writing direction style:direction=rtl`([#782](https://github.com/apache/incubator-weex/pull/782)[#886](https://github.com/apache/incubator-weex/pull/886))
+* `feature` `Android/iOS` Support scroll start and scroll end event on scroller and list ([#858](https://github.com/apache/incubator-weex/pull/858)[856](https://github.com/apache/incubator-weex/pull/856))
+* `feature` `iOS` support text max-width ([#834](https://github.com/apache/incubator-weex/pull/834))
+* `feature` `Android` CSS Transiton Animation Supported component ([#851](https://github.com/apache/incubator-weex/pull/851))
+* `feature` `Android` New `local` module ([#781](https://github.com/apache/incubator-weex/pull/781))
+* `feature` `Android` Support ripple background on Android 5.0 and higher ([#792](https://github.com/apache/incubator-weex/pull/792))
+* `feature` `Android` Support multi language on dialog ([#831](https://github.com/apache/incubator-weex/pull/831))
+* `feature` `H5` Support lazyload and appear watcher when body height set to 100% ([#827](https://github.com/apache/incubator-weex/pull/827)).
+* `feature` `H5` Add try catch for storage accessing incase user disabled the related function in a browser ([#827](https://github.com/apache/incubator-weex/pull/827)).
+* `feature` `H5` image support css sprite (sprite-src, sprite-position, sprite-width) ([#827](https://github.com/apache/incubator-weex/pull/827)).
+* `feature` `JSFM` Support batch update styles and attributes in Vue.js ([#819](https://github.com/apache/incubator-weex/pull/819) [#7046](https://github.com/vuejs/vue/pull/7046))
+* `feature` `JSFM` Stop trimming CSS units in richtext component. ([#6927](https://github.com/vuejs/vue/pull/6927))
+* `feature` `JSFM` Stop rethrow the captured error on Weex platform. ([#7024](https://github.com/vuejs/vue/pull/7024))
+* `feature` `JSFM` Upgrade weex-vue-framework to 2.5.3 ([release nodes](https://github.com/vuejs/vue/releases/tag/v2.5.3))
+* `feature` `JSFM` Adjust the behavior of `nextTick` to improve compatibility.
+* `bugfix` `iOS` bugfix boxshadow render abnormal ([#791](https://github.com/apache/incubator-weex/pull/791))
+* `bugfix` `iOS` bugfix timer exposed on JSContxt ([#839](https://github.com/apache/incubator-weex/pull/839))
+* `bugfix` `iOS` fix iOS8 scrollview’s assign delegate crash ([#838](https://github.com/apache/incubator-weex/pull/838))
+* `bugfix` `iOS` fix setViewport:sometimes doesn’t work([#843](https://github.com/apache/incubator-weex/pull/843))
+* `bugfix` `iOS` fix addEvent lead to generate a new view while it as been recycled ([#837](https://github.com/apache/incubator-weex/pull/837))
+* `bugfix` `iOS` fix about setting nan frame crash ([#853](https://github.com/apache/incubator-weex/pull/853))
+* `bugfix` `iOS` disable tableview estimation row or section height which make list component behavior abnormal ([#867](https://github.com/apache/incubator-weex/pull/867))
+* `bugfix` `Android` Fix that moveElement doesn’t work when parent is not a list ([#805](https://github.com/apache/incubator-weex/pull/805))
+* `bugfix` `Android` Fix flicker caused by coexistence of box-shadow and border-radius (#[780](https://github.com/apache/incubator-weex/pull/780))
+* `bugfix` `Android` Fix android new Date() cannot get accuracy time ([#753](https://github.com/apache/incubator-weex/pull/753))
+* `bugfix` `H5` Fix scroll event listenning and scrollToElement on chrome for the latest version ([#827](https://github.com/apache/incubator-weex/pull/827)).
 
 ## v0.16
 -----
@@ -87,7 +114,7 @@ https://github.com/apache/incubator-weex/commit/f50fba8647c8bb6ac522b1a4569a2a22
 [apache/incubator-weex/pull/149|https://github.com/apache/incubator-weex/pull/149]
 
 - Native input/textarea enhancement by kfeagle &  misakuo
-support `number` data type; support soft keyboard event 
+support `number` data type; support soft keyboard event
 
 - Picker module enhancement
 More picker options to customize picker dialog style(background color etc.). Related pull requests: [apache/incubator-weex/pull/234|https://github.com/apache/incubator-weex/pull/234], [apache/incubator-weex/pull/233|https://github.com/apache/incubator-weex/pull/233]
@@ -99,46 +126,46 @@ Seperate module code by action, increasing the maintainability.
 ## v0.10.0
 ------
 - New Feature
-  - Support Vue.js  
-    The Vue.js 2.1.8 ([runtime-only build](https://vuejs.org/v2/guide/installation.html#Standalone-vs-Runtime-only-Build)) is in WeexSDK now. You can use Vue.js to build native app by WeexSDK 0.10.0.  
-    We reused the original native render engine and developed a new renderer ([weex-vue-render](https://www.npmjs.com/package/weex-vue-render)) for the web platform, which is based on Vue 2.0.  
+  - Support Vue.js
+    The Vue.js 2.1.8 ([runtime-only build](https://vuejs.org/v2/guide/installation.html#Standalone-vs-Runtime-only-Build)) is in WeexSDK now. You can use Vue.js to build native app by WeexSDK 0.10.0.
+    We reused the original native render engine and developed a new renderer ([weex-vue-render](https://www.npmjs.com/package/weex-vue-render)) for the web platform, which is based on Vue 2.0.
     The former front-end framework (commonly known as `.we`), which is inspired by Vue 1.0, is deprecated. Although it still works well in this release, we suggest to migrate it to Vue 2.0.
   - SDK
     - New CSS support
-      - [text `font-weight`](https://weex-project.io/references/text-style.html)  
+      - [text `font-weight`](https://weex-project.io/references/text-style.html)
         `font-weight` can set to [`normal`|`bold`] or 100-900.
-      - gradient  
-        like CSS3, now you can use gradient in Weex. For example:   
-        
+      - gradient
+        like CSS3, now you can use gradient in Weex. For example:
+
         ``` css
         background-image: linear-gradient(to right, blue, white);
         ```
         ![img_1695](https://cloud.githubusercontent.com/assets/115201/23015955/ba075876-f46f-11e6-9d88-2ca3096551b9.jpeg)
         [Read more about gradient](https://weex-project.io/references/common-style.html).
-      - Pseudo class  
-        Currently, Weex supports 4 pseudo classes:`active`, `focus`, `disabled`, `enabled`. 
+      - Pseudo class
+        Currently, Weex supports 4 pseudo classes:`active`, `focus`, `disabled`, `enabled`.
     - New BroadcastChannel API
-      Developers can use `BroadcastChannel` API to implement inter-instance communication.   
-      
+      Developers can use `BroadcastChannel` API to implement inter-instance communication.
+
       ``` js
       const Stack = new BroadcastChannel('Avengers')
       Stack.onmessage = function (event) {
         console.log(event.data) // in this case, it's "Hulk Smash !!!"
       }
-      
+
       // in another instance
       const Hulk = new BroadcastChannel('Avengers')
       Hulk.postMessage("Hulk Smash !!!")
       ```
     - Image's `onload` event add [`naturalHeight` and `naturalWidthimage`](https://weex-project.io/references/components/image.html) to get the original size of image file.
-    - Websocket Support  
-      WebSockets is an advanced technology that makes it possible to open an interactive communication session between the user's h5/iOS/android and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.  
+    - Websocket Support
+      WebSockets is an advanced technology that makes it possible to open an interactive communication session between the user's h5/iOS/android and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.
       [Read more about Weex's websocket.](https://weex-project.io/cn/references/modules/websocket.html)
     - Support synchronous method call
       Both module and component method can defined synchronous method exposed to JS runtime now. Means native will invoke these method in JS thread directly.
     - Support `viewport` configuration
-      Similar to [W3C specification](https://drafts.csswg.org/css-device-adapt/#viewport-meta), Weex support set define `viewport` in script tag:   
-      
+      Similar to [W3C specification](https://drafts.csswg.org/css-device-adapt/#viewport-meta), Weex support set define `viewport` in script tag:
+
       ``` html
       <script type="config">
         {
@@ -148,9 +175,9 @@ Seperate module code by action, increasing the maintainability.
         }
       </script>
       ```
-  - Tools   
+  - Tools
     - [Devtools](https://github.com/weexteam/weex-devtool)
-      - Support Vue 2.0 debugging.  
+      - Support Vue 2.0 debugging.
       - Add network switch for network inspector.
       - Make application capable to decide which bundle is 'un-debuggable', which means page's source code is unreadable in debug mode.
     - [Weexpack](https://github.com/weexteam/weex-pack)
@@ -165,7 +192,7 @@ Seperate module code by action, increasing the maintainability.
 - New features
   - SDK
     - New API to get Component's size and position:
-      Now you can get these data through `getComponentRect`:   
+      Now you can get these data through `getComponentRect`:
       ``` javascript
       var dom = require('@weex-module/dom');
       dom.getComponentRect(this.$el('comp_id'), function(data){
@@ -174,7 +201,7 @@ Seperate module code by action, increasing the maintainability.
       });
       ```
       The `data` callback parameter contains a `result` to tell if operation is success. And `size` tell you the true data(`bottom`/`top`/`left`/`right`/`width`/`height`) of component.
-    - A brand new `picker` module. We have 'single-picker','date-picker' and 'time-picker' currently, and more common pickers are on the way.  
+    - A brand new `picker` module. We have 'single-picker','date-picker' and 'time-picker' currently, and more common pickers are on the way.
       ![img_1282](https://cloud.githubusercontent.com/assets/115201/21414801/e6341b36-c83d-11e6-9e5a-3acdabb592ee.png)
     There are two ways to use `picker`
     - Use `picker` module directly:
@@ -211,7 +238,7 @@ Seperate module code by action, increasing the maintainability.
   - Components can expose methods too, like modules do. Developers use the same way as create module method to achieve that.
   -  Add `blur` and `focus` method to manually control `input` component to lose or get focus.
   -  Support relative URL, which will resolve real URL by bundle's URL.
-  -  Core javascript framework's unit test coverage is 100% now. we'll pay more attention to quality.  
+  -  Core javascript framework's unit test coverage is 100% now. we'll pay more attention to quality.
   - DevTool
     - Support to check the node hierarchy in [weex-devtool-extension](https://github.com/weexteam/weex-devtool-extension) and highlight the node if it exceeds an specified level.
     - Support different refresh mode in devtools to reload the page or SDK automatically when source file updated.
@@ -247,11 +274,11 @@ Seperate module code by action, increasing the maintainability.
   - Add [weex-pack](https://github.com/weexteam/weex-pack), our next generation of engineering development kits. It allows developers to create weex projects with simple commands and run the project on different development platforms.
   - Add [weex-devtool-extension](https://github.com/weexteam/weex-devtool-extension), a extension for Weex devtool to improve your debug experience,which equivalent an element tag for debugger page.
   - Move devtool to separate [iOS](https://github.com/weexteam/weex-devtool-iOS) and [Android](https://github.com/weexteam/weex_devtools_android) repos.
-    - Add "screencast" which enable the screen of the device(or monitor) to appear on the "Inspector" page; 
-    - Add "remote control" function, in Android user could control remote device(or monitor) when he moves mouse on screencast; 
-    - Add "select element" function which enable the user to find the exact node in "Elements" inspector Tab when he click the mouse on screencast;  
-    - Add "vdom inspector", so user can choose to see the details of native dom or vdom in "Elements" Tab at his preference; 
-    - Adjust interfaces with weex SDK to support "callAddElement"; 
+    - Add "screencast" which enable the screen of the device(or monitor) to appear on the "Inspector" page;
+    - Add "remote control" function, in Android user could control remote device(or monitor) when he moves mouse on screencast;
+    - Add "select element" function which enable the user to find the exact node in "Elements" inspector Tab when he click the mouse on screencast;
+    - Add "vdom inspector", so user can choose to see the details of native dom or vdom in "Elements" Tab at his preference;
+    - Adjust interfaces with weex SDK to support "callAddElement";
 
 
 ## v0.7.0
@@ -269,8 +296,8 @@ Seperate module code by action, increasing the maintainability.
   - Use `callNative` signal to stop JSFM render after instance been destroyed
   - Lazily initialize JSFM When device is in low-memory status, improve SDK stability
 - [Tools](http://alibaba.github.io/weex/doc/tools/devtools.html)
-  - Support debugging  weex(.we) and  react(.jsx) source 
-  - Support apps debugging on the same device 
+  - Support debugging  weex(.we) and  react(.jsx) source
+  - Support apps debugging on the same device
   - Support "watch" feature
   - Solve the dependency on Debugger, user could start "Inspector" first or "Debugger" at will
   - Add "refresh" function in sdk, user could inspect new file by scanning its QR code in playground;
@@ -283,8 +310,8 @@ Seperate module code by action, increasing the maintainability.
   2. [Lifecycle Page Event](https://github.com/alibaba/weex/blob/v0.6.1/doc/references/common-event.md#page-event): viewappear, viewdisappear
   3. [fetch](https://github.com/alibaba/weex/blob/v0.6.1/doc/modules/stream.md#fetchoptions-callbackprogresscallback)
   4. [line-height](https://github.com/alibaba/weex/blob/v0.6.1/doc/components/text.md#styles)
-  5. [list component](https://github.com/alibaba/weex/blob/v0.6.1/doc/components/list.md) 
-     - support sticky header 
+  5. [list component](https://github.com/alibaba/weex/blob/v0.6.1/doc/components/list.md)
+     - support sticky header
      - support scrollToElement API
      - support nested horizontal scroller
      - support cell children nodes event: appear/disappear
@@ -298,7 +325,7 @@ Seperate module code by action, increasing the maintainability.
   1. [weex-toolkit](https://www.npmjs.com/package/weex-toolkit) supports require and generator
   2. Playground supports runtime performance viewer
   3. [Weex DevTools](https://github.com/alibaba/weex/blob/v0.6.1/doc/tools/devtools.md)
-     
+
      <img src="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png" width="600">
 
 
@@ -321,4 +348,4 @@ Seperate module code by action, increasing the maintainability.
    4. [New Repeat Syntax](https://github.com/alibaba/weex/blob/dev/doc/syntax/display-logic.md#a-extension-of-repeat-syntax) is easy to access the key or value of repeated object.
 
 
-------
\ No newline at end of file
+------

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2e3b6668/source/releasenote.md
----------------------------------------------------------------------
diff --git a/source/releasenote.md b/source/releasenote.md
index 27eb441..14fd16c 100644
--- a/source/releasenote.md
+++ b/source/releasenote.md
@@ -4,8 +4,6 @@ type: releasenote
 layout: post
 ---
 
-# Release Note
-
 ## v0.17
 ---
 
@@ -117,7 +115,7 @@ https://github.com/apache/incubator-weex/commit/f50fba8647c8bb6ac522b1a4569a2a22
 [apache/incubator-weex/pull/149|https://github.com/apache/incubator-weex/pull/149]
 
 - Native input/textarea enhancement by kfeagle &  misakuo
-support `number` data type; support soft keyboard event 
+support `number` data type; support soft keyboard event
 
 - Picker module enhancement
 More picker options to customize picker dialog style(background color etc.). Related pull requests: [apache/incubator-weex/pull/234|https://github.com/apache/incubator-weex/pull/234], [apache/incubator-weex/pull/233|https://github.com/apache/incubator-weex/pull/233]
@@ -129,46 +127,46 @@ Seperate module code by action, increasing the maintainability.
 ## v0.10.0
 ------
 - New Feature
-  - Support Vue.js  
-    The Vue.js 2.1.8 ([runtime-only build](https://vuejs.org/v2/guide/installation.html#Standalone-vs-Runtime-only-Build)) is in WeexSDK now. You can use Vue.js to build native app by WeexSDK 0.10.0.  
-    We reused the original native render engine and developed a new renderer ([weex-vue-render](https://www.npmjs.com/package/weex-vue-render)) for the web platform, which is based on Vue 2.0.  
+  - Support Vue.js
+    The Vue.js 2.1.8 ([runtime-only build](https://vuejs.org/v2/guide/installation.html#Standalone-vs-Runtime-only-Build)) is in WeexSDK now. You can use Vue.js to build native app by WeexSDK 0.10.0.
+    We reused the original native render engine and developed a new renderer ([weex-vue-render](https://www.npmjs.com/package/weex-vue-render)) for the web platform, which is based on Vue 2.0.
     The former front-end framework (commonly known as `.we`), which is inspired by Vue 1.0, is deprecated. Although it still works well in this release, we suggest to migrate it to Vue 2.0.
   - SDK
     - New CSS support
-      - [text `font-weight`](https://weex-project.io/references/text-style.html)  
+      - [text `font-weight`](https://weex-project.io/references/text-style.html)
         `font-weight` can set to [`normal`|`bold`] or 100-900.
-      - gradient  
-        like CSS3, now you can use gradient in Weex. For example:   
-        
+      - gradient
+        like CSS3, now you can use gradient in Weex. For example:
+
         ``` css
         background-image: linear-gradient(to right, blue, white);
         ```
         ![img_1695](https://cloud.githubusercontent.com/assets/115201/23015955/ba075876-f46f-11e6-9d88-2ca3096551b9.jpeg)
         [Read more about gradient](https://weex-project.io/references/common-style.html).
-      - Pseudo class  
-        Currently, Weex supports 4 pseudo classes:`active`, `focus`, `disabled`, `enabled`. 
+      - Pseudo class
+        Currently, Weex supports 4 pseudo classes:`active`, `focus`, `disabled`, `enabled`.
     - New BroadcastChannel API
-      Developers can use `BroadcastChannel` API to implement inter-instance communication.   
-      
+      Developers can use `BroadcastChannel` API to implement inter-instance communication.
+
       ``` js
       const Stack = new BroadcastChannel('Avengers')
       Stack.onmessage = function (event) {
         console.log(event.data) // in this case, it's "Hulk Smash !!!"
       }
-      
+
       // in another instance
       const Hulk = new BroadcastChannel('Avengers')
       Hulk.postMessage("Hulk Smash !!!")
       ```
     - Image's `onload` event add [`naturalHeight` and `naturalWidthimage`](https://weex-project.io/references/components/image.html) to get the original size of image file.
-    - Websocket Support  
-      WebSockets is an advanced technology that makes it possible to open an interactive communication session between the user's h5/iOS/android and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.  
+    - Websocket Support
+      WebSockets is an advanced technology that makes it possible to open an interactive communication session between the user's h5/iOS/android and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.
       [Read more about Weex's websocket.](https://weex-project.io/cn/references/modules/websocket.html)
     - Support synchronous method call
       Both module and component method can defined synchronous method exposed to JS runtime now. Means native will invoke these method in JS thread directly.
     - Support `viewport` configuration
-      Similar to [W3C specification](https://drafts.csswg.org/css-device-adapt/#viewport-meta), Weex support set define `viewport` in script tag:   
-      
+      Similar to [W3C specification](https://drafts.csswg.org/css-device-adapt/#viewport-meta), Weex support set define `viewport` in script tag:
+
       ``` html
       <script type="config">
         {
@@ -178,9 +176,9 @@ Seperate module code by action, increasing the maintainability.
         }
       </script>
       ```
-  - Tools   
+  - Tools
     - [Devtools](https://github.com/weexteam/weex-devtool)
-      - Support Vue 2.0 debugging.  
+      - Support Vue 2.0 debugging.
       - Add network switch for network inspector.
       - Make application capable to decide which bundle is 'un-debuggable', which means page's source code is unreadable in debug mode.
     - [Weexpack](https://github.com/weexteam/weex-pack)
@@ -195,7 +193,7 @@ Seperate module code by action, increasing the maintainability.
 - New features
   - SDK
     - New API to get Component's size and position:
-      Now you can get these data through `getComponentRect`:   
+      Now you can get these data through `getComponentRect`:
       ``` javascript
       var dom = require('@weex-module/dom');
       dom.getComponentRect(this.$el('comp_id'), function(data){
@@ -204,7 +202,7 @@ Seperate module code by action, increasing the maintainability.
       });
       ```
       The `data` callback parameter contains a `result` to tell if operation is success. And `size` tell you the true data(`bottom`/`top`/`left`/`right`/`width`/`height`) of component.
-    - A brand new `picker` module. We have 'single-picker','date-picker' and 'time-picker' currently, and more common pickers are on the way.  
+    - A brand new `picker` module. We have 'single-picker','date-picker' and 'time-picker' currently, and more common pickers are on the way.
       ![img_1282](https://cloud.githubusercontent.com/assets/115201/21414801/e6341b36-c83d-11e6-9e5a-3acdabb592ee.png)
     There are two ways to use `picker`
     - Use `picker` module directly:
@@ -241,7 +239,7 @@ Seperate module code by action, increasing the maintainability.
   - Components can expose methods too, like modules do. Developers use the same way as create module method to achieve that.
   -  Add `blur` and `focus` method to manually control `input` component to lose or get focus.
   -  Support relative URL, which will resolve real URL by bundle's URL.
-  -  Core javascript framework's unit test coverage is 100% now. we'll pay more attention to quality.  
+  -  Core javascript framework's unit test coverage is 100% now. we'll pay more attention to quality.
   - DevTool
     - Support to check the node hierarchy in [weex-devtool-extension](https://github.com/weexteam/weex-devtool-extension) and highlight the node if it exceeds an specified level.
     - Support different refresh mode in devtools to reload the page or SDK automatically when source file updated.
@@ -277,11 +275,11 @@ Seperate module code by action, increasing the maintainability.
   - Add [weex-pack](https://github.com/weexteam/weex-pack), our next generation of engineering development kits. It allows developers to create weex projects with simple commands and run the project on different development platforms.
   - Add [weex-devtool-extension](https://github.com/weexteam/weex-devtool-extension), a extension for Weex devtool to improve your debug experience,which equivalent an element tag for debugger page.
   - Move devtool to separate [iOS](https://github.com/weexteam/weex-devtool-iOS) and [Android](https://github.com/weexteam/weex_devtools_android) repos.
-    - Add "screencast" which enable the screen of the device(or monitor) to appear on the "Inspector" page; 
-    - Add "remote control" function, in Android user could control remote device(or monitor) when he moves mouse on screencast; 
-    - Add "select element" function which enable the user to find the exact node in "Elements" inspector Tab when he click the mouse on screencast;  
-    - Add "vdom inspector", so user can choose to see the details of native dom or vdom in "Elements" Tab at his preference; 
-    - Adjust interfaces with weex SDK to support "callAddElement"; 
+    - Add "screencast" which enable the screen of the device(or monitor) to appear on the "Inspector" page;
+    - Add "remote control" function, in Android user could control remote device(or monitor) when he moves mouse on screencast;
+    - Add "select element" function which enable the user to find the exact node in "Elements" inspector Tab when he click the mouse on screencast;
+    - Add "vdom inspector", so user can choose to see the details of native dom or vdom in "Elements" Tab at his preference;
+    - Adjust interfaces with weex SDK to support "callAddElement";
 
 
 ## v0.7.0
@@ -299,8 +297,8 @@ Seperate module code by action, increasing the maintainability.
   - Use `callNative` signal to stop JSFM render after instance been destroyed
   - Lazily initialize JSFM When device is in low-memory status, improve SDK stability
 - [Tools](http://alibaba.github.io/weex/doc/tools/devtools.html)
-  - Support debugging  weex(.we) and  react(.jsx) source 
-  - Support apps debugging on the same device 
+  - Support debugging  weex(.we) and  react(.jsx) source
+  - Support apps debugging on the same device
   - Support "watch" feature
   - Solve the dependency on Debugger, user could start "Inspector" first or "Debugger" at will
   - Add "refresh" function in sdk, user could inspect new file by scanning its QR code in playground;
@@ -313,8 +311,8 @@ Seperate module code by action, increasing the maintainability.
   2. [Lifecycle Page Event](https://github.com/alibaba/weex/blob/v0.6.1/doc/references/common-event.md#page-event): viewappear, viewdisappear
   3. [fetch](https://github.com/alibaba/weex/blob/v0.6.1/doc/modules/stream.md#fetchoptions-callbackprogresscallback)
   4. [line-height](https://github.com/alibaba/weex/blob/v0.6.1/doc/components/text.md#styles)
-  5. [list component](https://github.com/alibaba/weex/blob/v0.6.1/doc/components/list.md) 
-     - support sticky header 
+  5. [list component](https://github.com/alibaba/weex/blob/v0.6.1/doc/components/list.md)
+     - support sticky header
      - support scrollToElement API
      - support nested horizontal scroller
      - support cell children nodes event: appear/disappear
@@ -328,7 +326,7 @@ Seperate module code by action, increasing the maintainability.
   1. [weex-toolkit](https://www.npmjs.com/package/weex-toolkit) supports require and generator
   2. Playground supports runtime performance viewer
   3. [Weex DevTools](https://github.com/alibaba/weex/blob/v0.6.1/doc/tools/devtools.md)
-     
+
      <img src="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png" width="600">
 
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2e3b6668/themes/weex/layout/_partial/header.ejs
----------------------------------------------------------------------
diff --git a/themes/weex/layout/_partial/header.ejs b/themes/weex/layout/_partial/header.ejs
index 1bfbb8d..4353a01 100644
--- a/themes/weex/layout/_partial/header.ejs
+++ b/themes/weex/layout/_partial/header.ejs
@@ -5,16 +5,16 @@
     </a>
     <div class="main-nav">
       <ul class="links">
-        <li class="<%= page.path.match(/\/?guide\/?/i) ? 'current': '' %>">
+        <li class="<%= page.path.match(/\/?guide\//i) ? 'current': '' %>">
           <a href="<%= url_for_lang('guide') %>"><%= _p('menu.guide') %></a>
         </li>
-        <li class="<%= page.path.match(/\/?references\/?/i) ? 'current': '' %>">
+        <li class="<%= page.path.match(/\/?references\//i) ? 'current': '' %>">
           <a href="<%= url_for_lang('references') %>"><%= _p('menu.references') %></a>
         </li>
-        <li class="<%= page.path.match(/\/?wiki\/?/i) ? 'current': '' %>">
+        <li class="<%= page.path.match(/\/?wiki\//i) ? 'current': '' %>">
           <a href="<%= url_for_lang('wiki') %>"><%= _p('menu.wiki') %></a>
         </li>
-        <li class="dropdown <%= page.path.match(/\/?tools\/?/i) ? 'current': '' %>">
+        <li class="dropdown <%= page.path.match(/\/?tools\//i) ? 'current': '' %>">
           <a><%= _p('menu.tools') %></a>
           <ul class="dropdown-menu subnav">
             <li>
@@ -34,7 +34,7 @@
             </li>
           </ul>
         </li>
-        <li class="dropdown <%= page.path.match(/\/?community\/?/i) ? 'current': '' %>">
+        <li class="dropdown <%= page.path.match(/\/?community\//i) ? 'current': '' %>">
           <a href="javascript:;"><%= _p('menu.community') %></a>
           <ul class="dropdown-menu subnav">
             <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/2e3b6668/themes/weex/layout/post.ejs
----------------------------------------------------------------------
diff --git a/themes/weex/layout/post.ejs b/themes/weex/layout/post.ejs
index 260fea0..724e749 100644
--- a/themes/weex/layout/post.ejs
+++ b/themes/weex/layout/post.ejs
@@ -1,3 +1,5 @@
-<div class="wrapper article-wrapper post-layout">
-  <%- partial('_partial/article', {post: page, index: false}) %>
-</div>
\ No newline at end of file
+<div class="main-content">
+  <div class="wrapper article-wrapper post-layout">
+    <%- partial('_partial/article', {post: page, index: false}) %>
+  </div>
+</div>