You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ji...@apache.org on 2017/02/20 06:41:08 UTC

[19/50] [abbrv] incubator-weex git commit: V0.10.0 stable gitlab (#178)

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-html5/README.md
----------------------------------------------------------------------
diff --git a/dist/weex-html5/README.md b/dist/weex-html5/README.md
deleted file mode 100644
index f82f237..0000000
--- a/dist/weex-html5/README.md
+++ /dev/null
@@ -1,158 +0,0 @@
-## weex-html5
-
-### Intro
-
-Weex is a solution for developers to build a world-class projects on multiple platforms (include both native and web platforms) based on html-css-javascript liked domain specific language. Weex is focused on lightweight, extendable and high performance, and the finally destination -- write once, run anywhere.
-
-The dot we code transformed to weex bundle can currently run on android, ios and web platform. Weex HTML5 is a renderer for weex bundle to run in a webview or a browser environment.
-
-### Get Weex HTML5
-
-Use npm to install the latest version of Weex HTML5, require it from your code in the commonJS way and use it as a npm package. You can import Weex HTML5 from the javascript file as in the node modules' path `node_modules/weex-html5/dist/weex.js`, as in this way you don't need to require weex-jsframework manually since it is already embeded.
-
-#### Install from npm
-
-Make sure you get the latest version by `npm install` or `npm update`. Want more info about npm cmd? Please checkout the [npm official site](https://docs.npmjs.com/).
-
-```
-npm install weex-html5
-```
-
-#### use weex-html5
-
-require weex-html5.
-
-```
-require('weex-html5');
-```
-
-or you can import script from `dist/weex.js`
-
-This `weex.js` includes both `weex-jsframework` and `weex-html5`.
-
-```
- <script src="./node_modules/weex-html5/dist/weex"></script>
-```
-
-Then you can use `window.weex` in the page.
-
-### DEMO
-
-In the root path of `node_modules/weex-html5`, the index page can show a simple demo whos source code is in the path `node_modules/weex-html5/demo/index.we`.
-
-### Initialize
-
-Once you have imported the weex-html5 into your page, you can use `window.weex` to initialize weex through the API ``init``. This method takes a config object as argument to confirm the runtime infomation and environment. Following parameters can be set by this config object:
-
-* ``appId``: app instance id, can be either a string or a number
-* ``source``: the requested url of weex bundle, or the transformed code it self.
-* ``loader``: loader to load the request weex bundle, whose value is from 'xhr' or 'jsonp' or 'source'.
-  * ``xhr``: load the source (weex bundle url) by XHR
-  * ``source``: the source parameter above should be a weex bundle content (transformed bundle).
-* ``rootId``: id of the root element. Default value is 'weex'.
-
-Here is a example to do the initialzation:
-
-```
-(function () {
-  function getUrlParam (key) {
-    var reg = new RegExp('[?|&]' + key + '=([^&]+)')
-    var match = location.search.match(reg)
-    return match && match[1]
-  }
-
-  var loader = getUrlParam('loader') || 'xhr'
-  var page = getUrlParam('page') || 'demo/build/index.js'
-
-  window.weex.init({
-    appId: location.href,
-    loader: loader,
-    source: page,
-    rootId: 'weex'
-  })
-})();
-```
-
-### Initialize with multiple instances
-
-```
-var weexConfig = [{
-  appId: 'weexCt1',
-  source: '//your-source-provider/bundle1.js',
-  loader: 'xhr',
-  width: document.querySelector('#weexCt1').getBoundingClientRect().width,
-  rootId: 'weexCt1'
-}, {
-  appId: 'weexCt2',
-  source: '//your-source-provider/bundle2.js',
-  loader: 'xhr',
-  width: document.querySelector('#weexCt2').getBoundingClientRect().width,
-  rootId: 'weexCt2'
-}]
-
-function weexInit() { 
-  // Init with multiple config objects for multiple instances.
-  window.weex.init(weexConfig)
-}
-
-weexInit()
-```
-
-### Extend
-
-Weex is a extendable framework. You can extend the components and APIs by using the methods like `Weex.install`. Here are the ways to extend your components and APIs.
-
-#### Extend the component
-
-Let's say, you want to extend a component `MyComponent` from the base class `Weex.Componnet`. You can firstly create a installer with a `init` method to register your component, then require this module and install it by using `Weex.install`.
-
-```
-// MyComponent.js
-module.exports = {
-  init: function (Weex) {
-    function MyComponent(data) {
-      // ...
-      Weex.Component.call(this, data)
-    }
-    Weex.Component.prototype = Object.create(MyComponent)
-    Weex.Component.prototype.myMethod = function () {
-      // ...
-    }
-    Weex.registerComponent('MyComponent', MyComponent)
-  }
-}
-
-var weex = require('weex-html5')
-weex.install(require('./MyComponent.js'))
-```
-
-#### Extend the API
-
-```
-// myAPIModule.js
-var myAPIModule = {
-  hello: function() {
-    nativeLog('hello world!')
-  }
-}
-myAPIModule._meta = {
-  myAPIModule: [{
-    name: 'hello',
-    args: []
-  }]
-}
-module.exports = {
-  init: function (Weex) {
-    Weex.registerApiModule('myAPIModule', myAPIModule, myAPIModule._meta)
-  }
-}
-
-var weex = require('weex-html5')
-weex.install(require('./myAPIModule.js'))
-```
-
-### MORE
-
-* More info: [Weex official site](http://alibaba.github.io/weex/)
-* Document : [Weex DOC](http://alibaba.github.io/weex/doc/)
-

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-html5/demo/build/index.js
----------------------------------------------------------------------
diff --git a/dist/weex-html5/demo/build/index.js b/dist/weex-html5/demo/build/index.js
deleted file mode 100644
index 84a8053..0000000
--- a/dist/weex-html5/demo/build/index.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/  // The module cache
-/******/  var installedModules = {};
-
-/******/  // The require function
-/******/  function __webpack_require__(moduleId) {
-
-/******/    // Check if module is in cache
-/******/    if(installedModules[moduleId])
-/******/      return installedModules[moduleId].exports;
-
-/******/    // Create a new module (and put it into the cache)
-/******/    var module = installedModules[moduleId] = {
-/******/      exports: {},
-/******/      id: moduleId,
-/******/      loaded: false
-/******/    };
-
-/******/    // Execute the module function
-/******/    modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-
-/******/    // Flag the module as loaded
-/******/    module.loaded = true;
-
-/******/    // Return the exports of the module
-/******/    return module.exports;
-/******/  }
-
-
-/******/  // expose the modules object (__webpack_modules__)
-/******/  __webpack_require__.m = modules;
-
-/******/  // expose the module cache
-/******/  __webpack_require__.c = installedModules;
-
-/******/  // __webpack_public_path__
-/******/  __webpack_require__.p = "";
-
-/******/  // Load entry module and return exports
-/******/  return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports) {
-
-  ;__weex_define__("@weex-component/9f052b677df388810d2a0255e3195397", [], function(__weex_require__, __weex_exports__, __weex_module__){
-
-  ;
-    __weex_module__.exports = {
-      data: function () {return {
-        ctHeight: 800,
-        img: '//gw.alicdn.com/tps/i2/TB1DpsmMpXXXXabaXXX20ySQVXX-512-512.png_400x400.jpg'
-      }},
-      ready: function () {
-        this.ctHeight = this.$getConfig().env.deviceHeight
-      }
-    }
-
-  ;__weex_module__.exports.template = __weex_module__.exports.template || {}
-  ;Object.assign(__weex_module__.exports.template, {
-    "type": "div",
-    "classList": [
-      "ct"
-    ],
-    "style": {
-      "height": function () {return this.ctHeight}
-    },
-    "children": [
-      {
-        "type": "image",
-        "classList": [
-          "img"
-        ],
-        "style": {
-          "width": 400,
-          "height": 400
-        },
-        "attr": {
-          "src": function () {return this.img}
-        }
-      },
-      {
-        "type": "text",
-        "style": {
-          "fontSize": 42
-        },
-        "attr": {
-          "value": "Hello Weex !"
-        }
-      }
-    ]
-  })
-  ;__weex_module__.exports.style = __weex_module__.exports.style || {}
-  ;Object.assign(__weex_module__.exports.style, {
-    "ct": {
-      "width": 750,
-      "alignItems": "center",
-      "justifyContent": "center"
-    },
-    "img": {
-      "marginBottom": 20
-    }
-  })
-  })
-  ;__weex_bootstrap__("@weex-component/9f052b677df388810d2a0255e3195397", {
-    "transformerVersion": "0.3.1"
-  },undefined)
-
-/***/ }
-/******/ ]);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-html5/demo/index.we
----------------------------------------------------------------------
diff --git a/dist/weex-html5/demo/index.we b/dist/weex-html5/demo/index.we
deleted file mode 100644
index f11e17f..0000000
--- a/dist/weex-html5/demo/index.we
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <div class="ct" style="height: {{ctHeight}}">
-    <image class="img" style="width: 400px; height: 400px;" src="{{img}}"></image>
-    <text style="font-size: 42;">Hello Weex !</text>
-  </div>
-</template>
-
-<style>
-  .ct {
-    width: 750;
-    align-items: center;
-    justify-content: center;
-  }
-  .img {
-    margin-bottom: 20px;
-  }
-</style>
-
-<script>
-  module.exports = {
-    data: {
-      ctHeight: 800,
-      img: '//gw.alicdn.com/tps/i2/TB1DpsmMpXXXXabaXXX20ySQVXX-512-512.png_400x400.jpg'
-    },
-    ready: function () {
-      this.ctHeight = this.$getConfig().env.deviceHeight
-    }
-  }
-</script>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-html5/index.html
----------------------------------------------------------------------
diff --git a/dist/weex-html5/index.html b/dist/weex-html5/index.html
deleted file mode 100644
index 2a4c868..0000000
--- a/dist/weex-html5/index.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>Weex HTML5</title>
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <meta name="apple-touch-fullscreen" content="yes" />
-  <meta name="format-detection" content="telephone=no, email=no" />
-  <style>
-    html, body, #weex {
-      width: 100%;
-      height: 100%;
-    }
-  </style>
-  <!--flexible-->
-  <script>
-  !function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("The page size will be adapted by the <meta> info.");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttrib
 ute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));
-  </script>
-  <script src="./dist/weex.js"></script>
-</head>
-<body>
-  <div id="weex"></div>
-  <script>
-  /**
-   * Init weex instance depending on the url params.
-   * There are three ways to load weex bundles, depends on the
-   * parameter 'loader' in the url:
-   *
-   *   + xhr: use XMLHttpRequest. Parameter 'page' should be
-   *   the bundle's url.
-   *   + source: use the transformed code itself. 'page' should
-   *   be the transformed weex bundle.
-   *
-   * @param {String} bundle - It has different meaning depends on
-   *   the type of loader.
-   */
-  (function () {
-    function getUrlParam (key) {
-      var reg = new RegExp('[?|&]' + key + '=([^&]+)')
-      var match = location.search.match(reg)
-      return match && match[1]
-    }
-
-    var loader = getUrlParam('loader') || 'xhr'
-    var page = getUrlParam('page') || 'demo/build/index.js'
-
-    window.weex.init({
-      appId: location.href,
-      loader: loader,
-      source: page,
-      rootId: 'weex'
-    })
-  })();
-  </script>
-</body>
-</html>

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-html5/package.json
----------------------------------------------------------------------
diff --git a/dist/weex-html5/package.json b/dist/weex-html5/package.json
deleted file mode 100644
index 509e586..0000000
--- a/dist/weex-html5/package.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "name": "weex-html5",
-  "version": "0.3.2",
-  "description": "Weex HTML5 Renderer",
-  "main": "dist/weex.common.js",
-  "repository": {
-    "type": "git",
-    "url": "git+ssh://git@github.com/alibaba/weex.git"
-  },
-  "keywords": [
-    "weex",
-    "html5"
-  ],
-  "author": {
-    "name": "mr.raindrop"
-  },
-  "license": "Apache-2.0",
-  "homepage": "https://alibaba.github.io/weex",
-  "readmeFilename": "README.md",
-  "bugs": {
-    "url": "https://github.com/alibaba/weex/issues"
-  }
-}

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-js-framework/LICENSE
----------------------------------------------------------------------
diff --git a/dist/weex-js-framework/LICENSE b/dist/weex-js-framework/LICENSE
deleted file mode 100644
index a9b2d6e..0000000
--- a/dist/weex-js-framework/LICENSE
+++ /dev/null
@@ -1,202 +0,0 @@
-
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright 2016 Alibaba Group
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-js-framework/NOTICE
----------------------------------------------------------------------
diff --git a/dist/weex-js-framework/NOTICE b/dist/weex-js-framework/NOTICE
deleted file mode 100644
index 2bf775b..0000000
--- a/dist/weex-js-framework/NOTICE
+++ /dev/null
@@ -1,7 +0,0 @@
-Weex JS Framework
-Copyright 2016 Alibaba Group
-
-This product includes software developed at Alibaba Group. (http://www.alibabagroup.com)
-
-This product contains software vuejs(https://github.com/vuejs/vue) developed
-by Yuxi Evan You , licensed under the MIT License.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-js-framework/README.md
----------------------------------------------------------------------
diff --git a/dist/weex-js-framework/README.md b/dist/weex-js-framework/README.md
deleted file mode 100644
index edd2bea..0000000
--- a/dist/weex-js-framework/README.md
+++ /dev/null
@@ -1,8 +0,0 @@
-## Weex JS Framework
-
-See more: https://github.com/alibaba/weex/
-
-build tips:
-
-* use `babel-preset-es2015`
-* use `json-loader`

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-js-framework/index.js
----------------------------------------------------------------------
diff --git a/dist/weex-js-framework/index.js b/dist/weex-js-framework/index.js
deleted file mode 100644
index 37c9145..0000000
--- a/dist/weex-js-framework/index.js
+++ /dev/null
@@ -1 +0,0 @@
-import './src/render/native'

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/dist/weex-js-framework/package.json
----------------------------------------------------------------------
diff --git a/dist/weex-js-framework/package.json b/dist/weex-js-framework/package.json
deleted file mode 100644
index 289ca94..0000000
--- a/dist/weex-js-framework/package.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "name": "weex-js-framework",
-  "version": "0.16.18",
-  "subversion": {
-    "framework": "0.16.18",
-    "transformer": ">=0.1.5 <0.4"
-  },
-  "description": "Weex JS Framework",
-  "keywords": [
-    "weex",
-    "mvvm",
-    "javascript",
-    "html5"
-  ],
-  "homepage": "https://alibaba.github.io/weex",
-  "bugs": {
-    "url": "https://github.com/alibaba/weex/issues"
-  },
-  "license": "Apache-2.0",
-  "author": "Jinjiang <zh...@me.com>",
-  "maintainers": [
-    "terrykingcha <te...@gmail.com>",
-    "IskenHuang <is...@gmail.com>",
-    "yuanyan <yu...@gmail.com>"
-  ],
-  "main": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:alibaba/weex.git"
-  },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "dependencies": {
-    "core-js": "^2.4.0",
-    "semver": "^5.1.0",
-    "weex-vue-framework": "0.1.8"
-  }
-}

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/SUMMARY.md
----------------------------------------------------------------------
diff --git a/doc/SUMMARY.md b/doc/SUMMARY.md
index 5733b21..75d3ff8 100644
--- a/doc/SUMMARY.md
+++ b/doc/SUMMARY.md
@@ -35,6 +35,7 @@
     * [Bootstrap](/references/bootstrap.md)
     * [Component Definition](/references/component-defs.md)
     * [Instance APIs](/references/api.md)
+    * [Gesture](/references/gesture.md)
     * [Built-in Components](/components/main.md)
         * [Common Attributes](/references/common-attrs.md)
         * [Common Style](/references/common-style.md)
@@ -46,9 +47,11 @@
         * [scroller](/components/scroller.md)
         * [list](/components/list.md)
             * [cell](/components/cell.md)
+            * [refresh & loading](/components/refresh-loading.md)
         * [text](/components/text.md)
         * [image](/components/image.md)
         * [input](/components/input.md)
+        * [textarea](/components/textarea.md)
         * [switch](/components/switch.md)
         * [slider](/components/slider.md)
             * [indicator](/components/indicator.md)
@@ -67,6 +70,7 @@
         * [storage](/modules/storage.md)
         * [timer](/modules/timer.md)
         * [clipboard](/modules/clipboard.md)
+        * [globalEvent](/modules/globalevent.md)
     * Low-level Specs
         * [JS Bundle Format](/specs/js-bundle-format.md)
         * [JS Framework APIs](/specs/js-framework-apis.md)

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/_layouts/header.html
----------------------------------------------------------------------
diff --git a/doc/_layouts/header.html b/doc/_layouts/header.html
index cff2c95..3c97517 100644
--- a/doc/_layouts/header.html
+++ b/doc/_layouts/header.html
@@ -50,7 +50,7 @@ dl, ol, ul {
     margin-right: 5px;
     margin-left: 10px;    
     margin-top: 29px;    
-    background: url("http://alibaba.github.io/weex/img/weex_logo_blue@3x.png") no-repeat;
+    background: url("//alibaba.github.io/weex/img/weex_logo_blue@3x.png") no-repeat;
     height: 33px;
     width: 145px;
     background-position: 0px 0px;
@@ -149,9 +149,9 @@ a.weex-translate.incomplete{
 </style>
 
     <!-- 
-    <link rel="stylesheet"  href="//g.alicdn.com/mtb/lab-zikuan/0.1.3/weex/weex_doc.css" >
+    <link rel="stylesheet"  href="//alibaba.github.io/weex/css/weex_doc.css" >
 
-    <link rel="stylesheet"  href="http://127.0.0.1/taobao/weex-os/weex/doc/ali_addition/weex_doc.css" >
+    <link rel="stylesheet"  href="//alibaba.github.io/weex/doc/ali_addition/weex_doc.css" >
     -->
 
 <script>
@@ -235,30 +235,32 @@ contentLoaded(window,function(){
 </script>
 
     <!-- 
-    <script src="//g.alicdn.com/mtb/lab-zikuan/0.1.3/weex/weex_doc.js"></script>
-    <script src="http://127.0.0.1/taobao/weex-os/weex/doc/ali_addition/weex_doc.js"></script>
+    <script src="//alibaba.github.io/weex/css/weex_doc.js"></script>
+    <script src="//alibaba.github.io/weex/doc/ali_addition/weex_doc.js"></script>
     -->    
     
 <div class="weex-doc-header">
     <div class="top-bar">
-        <div class="top-bar-title" onclick="location='http://alibaba.github.io/weex/index.html'" ></div>                        
+        <div class="top-bar-title" onclick="location='//alibaba.github.io/weex/index.html'" ></div>
         <div class="top-bar-left">
             <ul  class="menu" role="menubar" >
                 <li role="menuitem">
-                    <a href='http://alibaba.github.io/weex/demo.html'>Showcase</a>                            
+                    <a href='//alibaba.github.io/weex/demo.html'>Showcase</a>
                 </li>
                 <li role="menuitem" >
-                    <a href="http://alibaba.github.io/weex/download.html">Download</a>
+                    <a href="//alibaba.github.io/weex/download.html">Download</a>
                 </li>
             </ul>
         </div>
         <div class="top-bar-right">
             <ul class="menu">
                 <li>
-                    <a href="https://github.com/alibaba/weex">
-                        <img class='github' src='//g.alicdn.com/mtb/lab-zikuan/0.1.1/weex/github.png' alt='github' >
+                    <a href="//github.com/alibaba/weex">
+                        <img class='github' src='//alibaba.github.io/weex/img/github.png' alt='github' >
                     </a>
-                 </li>
+                </li>
+                <li>
+                    <a href="//alibaba.github.io/weex/cn/doc/">\U0001f1e8\U0001f1f3</a>
                 </li>
             </ul>                    
         </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/extend-to-android.md
----------------------------------------------------------------------
diff --git a/doc/advanced/extend-to-android.md b/doc/advanced/extend-to-android.md
index c680434..b4bae71 100644
--- a/doc/advanced/extend-to-android.md
+++ b/doc/advanced/extend-to-android.md
@@ -1,6 +1,5 @@
 ##Extend to Android
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/27"  class="weex-translate">cn</a>
  
 ### Module extend
 weex sdk support Module extend,

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/extend-to-html5.md
----------------------------------------------------------------------
diff --git a/doc/advanced/extend-to-html5.md b/doc/advanced/extend-to-html5.md
index 8211ceb..05ae0fe 100644
--- a/doc/advanced/extend-to-html5.md
+++ b/doc/advanced/extend-to-html5.md
@@ -1,6 +1,5 @@
 ## Extend Weex HTML5
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/11"  class="weex-translate">cn</a>
 
 ### Intro
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/extend-to-ios.md
----------------------------------------------------------------------
diff --git a/doc/advanced/extend-to-ios.md b/doc/advanced/extend-to-ios.md
index 03d2e8a..a64adc3 100644
--- a/doc/advanced/extend-to-ios.md
+++ b/doc/advanced/extend-to-ios.md
@@ -1,5 +1,4 @@
 ##Extend to iOS
-<a href="https://github.com/weexteam/article/issues/17"  class="weex-translate">cn</a>
  
 ### Module extend
 
@@ -189,10 +188,10 @@ method| description
 initWithRef:type:...| Initializes a new component using the specified  properties. 
 layoutDidFinish | Called when the component has just laid out.
 loadView   | Creates the view that the component manages.  
-viewWillLoad | Called before the load of component'��s view .  
-viewDidLoad | Called after the component'��s view is loaded and set.
-viewWillUnload | Called just before releasing the component'��s view.
-viewDidUnload | Called when the component'��s view is released.
+viewWillLoad | Called before the load of component's view .  
+viewDidLoad | Called after the component's view is loaded and set.
+viewWillUnload | Called just before releasing the component's view.
+viewDidUnload | Called when the component's view is released.
 updateStyles:| Called when component's style are updated.
 updateAttributes:| Called when component's attributes are updated.
 addEvent:| Called when adding an event to the component.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/how-data-binding-works.md
----------------------------------------------------------------------
diff --git a/doc/advanced/how-data-binding-works.md b/doc/advanced/how-data-binding-works.md
index d78af56..d4ef613 100644
--- a/doc/advanced/how-data-binding-works.md
+++ b/doc/advanced/how-data-binding-works.md
@@ -1,6 +1,5 @@
 # How data-binding works
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/26"  class="weex-translate">cn</a>
 
 Weex JS Framework is a MVVM framework. It observe data and use `{{bindedKey}}` syntax to bind in views. When data is changed in anyway, the view will automatically be updated due to data-binding.
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/how-it-works.md
----------------------------------------------------------------------
diff --git a/doc/advanced/how-it-works.md b/doc/advanced/how-it-works.md
index 0424ea7..887e34a 100644
--- a/doc/advanced/how-it-works.md
+++ b/doc/advanced/how-it-works.md
@@ -1,6 +1,5 @@
 # How it works
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/32"  class="weex-translate">cn</a>
 
 ## Overview
 
@@ -100,7 +99,7 @@ Native RenderEngine will supplies many native components and modules for call.
 
 During a Weex instance works, Native RenderEngine receives all kinds of module API calls from JS Framework. These calls will create or update components for view and use client-side features like `toast`. When a user interaction or module API callback happens, It will call `callJS()` from JS Framework. These jobs could walk through the Weex instance lifecycle till the instance is destroyed. As is shown in the architecture figure, H5 RenderEngine is a special RenderEngine with almost the same functions as native RenderEngines. 
 
-![arch](http://gtms02.alicdn.com/tps/i2/TB1ootBMpXXXXXrXXXXwi60UVXX-596-397.png)  
+![arch](//gtms02.alicdn.com/tps/i2/TB1ootBMpXXXXXrXXXXwi60UVXX-596-397.png)  
 Weex Architecture 
 
 ### call native from javascript
@@ -126,7 +125,7 @@ user interactions
 
 ### Render Flow
 
-![render flow](http://gtms03.alicdn.com/tps/i3/TB1_SA4MXXXXXXGaXXXpZ8UVXXX-519-337.png)  
+![render flow](//gtms03.alicdn.com/tps/i3/TB1_SA4MXXXXXXGaXXXpZ8UVXXX-519-337.png)  
 Weex Render Flow 
 
 0. Input is virtual dom.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/integrate-to-android.md
----------------------------------------------------------------------
diff --git a/doc/advanced/integrate-to-android.md b/doc/advanced/integrate-to-android.md
index ab03b0e..8aa9ce5 100644
--- a/doc/advanced/integrate-to-android.md
+++ b/doc/advanced/integrate-to-android.md
@@ -1,5 +1,4 @@
 # Integrate to Android
-<a href="https://github.com/weexteam/article/issues/25"  class="weex-translate">cn</a>
 
 
 When you need to use the new features or to customize specific features, you can rely on the Source SDK for development\u3002
@@ -11,7 +10,7 @@ Assuming you have the Android SDK installed, run `android` to open the Android S
 Make sure you have the following installed:
 
 1. Android SDK version 23 (compileSdkVersion in [`build.gradle`](https://github.com/alibaba/weex/blob/master/android/sdk/build.gradle))
-2. SDK build tools version 23.0.1 (buildToolsVersion in [`build.gradle`](https://github.com/alibaba/weex/blob/master/android/sdk/build.gradle))
+2. SDK build tools version 23.0.2 (buildToolsVersion in [`build.gradle`](https://github.com/alibaba/weex/blob/master/android/sdk/build.gradle))
 3. Android Support Repository >= 17 (for Android Support Library)
 4. Android NDK (download & extraction instructions [here](http://developer.android.com/ndk/downloads/index.html))
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/integrate-to-html5.md
----------------------------------------------------------------------
diff --git a/doc/advanced/integrate-to-html5.md b/doc/advanced/integrate-to-html5.md
index 795d1e4..0a7f236 100644
--- a/doc/advanced/integrate-to-html5.md
+++ b/doc/advanced/integrate-to-html5.md
@@ -1,6 +1,5 @@
 ## Integrate Weex HTML5 to your project
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/10"  class="weex-translate">cn</a>
 
 ### Intro
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/advanced/integrate-to-ios.md
----------------------------------------------------------------------
diff --git a/doc/advanced/integrate-to-ios.md b/doc/advanced/integrate-to-ios.md
index 358981c..e9e4067 100644
--- a/doc/advanced/integrate-to-ios.md
+++ b/doc/advanced/integrate-to-ios.md
@@ -1,5 +1,4 @@
 # import Weex iOS to your project
-<a href="https://github.com/weexteam/article/issues/18"  class="weex-translate">cn</a>
 
 You will need to build Weex from source if you want to work on a new feature/bug fix, try out the latest features not released yet, or maintain your own fork with patches that cannot be merged to the core.
 
@@ -26,7 +25,7 @@ end
 ```
 You can get your `YourTarget` below
 
-![img](http://img4.tbcdn.cn/L1/461/1/4d9f4d6a8441b44e4816c7778627824fb72c58de)
+![img](//img4.tbcdn.cn/L1/461/1/4d9f4d6a8441b44e4816c7778627824fb72c58de)
 
 Run pod install in current directory, for a while, .xcworkspace will be created.  At this point, the dependencies have been established.
 
@@ -107,4 +106,4 @@ We can also pack all the JS files into the app's resources. This way you can run
 * Move `index.js` to your app's Xcode project and add the file to your target.
 * Replace `[_instance renderWithURL:'httpURL']` with: `[_instance renderWithURL: [[NSBundle mainBundle] URLForResource:@"index" withExtension:@"js"]]`
 
-* Go for Product -> Archive in Xcode and follow the steps to build your .IPA file and submit it to the AppStore.
\ No newline at end of file
+* Go for Product -> Archive in Xcode and follow the steps to build your .IPA file and submit it to the AppStore.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/ali_addition/weex_doc.css
----------------------------------------------------------------------
diff --git a/doc/ali_addition/weex_doc.css b/doc/ali_addition/weex_doc.css
index f90ed07..6acac5f 100644
--- a/doc/ali_addition/weex_doc.css
+++ b/doc/ali_addition/weex_doc.css
@@ -48,8 +48,8 @@ dl, ol, ul {
     float: left;
     margin-right: 5px;
     margin-left: 10px;    
-    margin-top: 29px;    
-    background: url("http://alibaba.github.io/weex/img/weex_logo_blue@3x.png") no-repeat;
+    margin-top: 29px;
+    background: url("//alibaba.github.io/weex/img/weex_logo_blue@3x.png") no-repeat;
     height: 33px;
     width: 145px;
     background-position: 0px 0px;
@@ -129,7 +129,7 @@ a.weex-translate{
 }
 
 a.weex-translate.incomplete{
-  background-color: #777;                    
+  background-color: #777;
 }
 
 .wx-v{
@@ -143,4 +143,4 @@ a.weex-translate.incomplete{
     vertical-align: middle;
     background-color: #777;
     border-radius: 10px;
-}
\ No newline at end of file
+}

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/a.md
----------------------------------------------------------------------
diff --git a/doc/components/a.md b/doc/components/a.md
index 0d2d30d..490cb7a 100644
--- a/doc/components/a.md
+++ b/doc/components/a.md
@@ -1,9 +1,8 @@
 # &lt;a&gt;
 <span class="weex-version">0.5</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ###Summary
-&lt;a&gt; defines a hyperlink to a page in the web. Its purpose and syntax is very simliar to [&lt;a&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) in HTML5.
+&lt;a&gt; defines a hyperlink to a page in the web. Its purpose and syntax is very similar to [&lt;a&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) in HTML5.
 
 ### Child Components
 
@@ -17,9 +16,10 @@ href attributes defines the URL of the hyperlink.
 **common styles**: check out the [common styles](../references/common-attrs.md)
 
 ### Events
-**common events**: check out the [common events](../references/common-event.md)
+**common events**: check out the [common events](../references/common-event.md)  
+tip: we can't guarantee the order of execution between onclick function and href
 
 ### Examples
     <a href="http://g.tbcdn.cn/ali-wireless-h5/res/0.0.16/hello.js">
        <text>Click me to see how 'A' element opens a new world.</text>
-    </a>
\ No newline at end of file
+    </a>

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/cell.md
----------------------------------------------------------------------
diff --git a/doc/components/cell.md b/doc/components/cell.md
index 9690fe5..eb06430 100644
--- a/doc/components/cell.md
+++ b/doc/components/cell.md
@@ -1,6 +1,5 @@
 # &lt;cell&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/div.md
----------------------------------------------------------------------
diff --git a/doc/components/div.md b/doc/components/div.md
index ea64e63..5293c8e 100644
--- a/doc/components/div.md
+++ b/doc/components/div.md
@@ -1,6 +1,5 @@
 # &lt;div&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/39"  class="weex-translate ">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/image.md
----------------------------------------------------------------------
diff --git a/doc/components/image.md b/doc/components/image.md
index f5b8ad6..70ff4eb 100644
--- a/doc/components/image.md
+++ b/doc/components/image.md
@@ -1,6 +1,5 @@
 # &lt;image&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/44"  class="weex-translate">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/indicator.md
----------------------------------------------------------------------
diff --git a/doc/components/indicator.md b/doc/components/indicator.md
index 1835f9a..468b292 100644
--- a/doc/components/indicator.md
+++ b/doc/components/indicator.md
@@ -1,6 +1,5 @@
 # &lt;indicator&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/input.md
----------------------------------------------------------------------
diff --git a/doc/components/input.md b/doc/components/input.md
index 0508f59..3027456 100644
--- a/doc/components/input.md
+++ b/doc/components/input.md
@@ -1,6 +1,5 @@
 # &lt;input&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/45"  class="weex-translate">cn</a>
 
 
 ### Summary

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/list.md
----------------------------------------------------------------------
diff --git a/doc/components/list.md b/doc/components/list.md
index abdd56d..603cdcd 100644
--- a/doc/components/list.md
+++ b/doc/components/list.md
@@ -1,6 +1,5 @@
 # &lt;list&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 
 ### Summary

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/scroller.md
----------------------------------------------------------------------
diff --git a/doc/components/scroller.md b/doc/components/scroller.md
index b6715e9..8331003 100644
--- a/doc/components/scroller.md
+++ b/doc/components/scroller.md
@@ -1,6 +1,5 @@
 # &lt;scroller&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/40"  class="weex-translate ">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/slider.md
----------------------------------------------------------------------
diff --git a/doc/components/slider.md b/doc/components/slider.md
index 419fbd7..eaa04ee 100644
--- a/doc/components/slider.md
+++ b/doc/components/slider.md
@@ -1,6 +1,5 @@
 # &lt;slider&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/47"  class="weex-translate">cn</a>
 
 
 ### Summary
@@ -14,6 +13,7 @@ It supports all kinds of weex components as its slides, especially the `indicato
 ### Attributes
 
 - `auto-play`: &lt;boolean&gt; `true` | `false`. This value determines whether the slides plays automatically after the page rendering finished. The default value is `false`.
+- `interval`: &lt;number&gt; millisecond. This value determines time interval for each page displayed in slider.
 - `index`: &lt;number&gt; . This value determines the  index of current shown slide. The default value is `0`.
 
 Other attributes please check out the [common attributes](../references/common-attrs.md).

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/special-element.md
----------------------------------------------------------------------
diff --git a/doc/components/special-element.md b/doc/components/special-element.md
index 32c1313..90d93f3 100644
--- a/doc/components/special-element.md
+++ b/doc/components/special-element.md
@@ -1,10 +1,9 @@
 # Special Element
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/36"  class="weex-translate">cn</a>
 
 ## &lt;content&gt;
 
-The element serves as content distribution outlest in a composed component template. The element itself will be replaced.
+The element serves as content distribution outlet in a composed component template. The element itself will be replaced.
 
 alias: `<slot>`
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/switch.md
----------------------------------------------------------------------
diff --git a/doc/components/switch.md b/doc/components/switch.md
index 5a6067e..22c0da7 100644
--- a/doc/components/switch.md
+++ b/doc/components/switch.md
@@ -1,6 +1,5 @@
 # &lt;switch&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/46"  class="weex-translate">cn</a>
 
 
 ### Summary

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/text.md
----------------------------------------------------------------------
diff --git a/doc/components/text.md b/doc/components/text.md
index 5f038b8..660c9e4 100644
--- a/doc/components/text.md
+++ b/doc/components/text.md
@@ -1,6 +1,5 @@
 # &lt;text&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 
@@ -32,7 +31,7 @@ Other attributes please check out the [common attributes](../references/common-a
 - support `text-decoration` style.
 - support `text-align` style.
 - support `text-overflow` style.
-- support `line-height`<sup class="wx-v">0.6.1</sup> style.
+- support `line-height`<sup class="wx-v">0.6.1</sup> style. line-height in iOS is different from h5 and Android, text value will be placed at bottom of line box.
 - not support `flex-direction`, `justify-content`, `align-items` which is active for child nodes, and text has no child nodes.
 
 **common styles**: check out [common styles for components](../references/common-style.md)

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/textarea.md
----------------------------------------------------------------------
diff --git a/doc/components/textarea.md b/doc/components/textarea.md
new file mode 100644
index 0000000..661e146
--- /dev/null
+++ b/doc/components/textarea.md
@@ -0,0 +1,74 @@
+# &lt;textarea&gt;
+<span class="weex-version">0.8</span>
+
+
+### Summary
+
+The weex builtin component ``textarea`` is used to create interactive controls to accept data from users. It can be a multi-line [input](./input.md).
+
+**Notes:** `<textarea>` support all event which `<input>` had.
+
+### Child Components
+
+This component supports no child components.
+
+### attributes
+
+- `value`: &lt;string&gt; the value of the control.
+- `placeholder`: &lt;string&gt; a hint to the user of which can be entered to the control. The placeholder text must have no carriage returns or line-feeds.
+- `disabled`: &lt;boolean&gt; a boolean attribute indicates that the form control is not available for interaction. In particular, the click event will not be dispatched on disabled controls.
+- `autofocus`: &lt;boolean&gt; a boolean attribute lets you specify that a form control should have input focus when the page loads.
+- `rows:`&lt;number&gt; a number which can specify the height of textarea, default is `2`.
+
+Other attributes please check out the [common attributes](../references/common-attrs.md).
+
+### Styles
+
+**text styles**: checkout [text styles](../references/text-style.md)
+
+- support `color` style.
+- support `font-size` style.
+- support `font-style` style.
+- support `font-weight` style.
+- support `text-align` style.
+
+
+**common styles**: check out [common styles for components](../references/common-style.md)
+
+- support flexbox related styles.
+- support box model related styles.
+- support ``position`` related styles.
+- support ``opacity``, ``background-color`` etc.
+
+### Events
+
+- `input`: the value of an element changes.
+- `change`: the change event is fired when a change to the component's value is commited by the user. It always come after a ``blur`` event.
+- `focus`: a component has received focus.
+- `blur`: a component has lost focus.
+
+**common events**: check out the [common events](../references/common-event.md)
+
+- support `appear` / `disappear` event. Check out [common events](../references/common-event.md).
+
+**Notes:** `<textarea>` does not support the common-event `click`. Please listen to the `input` or `change` event instead.
+
+### Parameters of events' object
+
+- for ``input`` and ``change`` events:
+  - `value`: the value of the component who dispatched this event.
+  - `timestamp`: the time stamp of the event.
+- for ``focus`` and ``blur`` events:
+  - `timestamp`: the time stamp of the event.
+
+### Example
+
+```
+<div>
+  <textarea
+    autofocus="true"
+    placeholder="..."
+    value="I am a multiple input">
+  </textarea>
+</div>
+```

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/video.md
----------------------------------------------------------------------
diff --git a/doc/components/video.md b/doc/components/video.md
index a8a9d9d..0d06468 100644
--- a/doc/components/video.md
+++ b/doc/components/video.md
@@ -1,6 +1,5 @@
 # &lt;video&gt;
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/web.md
----------------------------------------------------------------------
diff --git a/doc/components/web.md b/doc/components/web.md
index a790955..eeabf70 100644
--- a/doc/components/web.md
+++ b/doc/components/web.md
@@ -1,6 +1,5 @@
 # &lt;web&gt;
 <span class="weex-version">0.5</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 
@@ -47,4 +46,4 @@ Other attributes please check out the [common attributes](../references/common-a
   <web style="width=...; height=...;" src="..." 	onpagestart="pagestart" onpagefinish="pagefinish" 	onerror="error">
   </web>
 </div>
-```
\ No newline at end of file
+```

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/wxc-navpage.md
----------------------------------------------------------------------
diff --git a/doc/components/wxc-navpage.md b/doc/components/wxc-navpage.md
index 29df3a1..7cdde9c 100644
--- a/doc/components/wxc-navpage.md
+++ b/doc/components/wxc-navpage.md
@@ -1,6 +1,5 @@
 # &lt;wxc-navpage&gt;
 <span class="weex-version">0.5</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/components/wxc-tabbar.md
----------------------------------------------------------------------
diff --git a/doc/components/wxc-tabbar.md b/doc/components/wxc-tabbar.md
index 6385237..f6e656b 100644
--- a/doc/components/wxc-tabbar.md
+++ b/doc/components/wxc-tabbar.md
@@ -1,6 +1,5 @@
 # &lt;wxc-tabbar&gt;
 <span class="weex-version">0.5</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ### Summary
 
@@ -89,4 +88,4 @@ Other attributes please check out the [common attributes](../references/common-a
     }
   }
 </script>
-```
\ No newline at end of file
+```

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/demo/animation.md
----------------------------------------------------------------------
diff --git a/doc/demo/animation.md b/doc/demo/animation.md
index 962cc16..367c1b4 100644
--- a/doc/demo/animation.md
+++ b/doc/demo/animation.md
@@ -2,7 +2,7 @@ Animation Demo
 ==============
 
 ## snapshot
-![weex demo](http://gtms02.alicdn.com/tps/i2/TB1B5L2MpXXXXXhXXXXp.9cVpXX-278-424.gif)
+![weex demo](https://gtms02.alicdn.com/tps/i2/TB1B5L2MpXXXXXhXXXXp.9cVpXX-278-424.gif)
 
 ## weex code
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/demo/hello-world.md
----------------------------------------------------------------------
diff --git a/doc/demo/hello-world.md b/doc/demo/hello-world.md
index dab5329..7e571a6 100644
--- a/doc/demo/hello-world.md
+++ b/doc/demo/hello-world.md
@@ -2,7 +2,7 @@ Weex Hello World
 ================
 
 ## snapshot
-![weex hello world](http://gtms01.alicdn.com/tps/i1/TB1rXlGMpXXXXXqXVXX1PdU0VXX-640-920.png)
+![weex hello world](https://gtms01.alicdn.com/tps/i1/TB1rXlGMpXXXXXqXVXX1PdU0VXX-640-920.png)
 
 ## weex code
 hello_world.we

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/demo/list.md
----------------------------------------------------------------------
diff --git a/doc/demo/list.md b/doc/demo/list.md
index a295a33..66b5c15 100644
--- a/doc/demo/list.md
+++ b/doc/demo/list.md
@@ -2,7 +2,7 @@ Weex List Demo
 ===============
 
 ## snapshot
-![weex demo](http://gtms01.alicdn.com/tps/i1/TB1U.vZMpXXXXakXXXXfoKlVpXX-278-474.gif)
+![weex demo](https://gtms01.alicdn.com/tps/i1/TB1U.vZMpXXXXakXXXXfoKlVpXX-278-474.gif)
 
 ## weex code
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/demo/modal.md
----------------------------------------------------------------------
diff --git a/doc/demo/modal.md b/doc/demo/modal.md
index c341f67..a1e7863 100644
--- a/doc/demo/modal.md
+++ b/doc/demo/modal.md
@@ -2,7 +2,7 @@ Weex Modal Demo
 ===============
 
 ## snapshot
-![weex demo](http://gtms03.alicdn.com/tps/i3/TB1JcHRMpXXXXXhXpXXp.9cVpXX-278-424.gif)
+![weex demo](https://gtms03.alicdn.com/tps/i3/TB1JcHRMpXXXXXhXpXXp.9cVpXX-278-424.gif)
 
 ## weex code
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/demo/slider.md
----------------------------------------------------------------------
diff --git a/doc/demo/slider.md b/doc/demo/slider.md
index de7b5df..425ff86 100644
--- a/doc/demo/slider.md
+++ b/doc/demo/slider.md
@@ -2,7 +2,7 @@ Weex Slider Demo
 ===============
 
 ## snapshot
-![weex demo](http://gtms02.alicdn.com/tps/i2/TB1c9rFMpXXXXabXFXXfoKlVpXX-278-474.gif)
+![weex demo](https://gtms02.alicdn.com/tps/i2/TB1c9rFMpXXXXabXFXXfoKlVpXX-278-474.gif)
 
 ## weex code
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/faq.md
----------------------------------------------------------------------
diff --git a/doc/faq.md b/doc/faq.md
index 74305ea..c31bc10 100644
--- a/doc/faq.md
+++ b/doc/faq.md
@@ -55,6 +55,29 @@ modal.toast({message: 'hello'})
 
 We will bring a better syntax design in the future.
 
+## iOS text line-height style is abnormal
+
+`line-height` style in text component is different from h5 and Android,  text value will be placed at bottom of line box because of iOS native api. We are trying to optimize it.
+
+## Android only support `overflow:hidden`
+The `overflow` style in android is `hidden` and cannot be changed. This is the result of Android View framework. This only happens on Android, iOS will work as expected.
+
+## Android do not support emoji
+As Android NDK only supports Modified UTF-8, emoji is not support yet. Any attemp to use emoji may cause crash in case of lower than Android 6.0, and unexpected behavior when it is higher than 6.0. Only use Modified UTF-8, **do not** use emoji.
+
+## How to get rid of 750 adaption and calculate width/height in real pixels\uff1f
+
+The deviceHeight and deviceWidth got in `this.$getConfig()` is the real device width/height in pixels, not the ones with 750-adapted.
+
+So you can use them to calculate width/height in real pixels.
+
+Suppose you need to display a navigation bar of fixed 88 pixels, the bar's height will be:
+
+```
+var height = 88 * 750 / env.deviceWidth 
+```
+
+
 ## How to detect an native module/component supported in JavaScript?
 
 ### Detect native module
@@ -102,4 +125,3 @@ If you have 2 pages, A and B.
 
 
 
-

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/customize-a-native-component.md
----------------------------------------------------------------------
diff --git a/doc/how-to/customize-a-native-component.md b/doc/how-to/customize-a-native-component.md
index abacb3c..b6c0ef1 100644
--- a/doc/how-to/customize-a-native-component.md
+++ b/doc/how-to/customize-a-native-component.md
@@ -1,7 +1,6 @@
 # How to customize a native Component ?
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
-Weex has wrapped up the most critical platform components, such as `ScrollView`, `ListView`, `Text`, `Imageview` and so on. Certainly these components can not completely meet your need. And  thousands of native UI components that alwaysly be using in our project may be required to integrate into Weex easily. Fortunately, it's quite convenient to wrap up your own components that should be from any existing components.
+Weex has wrapped up the most critical platform components, such as `ScrollView`, `ListView`, `Text`, `Imageview` and so on. Certainly these components can not completely meet your need. And  thousands of native UI components that always be using in our project may be required to integrate into Weex easily. Fortunately, it's quite convenient to wrap up your own components that should be from any existing components.
 
 ##### Step By Step
  

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/cuszomize-native-apis.md
----------------------------------------------------------------------
diff --git a/doc/how-to/cuszomize-native-apis.md b/doc/how-to/cuszomize-native-apis.md
index 0824e44..23da775 100644
--- a/doc/how-to/cuszomize-native-apis.md
+++ b/doc/how-to/cuszomize-native-apis.md
@@ -1,5 +1,4 @@
 # How to customize native APIs ?
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 Weex SDK provides only rendering capability, rather than having other capabilities, such as network, picture, and URL redirection. If you want the these features, you need to implement them yourselves.   
 The example below will describe how to extend weex with native logic or 'bridge' your existed native code.

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/debug-with-html5.md
----------------------------------------------------------------------
diff --git a/doc/how-to/debug-with-html5.md b/doc/how-to/debug-with-html5.md
index 61df749..9742141 100644
--- a/doc/how-to/debug-with-html5.md
+++ b/doc/how-to/debug-with-html5.md
@@ -1,9 +1,8 @@
 # How to debug in html5 renderer ?
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 Since weex-html5 can run on a modern mobile browser, it's naturally supported to debug weex-html5 code in browsers' dev tools. Use browser's devTools to iterate, debug and profile your weex-html5 app. Take chrome's debug tool as a example:
 
-![chrome's debug tool](http://gw.alicdn.com/mt/TB1V1hIMpXXXXaHXVXXXXXXXXXX-983-730.png)
+![chrome's debug tool](//gw.alicdn.com/mt/TB1V1hIMpXXXXaHXVXXXXXXXXXX-983-730.png)
 
 ## Elements
 
@@ -11,7 +10,7 @@ Use elements' panel to inspect the layout and design of the weex-html5 page, and
 
 ## Console
 
-You can use `console.log` to log infomation on console, but it's hightly recommended to use `nativeLog` instead, since nativeLog can run on a native platform besides on a browser. The defect of `nativeLog` is that it's not supported to trace it from the console to the source file which the `nativeLog` is called in, therefore in this situation you'd better use `console.log`, and you should make sure this code will not run on native platform (otherwise a exception or a crash will be caused).
+You can use `console.log` to log information on console, but it's highly recommended to use `nativeLog` instead, since nativeLog can run on a native platform based on a browser. The defect of `nativeLog` is that it's not supported to trace it from the console to the source file which the `nativeLog` is called in, therefore in this situation you'd better use `console.log`, and you should make sure this code will not run on native platform (otherwise a exception or a crash will be caused).
 
 ## Breakpoints
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/debug-with-native.md
----------------------------------------------------------------------
diff --git a/doc/how-to/debug-with-native.md b/doc/how-to/debug-with-native.md
deleted file mode 100644
index 9d6795e..0000000
--- a/doc/how-to/debug-with-native.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# How to debug with native platform ?
-
-TODO
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/maintain-your-component-code.md
----------------------------------------------------------------------
diff --git a/doc/how-to/maintain-your-component-code.md b/doc/how-to/maintain-your-component-code.md
deleted file mode 100644
index b8f3d16..0000000
--- a/doc/how-to/maintain-your-component-code.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# How to maintain your components' code ?
-
-TODO
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/manage-data-with-a-high-level-cms.md
----------------------------------------------------------------------
diff --git a/doc/how-to/manage-data-with-a-high-level-cms.md b/doc/how-to/manage-data-with-a-high-level-cms.md
deleted file mode 100644
index f599420..0000000
--- a/doc/how-to/manage-data-with-a-high-level-cms.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# How to manage data with a high level cms ?
-
-TODO

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/manage-your-file-structure.md
----------------------------------------------------------------------
diff --git a/doc/how-to/manage-your-file-structure.md b/doc/how-to/manage-your-file-structure.md
deleted file mode 100644
index fda39d1..0000000
--- a/doc/how-to/manage-your-file-structure.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# How to manage your file structure ?
-
-TODO

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/preview-in-browser.md
----------------------------------------------------------------------
diff --git a/doc/how-to/preview-in-browser.md b/doc/how-to/preview-in-browser.md
index a0a0da6..c5be651 100644
--- a/doc/how-to/preview-in-browser.md
+++ b/doc/how-to/preview-in-browser.md
@@ -1,5 +1,4 @@
 # How to preview weex code in browser ?
-<a href="https://github.com/weexteam/article/issues/43"  class="weex-translate">cn</a>
 
 
 ## weex-toolkit
@@ -28,5 +27,5 @@ weex xxx.we
 
 A browser window will be opened automatically to display the page you want to preview:
 
-![preview page](http://gtms02.alicdn.com/tps/i2/TB1y151LVXXXXXXaXXXoRYgWVXX-495-584.jpg)
+![preview page](//gtms02.alicdn.com/tps/i2/TB1y151LVXXXXXXaXXXoRYgWVXX-495-584.jpg)
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/preview-in-playground-app.md
----------------------------------------------------------------------
diff --git a/doc/how-to/preview-in-playground-app.md b/doc/how-to/preview-in-playground-app.md
index 066f1a3..b5e6420 100644
--- a/doc/how-to/preview-in-playground-app.md
+++ b/doc/how-to/preview-in-playground-app.md
@@ -1,14 +1,13 @@
 # How to preview weex code in sample-app ?
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
    
 ### Weex Sample Step By Step
 1. Clone Weex from github [`https://github.com/alibaba/weex/`](https://github.com/alibaba/weex/)
 2. Use Android Studio open Android Sample \u3002
 3. run Sample project.
 4. into Sample homePage\uff0cyou will see this picture  
-![preview page](http://gtms01.alicdn.com/tps/i1/TB10Ox2MpXXXXXKXpXXA0gJJXXX-720-1280.png)
+![preview page](//gtms01.alicdn.com/tps/i1/TB10Ox2MpXXXXXKXpXXA0gJJXXX-720-1280.png)
 5. Click the icon to the top right of the page to enter the two-dimensional code scanning  
-![](http://gtms04.alicdn.com/tps/i4/TB1Ph05MpXXXXcHXXXX2YSA3pXX-540-960.jpg)
+![](//gtms04.alicdn.com/tps/i4/TB1Ph05MpXXXXcHXXXX2YSA3pXX-540-960.jpg)
 6. use[`Weex-Toolkit`](https://github.com/alibaba/weex_toolchain/tree/master/toolkit/ )make .we to a     QR code 
 7. you will see the page rended by Weex  
-![](http://gtms03.alicdn.com/tps/i3/TB1ehVLMpXXXXa.XVXX2YSA3pXX-540-960.jpg)
+![](//gtms03.alicdn.com/tps/i3/TB1ehVLMpXXXXa.XVXX2YSA3pXX-540-960.jpg)

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/require-3rd-party-libs.md
----------------------------------------------------------------------
diff --git a/doc/how-to/require-3rd-party-libs.md b/doc/how-to/require-3rd-party-libs.md
index 1e2d522..0f5ac21 100644
--- a/doc/how-to/require-3rd-party-libs.md
+++ b/doc/how-to/require-3rd-party-libs.md
@@ -1,6 +1,5 @@
 # How to require 3rd Party Libs ?
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 In the paragraph [Maintain Your Component Code](./maintain-your-component-code.md), we learn that JavaScript code can be written in `<script>` 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's a bad practice to copy and paste them in each component, therefore there's a urgent need of `require`. Weex provides CommonJS `require` syntax for developers.
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/how-to/transform-code-into-js-bundle.md
----------------------------------------------------------------------
diff --git a/doc/how-to/transform-code-into-js-bundle.md b/doc/how-to/transform-code-into-js-bundle.md
index a32534c..4d398c5 100644
--- a/doc/how-to/transform-code-into-js-bundle.md
+++ b/doc/how-to/transform-code-into-js-bundle.md
@@ -1,6 +1,5 @@
 # Transform Code into Js Bundle
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 Paragraphs [Maintain Your Component Code](./maintain-your-component-code.md) and [Require 3rd Party Libs](./require-3rd-party-libs.md) show us how to write and organize weex code. However, Weex DSL code must be transformed to `js bundle` so that `js framework` can parse and execute it for iOS, Android and HTML5 portal. For more information, please refer to [How It Works
 ](/advanced/how-it-works.md) and [JS Bundle Format](../specs/js-bundle-format.md).
@@ -27,7 +26,7 @@ $weex your_best_weex.we  -o . --watch
 ```
 $weex we/file/storage/path  -o outputpath
 ```
-every `we file` in `we/file/storage/path` we be transform to JS Bundle  , saved in `outputpath` path
+every `we file` in `we/file/storage/path` will be transformed to JS Bundle  , saved in `outputpath` path
 
 please access [npmjs.com](https://www.npmjs.com/package/weex-toolkit) for more information about weex-toolkit.
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/animation.md
----------------------------------------------------------------------
diff --git a/doc/modules/animation.md b/doc/modules/animation.md
index bd414ff..130d962 100644
--- a/doc/modules/animation.md
+++ b/doc/modules/animation.md
@@ -1,6 +1,5 @@
 # animation
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/64"  class="weex-translate">cn</a>
 
 ## Summary
 
@@ -15,16 +14,23 @@ A series of animation api.
 * `node`*(Node)*: An element that will be animated.
 * `options`*(object)*: Transition options. 
   * `styles`*(object)*: Specify the names and values of styles to which a transition effect should be applied.
-    * `color`*(string)*: the color of the element when the animaiton finished.
-    * `transform`*(object)*: transform fuction to be applied to the element. Following value is supported.
+    * `width`*(length)*: the the width of the view when the animation finished.
+    * `height`*(length)*: the the height  of the view when the animation finished.
+    * `color`*(string)*: the color of the element when the animation finished.
+    * `transform`*(object)*: transform function to be applied to the element. Following value is supported.
       * `translate/translateX/translateY`*(string)*: translate the element to the new location. The value can be a pixel or percent
       * `rotate`*(string)*: the unit is degree.
       * `scale`*(string)*: scale up or scale down the element.
   * `duration`*(number)*: Specify the number of milliseconds a transition animation should take to complete. By default, the value is 0ms, meaning that no animation will occur.
   * `timingFuncion`*(string)*: Used to describe how the intermediate values of the styles being affected by a transition effect are calculated. By default, the value is `linear`, and can also be one of `ease-in`, `ease-out`, `ease-in-out`, `linear` or `cubic-bezier(x1, y1, x2, y2)`.
+      * if`cubic-bezier(x1, y1, x2, y2)` is set, equation of  0<=x1<=x2<=1 must be met. 
   * `delay`*(number)*: Specify the amount of milliseconds to wait between a change being requested to a property that is to be transitioned and the start of the transition effect. By default, the value is 0ms.
 * **callback** Callback which is called after the completion of transition.
 
+#### Note
+
+Animations listed in transform is much faster than other animaions, as they are GPU accelerated. Developers should make their own choice according to their situation.
+
 #### Example
 
 ```html
@@ -43,7 +49,7 @@ A series of animation api.
         styles: {
           color: '#FF0000',
           transform: 'translate(1, 1)',
-          transform-origin: 'center center'
+          transformOrigin: 'center center'
         },
         duration: 0, //ms
         timingFunction: 'ease',

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/clipboard.md
----------------------------------------------------------------------
diff --git a/doc/modules/clipboard.md b/doc/modules/clipboard.md
index 179b3e6..9d68489 100644
--- a/doc/modules/clipboard.md
+++ b/doc/modules/clipboard.md
@@ -1,6 +1,5 @@
 # clipboard
 <span class="weex-version">0.8 (developing)</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ## Summary
 
@@ -34,7 +33,7 @@ clipboard.getString(function(ret) {
 
 ### setString(text)
 
-set the text into clipboard, as the same as copy manully. 
+set the text into clipboard, as the same as copy manually. 
 
 #### Arguments
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/dom.md
----------------------------------------------------------------------
diff --git a/doc/modules/dom.md b/doc/modules/dom.md
index a9e8501..2e3ecf7 100644
--- a/doc/modules/dom.md
+++ b/doc/modules/dom.md
@@ -1,6 +1,5 @@
 # dom
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/52"  class="weex-translate">cn</a>
 
 
 ## Summary

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/globalevent.md
----------------------------------------------------------------------
diff --git a/doc/modules/globalevent.md b/doc/modules/globalevent.md
new file mode 100644
index 0000000..f1a8b33
--- /dev/null
+++ b/doc/modules/globalevent.md
@@ -0,0 +1,76 @@
+# globalEvent
+<span class="weex-version">0.8 (developing)</span>
+
+## Summary
+
+`globalEvent` are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that requires additional APIs to work with.</br>
+You can register events via `addEventListener`, which can be removed by `removingEventListener` when you do not need to listen for `globalEvent`.
+
+*AUCTION* 
+- Only instance level is not application level . 
+
+## How to make your Module support global events
+API development is complete, when the event needs to be sent, the need through the following methods:
+```
+/**
+  * 
+  * @param eventName eventName
+  * @param params event params
+  */
+instance.fireGlobalEventCallback(eventName,params);
+```
+How to dispatch a global event in a weex-html5 component or module ? Just dispatch the event on the document element:
+```javascript
+var evt = new Event('some-type')
+evt.data = { foo: 'bar' }
+document.dispatchEvent(evt)
+```
+
+### Example
+
+#### Android
+```java
+Map<String,Object> params=new HashMap<>();
+params.put("key","value");
+mWXSDKInstance.fireGlobalEventCallback("geolocation",params);
+```
+#### iOS
+```Objective-C
+[weexInstance fireGlobalEvent:@"geolocation" params:@{@"key":@"value"}];
+```
+
+## API
+
+### addEventListener(String eventName, String callback)
+
+register global event.
+
+#### Arguments
+
+* `eventName`*(string)*: The name of the event you want to listen to.  
+* `callback`*(function)*: the callback function after executing this action.  
+
+#### Example
+
+```javascript
+var globalEvent = require('@weex-module/globalEvent');
+globalEvent.addEventListener("geolocation", function (e) {
+	console.log("get geolocation")
+	});
+```
+
+### removeEventListener(String eventName)
+
+remove global event 
+
+#### Arguments
+
+* `eventName`*(string)*: You no longer need to listen for event names.
+
+#### Example
+
+```javascript
+var globalEvent = require('@weex-module/globalEvent');
+globalEvent.removeEventListener("geolocation");
+```
+

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/main.md
----------------------------------------------------------------------
diff --git a/doc/modules/main.md b/doc/modules/main.md
index 7f6899a..56c374c 100644
--- a/doc/modules/main.md
+++ b/doc/modules/main.md
@@ -1,6 +1,5 @@
 # Built-in Modules
 <span class="weex-version">0.5</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ## How to use
 
@@ -11,4 +10,4 @@ var dom = require('@weex-module/dom');
 dom.scrollToElement(this.$el('someIdForElement'), {
     offset: 0
 });
-```
\ No newline at end of file
+```

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/modal.md
----------------------------------------------------------------------
diff --git a/doc/modules/modal.md b/doc/modules/modal.md
index 53761b1..c1ff294 100644
--- a/doc/modules/modal.md
+++ b/doc/modules/modal.md
@@ -1,6 +1,5 @@
 # modal
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ## Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/navigator.md
----------------------------------------------------------------------
diff --git a/doc/modules/navigator.md b/doc/modules/navigator.md
index be73a29..8d919a2 100644
--- a/doc/modules/navigator.md
+++ b/doc/modules/navigator.md
@@ -1,6 +1,5 @@
 # navigator
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ## Summary
 
@@ -14,7 +13,7 @@ A series of navigator operation apis like `push`, `pop`.
 #### Arguments
 
 * `options`*(object)*: some options.
-  * `url`*(stirng)*: The URL of the weex page to push.
+  * `url`*(string)*: The URL of the weex page to push.
   * `animated`*(string)*:  `true`if the weex page is push through animation, otherwise, `false`.
 * `callback`*(object)*: the callback function after executing this action.  
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/storage.md
----------------------------------------------------------------------
diff --git a/doc/modules/storage.md b/doc/modules/storage.md
index 8dfd57e..c82a981 100644
--- a/doc/modules/storage.md
+++ b/doc/modules/storage.md
@@ -1,6 +1,5 @@
 # storage
 <span class="weex-version">0.7</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ## Summary
 
@@ -24,7 +23,7 @@ or update that key's value if it already exists.
 ```js
 var storage = require('@weex-module/storage');
 storage.setItem('bar', 'bar-value', function(e) {
-  // callback.'e' is an object that contains 'result' and 'data'. e.result indicate wether `setItem` is succeed.
+  // callback.'e' is an object that contains 'result' and 'data'. e.result indicate whether `setItem` is succeed.
   // e.data will return 'undefined' if success or 'invalid_param' if your key/value is ""/null.
 });
 ```

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/stream.md
----------------------------------------------------------------------
diff --git a/doc/modules/stream.md b/doc/modules/stream.md
index 947bfa5..2dd1133 100644
--- a/doc/modules/stream.md
+++ b/doc/modules/stream.md
@@ -1,6 +1,5 @@
 # stream
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/53"  class="weex-translate">cn</a>
 
 
 ## Summary
@@ -50,4 +49,4 @@ stream.fetch({
 });
 ```
   
-    
\ No newline at end of file
+    

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/modules/webview.md
----------------------------------------------------------------------
diff --git a/doc/modules/webview.md b/doc/modules/webview.md
index ecf6991..254ede0 100644
--- a/doc/modules/webview.md
+++ b/doc/modules/webview.md
@@ -1,6 +1,5 @@
 # webview
 <span class="weex-version">0.5</span>
-<a href="https://github.com/weexteam/article/wiki/%E6%AC%A2%E8%BF%8E%E5%8F%82%E4%B8%8EWeex%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%E7%BF%BB%E8%AF%91"  class="weex-translate incomplete">cn</a>
 
 ## Summary
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/references/api.md
----------------------------------------------------------------------
diff --git a/doc/references/api.md b/doc/references/api.md
index f7f7341..f22aa5c 100644
--- a/doc/references/api.md
+++ b/doc/references/api.md
@@ -1,6 +1,5 @@
 # APIs
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/30"  class="weex-translate">cn</a>
 
 You can access these apis through `this`(Vm) context in script methods.
 
@@ -70,8 +69,8 @@ Get the current global environment variables and configuration information.
     * `platform`*(string)*: the platform, one of `iOS`, `Android` and `Web`.
     * `osVersion`*(string)*: the version of os.
     * `deviceModel`*(string)*: the model of device. **native only**
-    * `deviceWidth`*(number)*: the width of device, default is `750`.
-    * `deviceHeight`*(number)*: the height of device.
+    * `deviceWidth`*(number)*: the width of device, in pixels.
+    * `deviceHeight`*(number)*: the height of device, in pixels.
 
 ## $call(module, method, ...args)
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/references/bootstrap.md
----------------------------------------------------------------------
diff --git a/doc/references/bootstrap.md b/doc/references/bootstrap.md
index ef03e0e..4958d03 100644
--- a/doc/references/bootstrap.md
+++ b/doc/references/bootstrap.md
@@ -1,6 +1,5 @@
 # Bootstrap
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/29"  class="weex-translate">cn</a>
 
 Besides its default meaning, `<script>` tag supports two more configuration with its `type` property *in the top level component of a page*.
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/references/color-names.md
----------------------------------------------------------------------
diff --git a/doc/references/color-names.md b/doc/references/color-names.md
index 68a7514..324744c 100644
--- a/doc/references/color-names.md
+++ b/doc/references/color-names.md
@@ -1,5 +1,4 @@
 # List of the names of colors
-<a href="https://github.com/weexteam/article/issues/38"  class="weex-translate">cn</a>
 
 ### Basic color keywords:
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/references/common-attrs.md
----------------------------------------------------------------------
diff --git a/doc/references/common-attrs.md b/doc/references/common-attrs.md
index af1d2c2..c2f2163 100644
--- a/doc/references/common-attrs.md
+++ b/doc/references/common-attrs.md
@@ -1,6 +1,5 @@
 # Common Attribute
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/13"  class="weex-translate">cn</a>
 
 All of weex tags share some common attributes
 

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/b5123119/doc/references/common-event.md
----------------------------------------------------------------------
diff --git a/doc/references/common-event.md b/doc/references/common-event.md
index 51dc80e..1414f7b 100644
--- a/doc/references/common-event.md
+++ b/doc/references/common-event.md
@@ -1,6 +1,5 @@
 # Common Events
 <span class="weex-version">0.4</span>
-<a href="https://github.com/weexteam/article/issues/33"  class="weex-translate">cn</a>
 
 ## Click event