http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/references/advanced/extend-to-android.html ---------------------------------------------------------------------- diff --git a/cn/references/advanced/extend-to-android.html b/cn/references/advanced/extend-to-android.html deleted file mode 100644 index 401c699..0000000 --- a/cn/references/advanced/extend-to-android.html +++ /dev/null @@ -1,1420 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>Android æ©å± | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="Android æ©å±Weex æä¾äºæ©å±æºå¶ï¼å¯ä»¥æ ¹æ®èªå·±çä¸å¡è¿è¡å®å¶èªå·±çåè½ã主è¦å为两类æ©å±ï¼ Module æ©å± é UI çç¹å®åè½ãä¾å¦ sendHttpãopenURL çã Component æ©å± å®ç°ç¹å«åè½ç Native æ§ä»¶ãä¾å¦ï¼RichTextviewï¼RefreshListview çã Adapter æ©å± Weex 对ä¸äºåºç¡åè½å®ç°äºç»ä¸çæ¥å£ï¼å¯å®ç°"> -<meta property="og:type" content="website"> -<meta property="og:title" content="Android æ©å±"> -<meta property="og:url" content="https://weex-project.io/cn/references/advanced/extend-to-android.html"> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="Android æ©å±Weex æä¾äºæ©å±æºå¶ï¼å¯ä»¥æ ¹æ®èªå·±çä¸å¡è¿è¡å®å¶èªå·±çåè½ã主è¦å为两类æ©å±ï¼ Module æ©å± é UI çç¹å®åè½ãä¾å¦ sendHttpãopenURL çã Component æ©å± å®ç°ç¹å«åè½ç Native æ§ä»¶ãä¾å¦ï¼RichTextviewï¼RefreshListview çã Adapter æ©å± Weex 对ä¸äºåºç¡åè½å®ç°äºç»ä¸çæ¥å£ï¼å¯å®ç°"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="Android æ©å±"> -<meta name="twitter:description" content="Android æ©å±Weex æä¾äºæ©å±æºå¶ï¼å¯ä»¥æ ¹æ®èªå·±çä¸å¡è¿è¡å®å¶èªå·±çåè½ã主è¦å为两类æ©å±ï¼ Module æ©å± é UI çç¹å®åè½ãä¾å¦ sendHttpãopenURL çã Component æ©å± å®ç°ç¹å«åè½ç Native æ§ä»¶ãä¾å¦ï¼RichTextviewï¼RefreshListview çã Adapter æ©å± Weex 对ä¸äºåºç¡åè½å®ç°äºç»ä¸çæ¥å£ï¼å¯å®ç°"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="references" class="lang-cn"> - - <script> - window.PAGE_TYPE = "references"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org" target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org" target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link current ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link current ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - </div> - - -<article class="article article-type-references"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - Android æ©å± - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="Android-æ©å±"><a href="#Android-æ©å±" class="headerlink" title="Android æ©å±"></a>Android æ©å±</h1><p>Weex æä¾äºæ©å±æºå¶ï¼å¯ä»¥æ ¹æ®èªå·±çä¸å¡è¿è¡å®å¶èªå·±çåè½ã<br>主è¦å为两类æ©å±ï¼ </p> -<ul> -<li>Module æ©å± é UI çç¹å®åè½ãä¾å¦ sendHttpãopenURL çã</li> -<li>Component æ©å± å®ç°ç¹å«åè½ç Native æ§ä»¶ãä¾å¦ï¼RichTextviewï¼RefreshListview çã</li> -<li>Adapter æ©å± Weex 对ä¸äºåºç¡åè½å®ç°äºç»ä¸çæ¥å£ï¼å¯å®ç°è¿äºæ¥å£æ¥å®å¶èªå·±çä¸å¡ãä¾å¦ï¼å¾çä¸è½½çã</li> -</ul> -<h2 id="Module-æ©å±"><a href="#Module-æ©å±" class="headerlink" title="Module æ©å±"></a>Module æ©å±</h2><ol> -<li>Module æ©å±å¿ é¡»ç»§æ¿ WXModule ç±»ã</li> -<li>æ©å±æ¹æ³å¿ é¡»å ä¸ @WXModuleAnno 注解ãWeex ä¼æ ¹æ®æ³¨è§£æ¥å¤æå½åæ¹æ³æ¯å¦è¦è¿è¡å¨ UI 线ç¨ï¼åå½åæ¹æ³æ¯å¦æ¯æ©å±æ¹æ³ã</li> -<li>Weexæ¯æ ¹æ®åå°æ¥è¿è¡è°ç¨ Module æ©å±æ¹æ³ï¼æ以Moduleä¸çæ©å±æ¹æ³å¿ é¡»æ¯ public ç±»åã</li> -<li>åæ ·å 为æ¯éè¿åå°è°ç¨ï¼Module ä¸è½è¢«æ··æ·ã请å¨æ··æ·æ件ä¸æ·»å 代ç ï¼<code>-keep public class * extends com.taobao.weex.common.WXModule{*;}</code></li> -<li>Module æ©å±çæ¹æ³å¯ä»¥ä½¿ç¨ int, double, float, String, Map, List ç±»åçåæ°</li> -<li>å®æ Module åä¸å®è¦å¨åå§åæ¶æ³¨å <code>WXSDKEngine.registerModule("myModule", MyModule.class);</code> å¦åä¼æ¥ç±»ä¼¼é误ï¼<code>ReportException :undefined:9: TypeError: Object #<Object> has no method 'printLog'</code></li> -</ol> -<p>示ä¾å¦ä¸ï¼</p> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">MyModule</span> <span class="keyword">extends</span> <span class="title">WXModule</span> </span>{</div><div class="line"></div><div class="line"> <span class="meta">@WXModuleAnno</span>(runOnUIThread = <span class="keyword">true</span>)</div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">printLog</span><span class="params">(String msg)</span> </span>{</div><div class="line"> Toast.makeText(mWXSDKInstance.getContext(),msg,Toast.LENGTH_SHORT).show();</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure> -<p>JS è°ç¨å¦ä¸ï¼</p> -<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">onclick</span>=<span class="string">"click"</span>></span>ç¹å»ææµè¯<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">methods</span>: {</div><div class="line"> <span class="att r">click</span>: <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> weex.requireModule(<span class="string">'myModule'</span>).printLog(<span class="string">"ææ¯ä¸ä¸ªæµè¯!"</span>);</div><div class="line"> }</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure> -<h4 id="æ¯æ-synchronous-asynchronous-åè°"><a href="#æ¯æ-synchronous-asynchronous-åè°" class="headerlink" title="æ¯æ synchronous/asynchronous åè°"></a>æ¯æ synchronous/asynchronous åè°</h4><p>ä½ å¯ä»¥æ·»å <code>@JSMethod(uiThread = falseætrue)</code> 注éæ¥éæ© moudle çåè°æ¨¡å¼ã请åè§ä»¥ä¸ç¤ºä¾ï¼</p> -<figure class="highlight"><table><tr><td class="code"><pre><div class="line"> // as sync-callback mode</div><div class="line">@JSMethod (uiThread = false)</div><div class="line">public void testSyncCall(){</div><div class="line"> WXLogUtils.d("WXComponentSyncTest : Thread.currentThread().getName());</div><div class="line">}</div><div class="line"></div><div class="line">// as async-callback mode</div><div class="line">@JSMethod (uiThread = true)</div><div class="line">public void testAsyncCall(){</div><div class="line"> WXLogUtils.e("WXComponentASynTest : Thread.currentThread().getName() );</div><div class="line">}</div></pre></td></tr></table></figure> -<h2 id="Component-æ©å±"><a href="#Component-æ©å±" class="headerlink" title="Component æ©å±"></a>Component æ©å±</h2><ol> -<li>Component æ©å±ç±»å¿ é¡»éæ WXComponent.</li> -<li>Component 对åºç设置å±æ§çæ¹æ³å¿ 须添å 注解 @WXComponentProp(name=value(value is attr or style of dsl))</li> -<li>Weex sdk éè¿åå°è°ç¨å¯¹åºçæ¹æ³ï¼æ以 Component 对åºçå±æ§æ¹æ³å¿ é¡»æ¯ publicï¼å¹¶ä¸ä¸è½è¢«æ··æ·ã请å¨æ··æ·æ件ä¸æ·»å 代ç <code>-keep public class * extends com.taobao.weex.ui.component.WXComponent{*;}</code></li> -<li>Component æ©å±çæ¹æ³å¯ä»¥ä½¿ç¨ int, double, float, String, Map, List ç±»åçåæ°</li> -<li>å®æ Component åä¸å®è¦å¨åå§åæ¶æ³¨å <code>WXSDKEngine.registerComponent("richtext",RichText.class);</code></li> -</ol> -<p>示ä¾å¦ä¸:</p> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">RichText</span> <span class="keyword">extends</span> <span class="title">WXComponent</span> </span>{</div><div class="line"></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="title">RichText</span><span class="params">(WXSDKInstance instance, WXDomObject dom, WXVContainer parent, <span class="keyword">boolean</span> isLazy)</span> </span>{</div><div class="line"> <span class="keyword">super</span>(instance, dom, parent, isLazy);</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">protected</span> <span class="keyword">void</span> <span class="title">initView</span><span class="params">()</span> </span> {</div><div class="line"> mHost=<span class="keyword">new</span> TextView(mContext);</div><div class="line"> ((TextView)mHost).setMovementMethod(LinkMovementMethod.getInstance());</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@WXComponentProp</span>(name = <span class="string">"tel"</span>)</div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setTelLink</span><span class="params">(String tel)</span></span>{</div><div class="line"> SpannableString spannable=<span class="keyword">new</span> SpannableString(tel);</div><div class="line"> spannable.setSpan(<span class="keyword">new</span> URLSpan(<span class="string">"tel:"</span>+tel),<span class="number">0</span>,tel.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);</div><div class="line"> ((TextView)mHost).setText(spannable);</div><div class="line"> }</div><div class="line ">}</div></pre></td></tr></table></figure> -<p>JS è°ç¨å¦ä¸ï¼</p> -<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span>></span></div><div class="line"> <span class="tag"><<span class="name">richText</span> <span class="attr">tel</span>=<span class="string">"12305"</span> <span class="attr">style</span>=<span class="string">"width:200;height:100"</span>></span>12305<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div></pre></td></tr></table></figure> -<h2 id="Adapteræ©å±"><a href="#Adapteræ©å±" class="headerlink" title="Adapteræ©å±"></a>Adapteræ©å±</h2><p>å¾çä¸è½½ï¼</p> -<p>éè¦æ¶éææ¥å£ IWXImgLoaderAdapterï¼å®ç° setImage æ¹æ³ã</p> -<p>示ä¾å¦ä¸ï¼</p> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">ImageAdapter</span> <span class="keyword">implements</span> <span class="title">IWXImgLoaderAdapter</span> </span>{</div><div class="line"></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="title">ImageAdapter</span><span class="params">()</span> </span>{</div><div class="line"> }</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">setImage</span><span class="params">(<span class="keyword">final</span> String url, <span class="keyword">final</span> ImageView view,</span></span></div><div class="line"> WXImageQuality quality, WXImageStrategy s trategy) {</div><div class="line"></div><div class="line"> WXSDKManager.getInstance().postOnUiThread(<span class="keyword">new</span> Runnable() {</div><div class="line"></div><div class="line"> <span class="meta">@Override</span></div><div class="line"> <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">run</span><span class="params">()</span> </span>{</div><div class="line"> <span class="keyword">if</span>(view==<span class="keyword">null</span>||view.getLayoutParams()==<span class="keyword">null</span>){</div><div class="line"> <span class="keyword">return</span>;</div><div class="line"> }</div><div class="line"> <span class="keyword">if</span> (TextUtils.isEmpty(url)) {</div><div class="line"> view.setImageBitmap(<span class="keyword">null</span>);</div><div class="line"> <span class="keyword">return</span>;</div><div class="lin e"> }</div><div class="line"> String temp = url;</div><div class="line"> <span class="keyword">if</span> (url.startsWith(<span class="string">"//"</span>)) {</div><div class="line"> temp = <span class="string">"http:"</span> + url;</div><div class="line"> }</div><div class="line"> <span class="keyword">if</span> (view.getLayoutParams().width <= <span class="number">0</span> || view.getLayoutParams().height <= <span class="number">0</span>) {</div><div class="line"> <span class="keyword">return</span>;</div><div class="line"> }</div><div class="line"> Picasso.with(WXEnvironment.getApplication())</div><div class="line"> .load(temp)</div><div class="line"> .into(view);</div><div class="line"> }</div><div class="line"> },<span class="number">0</span>);</div><div class="line"> }</div><div class="line">}</div></pre></td></tr></table></figure> -<h4 id="ç»ä»¶æ¹æ³æ¯æ"><a href="#ç»ä»¶æ¹æ³æ¯æ" class="headerlink" title="ç»ä»¶æ¹æ³æ¯æ"></a>ç»ä»¶æ¹æ³æ¯æ</h4><p>ä»WeexSDK 0.9.5å¼å§ï¼ä½ å¯ä»¥å®ä¹ç»ä»¶æ¹æ³</p> -<ul> -<li><p>å¨ç»ä»¶ä¸å¦ä¸å£°æä¸ä¸ªç»ä»¶æ¹æ³</p> -<figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="meta">@JSMethod</span></div><div class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">focus</span><span class="params">()</span></span>{</div><div class="line"> <span class="comment">//method implementation</span></div><div class="line">}</div></pre></td></tr></table></figure> -</li> -</ul> -<ul> -<li><p>注åç»ä¹åï¼ä½ å¯ä»¥å¨weex æ件ä¸è°ç¨</p> -<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">mycomponent</span> <span class="attr">id</span>=<span class="string">'mycomponent'</span>></span><span class="tag"></<span class="name">mycomponent</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="built_in">module</span>.exports = {</div><div class="line"> <span class="attr">created</span>: <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>{</div><div class="line"> <span class="keyword">this</span>.$el(<span class="string">'mycomponent'</span>).focus();</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure> -</li> -</ul> -<p>注:å·¥ç¨è¦æ·»å ä¾èµ <code>compile 'com.squareup.picasso:picasso:2.5.2'</code></p> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/f3d58bd0/cn/references/advanced/extend-to-html5.html ---------------------------------------------------------------------- diff --git a/cn/references/advanced/extend-to-html5.html b/cn/references/advanced/extend-to-html5.html deleted file mode 100644 index 5a2179b..0000000 --- a/cn/references/advanced/extend-to-html5.html +++ /dev/null @@ -1,1396 +0,0 @@ -<!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"> - - <title>HTML5 æ©å± | Weex</title> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta name="description" content="å¦ä½æ©å± Weex Web 端çç»ä»¶å模åWeex æ¬èº«æä¾äºå¾å¤å ç½®ç»ä»¶å模åï¼ä¹å ·å¤æ¨ªåæ©å±çè½åï¼å 许å¼åè èªè¡æ©å±åå®å¶ãéè¦æ³¨æçæ¯ï¼Weex æ¯ä¸ä¸ªè·¨å¹³å°ç解å³æ¹æ¡ï¼æ©å±å ¶å ç½®ç»ä»¶æ模åï¼éè¦å¨ä¸ç«¯ï¼AndroidãiOSãWebï¼ä¸é½æç¸åºçå®ç°ã Weex å°å æ ¸åæ¢æ Vue 2.x ä¹åï¼å¨ Web 端æ©å± Vue ç»ä»¶å°åå¾æ´å 容æã æ©å± Web ç»ä»¶Vue.js æ¬èº«å°±æ¯"> -<meta property="og:type" content="website"> -<meta property="og:title" content="HTML5 æ©å±"> -<meta property="og:url" content="https://weex-project.io/cn/references/advanced/extend-to-html5.html"> -<meta property="og:site_name" content="Weex"> -<meta property="og:description" content="å¦ä½æ©å± Weex Web 端çç»ä»¶å模åWeex æ¬èº«æä¾äºå¾å¤å ç½®ç»ä»¶å模åï¼ä¹å ·å¤æ¨ªåæ©å±çè½åï¼å 许å¼åè èªè¡æ©å±åå®å¶ãéè¦æ³¨æçæ¯ï¼Weex æ¯ä¸ä¸ªè·¨å¹³å°ç解å³æ¹æ¡ï¼æ©å±å ¶å ç½®ç»ä»¶æ模åï¼éè¦å¨ä¸ç«¯ï¼AndroidãiOSãWebï¼ä¸é½æç¸åºçå®ç°ã Weex å°å æ ¸åæ¢æ Vue 2.x ä¹åï¼å¨ Web 端æ©å± Vue ç»ä»¶å°åå¾æ´å 容æã æ©å± Web ç»ä»¶Vue.js æ¬èº«å°±æ¯"> -<meta property="og:updated_time" content="2017-04-28T02:36:21.000Z"> -<meta name="twitter:card" content="summary"> -<meta name="twitter:title" content="HTML5 æ©å±"> -<meta name="twitter:description" content="å¦ä½æ©å± Weex Web 端çç»ä»¶å模åWeex æ¬èº«æä¾äºå¾å¤å ç½®ç»ä»¶å模åï¼ä¹å ·å¤æ¨ªåæ©å±çè½åï¼å 许å¼åè èªè¡æ©å±åå®å¶ãéè¦æ³¨æçæ¯ï¼Weex æ¯ä¸ä¸ªè·¨å¹³å°ç解å³æ¹æ¡ï¼æ©å±å ¶å ç½®ç»ä»¶æ模åï¼éè¦å¨ä¸ç«¯ï¼AndroidãiOSãWebï¼ä¸é½æç¸åºçå®ç°ã Weex å°å æ ¸åæ¢æ Vue 2.x ä¹åï¼å¨ Web 端æ©å± Vue ç»ä»¶å°åå¾æ´å 容æã æ©å± Web ç»ä»¶Vue.js æ¬èº«å°±æ¯"> - - <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml"> - - - <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png"> - - - <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css"> - - <link rel="stylesheet" href="/css/style.css"> - <link rel="stylesheet" href="/css/swiper.min.css"> -</head> - -<body id="references" class="lang-cn"> - - <script> - window.PAGE_TYPE = "references"; - window.ROOT = "/" - </script> - <header id="header"> - <div class="navbar"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <div class="main-nav"> - <ul class="links"> - <li><a href="/cn/guide">æç¨</a></li> - <li><a href="/cn/references">æå</a></li> - <li class="dropdown"> - <a href="javascript:;">åè</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/faq.html">FAQ</a> - </li> - <li> - <a href="/cn/releasenote.html">çæ¬è¯´æ</a> - </li> - </ul> - </li> - <li class="dropdown"> - <a href="javascript:;">å·¥å ·åæå¡</a> - <ul class="dropdown-menu subnav"> - <li> - <a href="/cn/playground.html">Playground</a> - </li> - <li> - <a href="/cn/guide/tools/toolkit.html">Weex-toolkit</a> - </li> - <li> - <a href="http://dotwe.org" target="_blank">Code Snippets</a> - </li> - <li> - <a href="https://market.dotwe.org" target="_blank">Market</a> - </li> - </ul> - </li> - </ul> - <ul class="info"> - <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li> - </ul> - <ul class="tools"> - <li> - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - </li> - <li> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </li> - <!--<li></li>--> - </ul> - </div> - </div> - <div id="mobile-nav"> - <a id="logo" href="/cn/"> - <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" /> - </a> - <a class="btn-menu"><span class="iconfont icon-nav"></span></a> - </div> -</header> - - <div id="sidebar" class=""> - <div class="sidebar-menu"> - - <div class="search"> - <form id="search-form" class="search-form"> <!-- æç´¢æ¡ç¸å ³ --> - <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/> - <span class="iconfont icon-search"></span> - </form> - <div class="results-panel"> - </div> -</div> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link current ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - - <a class="btn-close-sidebar iconfont icon-close"></a> - </div> -</div> - - <div class="article-wrapper page-layout"> - <div class="doc-nav"> - - - -<div class="summary"> - <h2 class="part-title"> - - æå - - </h2> - <ul class="doc-summary"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <li> - <h3 class="chapter-title"><a href="/cn/references/index.html" class="sidebar-link ">éç¨ç¹æ§</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/ios-apis.html" class="sidebar-link ">iOS APIs</a> - </li> - - <li> - <a href="/cn/references/android-apis.html" class="sidebar-link ">Android APIs</a> - </li> - - <li> - <a href="/cn/references/html5-apis.html" class="sidebar-link ">HTML5 APIs</a> - </li> - - <li> - <a href="/cn/references/jsfm-apis.html" class="sidebar-link ">JS Framework APIs</a> - </li> - - <li> - <a href="/cn/references/common-style.html" class="sidebar-link ">éç¨æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/text-style.html" class="sidebar-link ">ææ¬æ ·å¼</a> - </li> - - <li> - <a href="/cn/references/color-names.html" class="sidebar-link ">é¢è²å称å表</a> - </li> - - <li> - <a href="/cn/references/gesture.html" class="sidebar-link ">æå¿</a> - </li> - - <li> - <a href="/cn/references/path.html" class="sidebar-link ">Path (è±)</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/components/index.html" class="sidebar-link ">å 建ç»ä»¶</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/components/a.html" class="sidebar-link "><a></a> - </li> - - <li> - <a href="/cn/references/components/slider.html" class="sidebar-link "><slider></a> - </li> - - <li> - <a href="/cn/references/components/indicator.html" class="sidebar-link "><indicator></a> - </li> - - <li> - <a href="/cn/references/components/switch.html" class="sidebar-link "><switch></a> - </li> - - <li> - <a href="/cn/references/components/text.html" class="sidebar-link "><text></a> - </li> - - <li> - <a href="/cn/references/components/textarea.html" class="sidebar-link "><textarea></a> - </li> - - <li> - <a href="/cn/references/components/video.html" class="sidebar-link "><video></a> - </li> - - <li> - <a href="/cn/references/components/web.html" class="sidebar-link "><web></a> - </li> - - <li> - <a href="/cn/references/components/div.html" class="sidebar-link "><div></a> - </li> - - <li> - <a href="/cn/references/components/image.html" class="sidebar-link "><image></a> - </li> - - <li> - <a href="/cn/references/components/input.html" class="sidebar-link "><input></a> - </li> - - <li> - <a href="/cn/references/components/list.html" class="sidebar-link "><list></a> - </li> - - <li> - <a href="/cn/references/components/cell.html" class="sidebar-link "><cell></a> - </li> - - <li> - <a href="/cn/references/components/loading.html" class="sidebar-link "><loading></a> - </li> - - <li> - <a href="/cn/references/components/refresh.html" class="sidebar-link "><refresh></a> - </li> - - <li> - <a href="/cn/references/components/scroller.html" class="sidebar-link "><scroller></a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/modules/index.html" class="sidebar-link ">å 建模å</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/modules/animation.html" class="sidebar-link ">animation</a> - </li> - - <li> - <a href="/cn/references/modules/websocket.html" class="sidebar-link ">WebSocket</a> - </li> - - <li> - <a href="/cn/references/modules/picker.html" class="sidebar-link ">picker</a> - </li> - - <li> - <a href="/cn/references/modules/clipboard.html" class="sidebar-link ">clipboard</a> - </li> - - <li> - <a href="/cn/references/modules/dom.html" class="sidebar-link ">dom</a> - </li> - - <li> - <a href="/cn/references/modules/modal.html" class="sidebar-link ">modal</a> - </li> - - <li> - <a href="/cn/references/modules/navigator.html" class="sidebar-link ">navigator</a> - </li> - - <li> - <a href="/cn/references/modules/storage.html" class="sidebar-link ">storage</a> - </li> - - <li> - <a href="/cn/references/modules/stream.html" class="sidebar-link ">stream</a> - </li> - - <li> - <a href="/cn/references/modules/webview.html" class="sidebar-link ">webview</a> - </li> - - <li> - <a href="/cn/references/modules/globalevent.html" class="sidebar-link ">globalEvent</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/unit.html" class="sidebar-link ">CSS åä½</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/common-event.html" class="sidebar-link ">éç¨äºä»¶</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/native-dom-api.html" class="sidebar-link ">Native DOM APIs</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/weex-variable.html" class="sidebar-link ">Weex å®ä¾åé</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/web-standards.html" class="sidebar-link ">Web æ å</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/js-service/index.html" class="sidebar-link ">JS Service</a></h3> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/vue/index.html" class="sidebar-link ">Vue</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/vue/difference-with-web.html" class="sidebar-link ">Vue 2.x å¨ Weex å Web ä¸çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/vue/difference-of-vuex.html" class="sidebar-link ">ä½¿ç¨ Vuex å vue-router</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/advanced/index.html" class="sidebar-link ">é«é¶ç¥è¯</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/advanced/extend-to-ios.html" class="sidebar-link ">iOS æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-android.html" class="sidebar-link ">Android æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-to-html5.html" class="sidebar-link current ">HTML5 æ©å±</a> - </li> - - <li> - <a href="/cn/references/advanced/extend-jsfm.html" class="sidebar-link ">æå± JS framework</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-android.html" class="sidebar-link ">éæ Devtools å° Android</a> - </li> - - <li> - <a href="/cn/references/advanced/integrate-devtool-to-ios.html" class="sidebar-link ">éæ Devtools å° iOS</a> - </li> - - </ul> - - </li> - - <li> - <h3 class="chapter-title"><a href="/cn/references/migration/index.html" class="sidebar-link ">è¿ç§»</a></h3> - - <ul class="chapter"> - - <li> - <a href="/cn/references/platform-difference.html" class="sidebar-link ">Weex å Web å¹³å°çå·®å¼</a> - </li> - - <li> - <a href="/cn/references/migration/migration-from-weex.html" class="sidebar-link ">å¦ä½å°åæ Weex 项ç®æ¹é æ Vue çæ¬</a> - </li> - - <li> - <a href="/cn/references/migration/difference.html" class="sidebar-link ">Weex å Vue 2.x çè¯æ³å·®å¼</a> - </li> - - </ul> - - </li> - - - - <li> - <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">æ§è¯æ³ææ¡£</a></h3> - </li> - - </ul> -</div> - </div> - - -<article class="article article-type-references"> - <div class="article-entry" itemprop="articleBody"> - <header class="article-header"> - - - <h1 class="article-title" itemprop="name"> - HTML5 æ©å± - </h1> - - - <time class="article-date" datetime="2017-04-28T02:36:21.000Z">Updated time: 28/04/2017</time> -</header> - <h1 id="å¦ä½æ©å±-Weex-Web-端çç»ä»¶å模å"><a href="#å¦ä½æ©å±-Weex-Web-端çç»ä»¶å模å" class="headerlink" title="å¦ä½æ©å± Weex Web 端çç»ä»¶å模å"></a>å¦ä½æ©å± Weex Web 端çç»ä»¶å模å</h1><p>Weex æ¬èº«æä¾äºå¾å¤å ç½®ç»ä»¶å模åï¼ä¹å ·å¤æ¨ªåæ©å±çè½åï¼å 许å¼åè èªè¡æ©å±åå®å¶ãéè¦æ³¨æçæ¯ï¼Weex æ¯ä¸ä¸ªè·¨å¹³å°ç解å³æ¹æ¡ï¼æ©å±å ¶å ç½®ç»ä»¶æ模åï¼éè¦å¨ä¸ç«¯ï¼AndroidãiOSãWebï¼ä¸é½æç¸åºçå®ç°ã</p> -<p>Weex å°å æ ¸åæ¢æ Vue 2.x ä¹åï¼å¨ Web 端æ©å± Vue ç»ä»¶å°åå¾æ´å 容æã</p> -<h2 id="æ©å±-Web-ç»ä»¶"><a href="#æ©å±-Web-ç»ä»¶" class="headerlink" title="æ©å± Web ç»ä»¶"></a>æ©å± Web ç»ä»¶</h2><p>Vue.js æ¬èº«å°±æ¯ä¸ä¸ªç¬ç«çå端æ¡æ¶ï¼å¨æµè§å¨ä¸å®å ¨è½å¤ä¸åºäº Weex 容å¨æ¸²æãå æ¤ï¼é对 Weex å¹³å°æ©å± Vue.js ç Web 端ç»ä»¶ï¼åç´æ¥ä½¿ç¨ Vue.js å¼åä¸ä¸ª Web ç»ä»¶æ¯ä¸æ ·çãå ·ä½çç»ä»¶ç¼åæ¹æ³å¯ä»¥åèå ¶å®æ¹ææ¡£ï¼<a href="https://cn.vuejs.org/v2/guide/components.html" target="_blank" rel="external">ç»ä»¶</a> ï¼å¦å¤å»ºè®®ä½¿ç¨ <code>.vue</code> æ ¼å¼çæ件ç¼åç»ä»¶ï¼ä½¿ç¨æ¹æ³åèï¼<a href="https://cn.vuejs.org/v2/guide/single-file-components.html" target="_blank" rel="external">åæ件ç»ä»¶</a>ã</p> -<h3 id="æ©å±ç»ä»¶ç¤ºä¾"><a href="#æ©å±ç»ä»¶ç¤ºä¾" class="headerlink" title="æ©å±ç»ä»¶ç¤ºä¾"></a>æ©å±ç»ä»¶ç¤ºä¾</h3><p>以æ©å± <code><sidebar></code> 为ä¾ï¼é¦å åºè¯¥ç¼åç»ä»¶èªèº«çé»è¾ï¼</p> -<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="comment"><!-- sidebar.vue --></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"sidebar"</span>></span></div><div class="line"> <span class="tag"><<span class="name">slot</span>></span><span class="tag"></<span class="name">slot</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">style</span> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.sidebar</span> {</di v><div class="line"> <span class="comment">/* ... */</span></div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div><div class="line"></div><div class="line"><span class="tag"><<span class="name">script</span>></span><span class="javascript"></span></div><div class="line"> <span class="keyword">export</span> <span class="keyword">default</span> {</div><div class="line"> <span class="attr">props</span>: [],</div><div class="line"> data () {</div><div class="line"> <span class="keyword">return</span> {}</div><div class="line"> }</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">script</span>></span></div></pre></td></tr></table></figure> -<p>ç¶åå¨ä½¿ç¨ä¹åï¼å ¨å±æ³¨å <code><sidebar></code> ç»ä»¶ï¼</p> -<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="keyword">import</span> Vue <span class="keyword">from</span> <span class="string">'vue'</span></div><div class="line"><span class="keyword">import</span> Sidebar <span class="keyword">from</span> <span class="string">'./path/to/sidebar.vue'</span></div><div class="line"></div><div class="line"><span class="comment">// å ¨å±æ³¨å sidebar ç»ä»¶</span></div><div class="line">Vue.component(<span class="string">'sidebar'</span>, Sidebar)</div></pre></td></tr></table></figure> -<p>å¨æ©å± Weex ç»ä»¶æ¶ï¼å¦æåªä½¿ç¨äº Weex æä¾çå ç½®ç»ä»¶ï¼å¹¶ä¸ä½¿ç¨çé½æ¯ Weex æ¯æçæ ·å¼ï¼é£ä¹å°±åæ®éçèªå®ä¹ç»ä»¶æ å¼ï¼ä¸éè¦ Native 端åæç¸åºçå®ç°ã</p> -<p>å¦æä½ å®å¶ç»ä»¶æ¶ä¸å¾ä¸ç¨å°ç®å Weex ä¸æ¯æçæ ç¾åæ ·å¼ï¼å¨è¿ç§æ åµä¸ææ¯çæ£çâæ©å±âäº Weex çç»ä»¶ï¼ä½ è¿éè¦å¨ Android å iOS ä¸æç¸åºçå®ç°ï¼ä¸ç¶ä¼å¯¼è´æ¸²æå¼å¸¸ã</p> -<h2 id="æ©å±-Web-模å"><a href="#æ©å±-Web-模å" class="headerlink" title="æ©å± Web 模å"></a>æ©å± Web 模å</h2><p>é¤äºéç¨ç»ä»¶ä»¥å¤ï¼Weex è¿ææä¾äºéç¨ç模åï¼å¯ä»¥æ¹ä¾¿çè°ç¨åç APIãé常æ¥è¯´ï¼æ³¨å Weex 模åè¦æ±ä¸ç«¯é½å¾æç¸åºçå®ç°ï¼å¦åä¼å½±åå ¶æ£å¸¸ç使ç¨ã</p> -<h3 id="注å模å"><a href="#注å模å" class="headerlink" title="注å模å"></a>注å模å</h3><p>å¦æä½ å¼å ¥äº <code>weex-vue-render</code> è¿ä¸ªåºï¼é£ä¹å¨å ¨å±è½è·åå° <code>weex</code> è¿ä¸ªåéï¼å ¶ä¸æä¾äº <code>registerModule</code> æ¹æ³å¯ä»¥æ³¨å模åã</p> -<h4 id="API-æ ¼å¼"><a href="#API-æ ¼å¼" class="headerlink" title="API æ ¼å¼"></a>API æ ¼å¼</h4><ul> -<li><code>registerModule</code><ol> -<li><code>name</code>: {String} å¿ éï¼æ¨¡åå称ã</li> -<li><code>define</code>: {Object} å¿ éï¼æ¨¡åçå®ä¹ã</li> -</ol> -</li> -</ul> -<h4 id="注å模å示ä¾"><a href="#注å模å示ä¾" class="headerlink" title="注å模å示ä¾"></a>注å模å示ä¾</h4><p>ä¸è¾¹ç代ç 注åäºä¸ä¸ªå为 <code>guide</code> ç模åï¼</p> -<figure class="highlight js"><table><tr><td class="code"><pre><div class="line">weex.registerModule(<span class="string">'guide'</span>, {</div><div class="line"> greeting () {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'Hello, nice to meet you. I am your guide.'</span>)</div><div class="line"> },</div><div class="line"> farewell () {</div><div class="line"> <span class="built_in">console</span>.log(<span class="string">'Goodbye, I am always at your service.'</span>)</div><div class="line"> }</div><div class="line">})</div></pre></td></tr></table></figure> -<h3 id="使ç¨æ¨¡å"><a href="#使ç¨æ¨¡å" class="headerlink" title="使ç¨æ¨¡å"></a>使ç¨æ¨¡å</h3><p>å¨ <code>weex</code> ä¸æä¾äº <code>require</code> æ¹æ³ç¨äºè·å已注åç模åï¼ç´æ¥ä¼ é模ååå³å¯ï¼</p> -<figure class="highlight js"><table><tr><td class="code"><pre><div class="line"><span class="comment">// è·å模å</span></div><div class="line"><span class="keyword">const</span> guide = weex.requireModule(<span class="string">'guide'</span>)</div><div class="line"></div><div class="line"><span class="comment">// å¯ä»¥ç´æ¥è°ç¨æ¨¡åä¸çæ¹æ³</span></div><div class="line">guide.greeting()</div><div class="line">guide.farewell()</div></pre></td></tr></table></figure> -<p>ä¸è¿°åæ³å¨ Native ç¯å¢ä¸ä¾ç¶ææï¼åªä¸è¿æ¨¡åä¸çæ¹æ³æ¯ç± Native æä¾çã</p> - - </div> - -</article> -</div> - - <footer id="footer"> - <div class="row clearfix"> - <div class="dropdown select-lang"> - <a href="javascript:;" class="dropdown-toggle"> - Language - <span class="caret"></span> - </a> - <ul class="dropdown-menu pick-lang"> - <li> - <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a> - </li> - <li> - <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">ä¸æ</a> - </li> - </ul> - </div> - </div> - <div class="disclaimer"> - <div><img src="//gw.alicdn.com/tfs/TB1pTBZQFXXXXX9XXXXXXXXXXXX-794-280.png" width="200px" alt="Apache Incubator"></div> - <div><span class="title">Disclaimer:</span> Apache Weex is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.</div> - <br/> - </div> - <hr> - <div class="row"> - <p> <img src="//gw.alicdn.com/tfs/TB1bg8SQFXXXXcHXXXXXXXXXXXX-85-170.png" height="50px" alt="Apache"><span>Copyright(c) 2017 The Apache Software Foundation. Licensed under the </span> <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a></p> - </div> - <div class="row clearfix"> - <div></div> - </div> -</footer> - <div style="display: none;"> - <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script> -</div> - - <script src="/js/reqwest.js"></script> - <script src="/js/common.js"></script> -</body> -</html>