PageRenderTime 48ms CodeModel.GetById 19ms RepoModel.GetById 1ms app.codeStats 0ms

/1.4/docs/html/guideline/path.html

https://github.com/kissyteam/kissyteam.github.com
HTML | 161 lines | 157 code | 4 blank | 0 comment | 0 complexity | ed38a4c18ddb0f8d7e559c985288a86f MD5 | raw file
Possible License(s): Apache-2.0 
    

  1. <!doctype html>
    2. 

  2. <html lang="zh">
    3. 

  3. <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <title>KISSY - A Powerful JavaScript Framework</title>
    6. 

  6.     <meta name="viewport"
    7. 

  7.       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    8. 

  8.     <script src="//g.alicdn.com/kissy/k/1.4.8/seed-min.js"></script>
    9. 

  9.     <script src="/1.4/source/guideline/templates/assets/jquery.min.js"></script>
    10. 

  10.     <script src="/1.4/source/guideline/templates/assets/script.js"></script>
    11. 

  11.     <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/bootstrap.css">
    12. 

  12.     <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/normalize.css">
    13. 

  13.     <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/kissy.css">
    14. 

  14.     <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/prettify.css">
    15. 

  15.     <link rel="stylesheet" href="/1.4/source/guideline/templates/assets/forkit.css">
    16. 

  16.     <script src="/1.4/source/guideline/api/assets/highlight.pack.js"></script>
    17. 

  17.     <link href="/1.4/source/guideline/api/assets/tomorrow-night-bright.css" rel=stylesheet />
    18. 

  18.     <link rel="shortcut icon" href="http://a.tbcdn.cn/s/kissy/favicon.ico">
    19. 

  19. </head>
    20. 

  20. 

  21. <body class="">
    22. 

  22.     <nav id="sidebar">
    23. 

  23.         <header>
    24. 

  24.             <a href="/">
    25. 

  25.                 <img src="http://gtms01.alicdn.com/tps/i1/T1MVbxFoRcXXchhRni-175-68.png" alt=""/>
    26. 

  26.             </a>
    27. 

  27.         </header>
    28. 

  28.         <ul>
    29. 

  29.             <li><a href="https://github.com/kissyteam/kissy">GitHub</a></li>
    30. 

  30.             <li><a href="/1.4/docs/html/guideline/why-kissy.html">为什么选择kissy</a></li>
    31. 

  31.             <li><a href="/1.4/docs/html/guideline/get-started.html">入门指南</a></li>
    32. 

  32.             <li><a href="/1.4/docs/html/api/">API Doc</a></li>
    33. 

  33.             <li><a href="/1.4/docs/html/coms.html" class="J_Coms J_NavComs">组件列表</a></li>
    34. 

  34.             <li><a href="https://github.com/minghe/generator-bee/wiki/generator-bee%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B">bee 项目构建器</a></li>
    35. 

  35.             <li class="nav-divider"><a href="https://www.npmjs.com/package/gulp-kmc">gulp-kmc</a></li>
    36. 

  36.             <li><a href="/index-1.3.html">v1.3</a></li>
    37. 

  37.             <li><a href="/index-1.2.html">v1.2</a></li>
    38. 

  38.             <li><a href="/index-1.1.6.html">v1.1.6</a></li>
    39. 

  39.         </ul>
    40. 

  40.     </nav>
    41. 

  41. 

  42.   <div id="content">
    43. 

  43.     <article>
    44. 

  44. 	    <p><style>
    45. 

  45. h3 {
    46. 

  46.     color:blue;
    47. 

  47. }
    48. 

  48. </style></p>
    49. 

  49. <h1 id="path">path</h1>
    50. 

  50. <blockquote>
    51. 

  51. <p>当前浏览器地址的有关信息</p>
    52. 

  52. </blockquote>
    53. 

  53. <p>可以直接通过KISSY.Path调用：</p>
    54. 

  54. <pre><code>KISSY.Path.do_sth();</code></pre>
    55. 

  55. <p>也可以通过沙箱来调用</p>
    56. 

  56. <pre><code>KISSY.use(&#39;path&#39;,function(S,Path){
    57. 

  57.     Path.do_sth();// 执行操作
    58. 

  58. });</code></pre>
    59. 

  59. <h3 id="basename-static-">basename()  <code>&lt;static&gt;</code></h3>
    60. 

  60. <p><code>basename(path,ext) =&gt; String</code></p>
    61. 

  61. <p>获取域名中的文件名</p>
    62. 

  62. <h4 id="parameter">parameter</h4>
    63. 

  63. <ul>
    64. 

  64. <li>path：String，路径字符串</li>
    65. 

  65. <li>ext：String，需要过滤的扩展名，比如<code>.html</code></li>
    66. 

  66. </ul>
    67. 

  67. <h4 id="return">return</h4>
    68. 

  68. <p>返回文件名</p>
    69. 

  69. <h4 id="example">example</h4>
    70. 

  70. <pre><code>Path.basename(&#39;http://www.taobao.com/index.html&#39;,&#39;.html&#39;);//=&gt; index</code></pre>
    71. 

  71. <h3 id="dirname-static-">dirname()  <code>&lt;static&gt;</code></h3>
    72. 

  72. <p><code>dirname(path) =&gt; String</code></p>
    73. 

  73. <p>返回path所指的文件所在的目录路径</p>
    74. 

  74. <h4 id="parameter">parameter</h4>
    75. 

  75. <p>path（String），Path全称</p>
    76. 

  76. <h4 id="example">example</h4>
    77. 

  77. <pre><code>Path.dirname(&#39;/home/bachi/daily/index.html&#39;);//=&gt;/home/bachi/daily</code></pre>
    78. 

  78. <h3 id="extname-static-">extname()  <code>&lt;static&gt;</code></h3>
    79. 

  79. <p><code>extname(path) =&gt; String</code></p>
    80. 

  80. <p>获取路径所指文件的扩展名，比如<code>.html</code></p>
    81. 

  81. <h4 id="example">example</h4>
    82. 

  82. <pre><code>Path.extname(&#39;/home/bachi/daily/index.html&#39;);//=&gt; .html</code></pre>
    83. 

  83. <h3 id="join-static-">join()  <code>&lt;static&gt;</code></h3>
    84. 

  84. <p><code>join(p1,p2,...) =&gt; String</code></p>
    85. 

  85. <p>以此拼接p1、p2...,遇到<code>../</code>时回退一级目录</p>
    86. 

  86. <h4 id="example">example</h4>
    87. 

  87. <pre><code>// ../../ 表示回退两级目录
    88. 

  88. Path.join(&#39;/home/bachi/daily/&#39;,&#39;project&#39;,&#39;../../&#39;,&#39;index.html&#39;);//=&gt; /home/bachi/index.html</code></pre>
    89. 

  89. <h3 id="normalize-static-">normalize()  <code>&lt;static&gt;</code></h3>
    90. 

  90. <p><code>normalize(path) =&gt; String</code></p>
    91. 

  91. <p>将path中的无关内容清理掉，返回直接的路径信息</p>
    92. 

  92. <h4 id="example">example</h4>
    93. 

  93. <pre><code>Path.normalize(&#39;x/y/../z&#39;); // =&gt; x/z/
    94. 

  94. Path.normalize(&#39;x/y/z/../&#39;); // =&gt; x/y/</code></pre>
    95. 

  95. <h3 id="relative-static-">relative()  <code>&lt;static&gt;</code></h3>
    96. 

  96. <p><code>relative(from,to) =&gt; String</code></p>
    97. 

  97. <p>计算相对路径</p>
    98. 

  98. <h4 id="example">example</h4>
    99. 

  99. <pre><code>Path.relative(&#39;x/&#39;,&#39;x/y/z&#39;); // =&gt; &#39;y/z&#39;
    100. 

  100. Path.relative(&#39;x/t/z&#39;,&#39;x/&#39;); // =&gt; &#39;../../&#39;</code></pre>
    101. 

  101. <h3 id="resolve-static-">resolve()  <code>&lt;static&gt;</code></h3>
    102. 

  102. <p><code>resolve([from ...], to) =&gt; String</code></p>
    103. 

  103. <p>得到绝对地址，算法逻辑参照NodeJS <a href="http://nodejs.org/api/path.html#path_path_resolve_from_to">Path.resolve</a>。</p>
    104. 

  104. <h4 id="example">example</h4>
    105. 

  105. <pre><code>KISSY.Path.resolve(&#39;wwwroot&#39;, &#39;static_files/png/&#39;, &#39;../gif/image.gif&#39;)
    106. 

  106. // =&gt; &#39;wwwroot/static_files/gif/image.gif&#39;
    107. 

  107. 

  108. KISSY.Path.resolve(&#39;/foo/bar&#39;, &#39;/tmp/file/&#39;)
    109. 

  109. // =&gt;    &#39;/tmp/file&#39;</code></pre>
    110. 

  110. 

  111.           <style>
    112. 

  112.             .github-btn {
    113. 

  113.                 border: 0 none;
    114. 

  114.                 overflow: hidden;
    115. 

  115.                 margin-top:4px;
    116. 

  116.             }
    117. 

  117.             footer {
    118. 

  118.                 border-top:1px solid #e2e2e2;
    119. 

  119.                 padding-top:20px;
    120. 

  120.                 clear:both;
    121. 

  121.             }
    122. 

  122.             /* iPhone 及以下 */
    123. 

  123.             @media only screen and (max-width: 767px) {
    124. 

  124.                 .github-link {
    125. 

  125.                     display:none;
    126. 

  126.                 }
    127. 

  127.             }
    128. 

  128.           </style>
    129. 

  129.     </article>
    130. 

  130.   </div>
    131. 

  131.   <script>
    132. 

  132. 	var S = KISSY;
    133. 

  133. 	(function(){
    134. 

  134. 		S.use('node',function(S){
    135. 

  135. 			S.all('code').each(function(node){
    136. 

  136. 				var className = node.attr('class');
    137. 

  137. 				if(/^lang-/.test(className)){
    138. 

  138. 					var tc = className.replace(/^lang-/,'');
    139. 

  139. 					node.replaceClass(className,tc);
    140. 

  140. 				}
    141. 

  141. 			});
    142. 

  142. 			hljs.tabReplace = '    ';
    143. 

  143. 			hljs.initHighlighting();
    144. 

  144. 		});
    145. 

  145. 	})();
    146. 

  146. 	(function(){
    147. 

  147. 		var h3s = document.getElementsByTagName('h3');
    148. 

  148. 		for(var i = 0;i<h3s.length;i++){
    149. 

  149. 			var str = S.trim(h3s[i].innerHTML);
    150. 

  150. 			try{
    151. 

  151. 				str = str.match(/\w+/)[0];
    152. 

  152. 			}catch(e){
    153. 

  153. 				continue;
    154. 

  154. 			}
    155. 

  155. 			h3s[i].innerHTML = '<a name="'+str+'"></a>' + h3s[i].innerHTML;
    156. 

  156. 		}
    157. 

  157. 	})();
    158. 

  158.   </script>
    159. 

  159.   <script type="text/javascript" src="http://tajs.qq.com/stats?sId=39100375" charset="UTF-8"></script>
    160. 

  160. </body>
    161. 

  161. </html>
    162. 

  162.