diff options
Diffstat (limited to 'files/zh-cn/glossary')
274 files changed, 8423 insertions, 0 deletions
diff --git a/files/zh-cn/glossary/404/index.html b/files/zh-cn/glossary/404/index.html new file mode 100644 index 0000000000..a9f1128873 --- /dev/null +++ b/files/zh-cn/glossary/404/index.html @@ -0,0 +1,18 @@ +--- +title: '404' +slug: Glossary/404 +tags: + - '404' + - HTTP Errors + - Infrastructure + - Navigation +translation_of: Glossary/404 +--- +<p>404 是一个标准的响应代码，代表{{Glossary("Server", "服务器")}}无法找到所请求的资源。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Response_codes">HTTP响应码列表</a></li> + <li><a href="https://developer.mozilla.org/en-US/Learn/Checking_that_your_web_site_is_working_properly">对于初学者如何避免404错误的建议</a></li> +</ul> diff --git a/files/zh-cn/glossary/502/index.html b/files/zh-cn/glossary/502/index.html new file mode 100644 index 0000000000..5879bfa1c6 --- /dev/null +++ b/files/zh-cn/glossary/502/index.html @@ -0,0 +1,22 @@ +--- +title: '502' +slug: Glossary/502 +tags: + - '502' + - HTTP 错误 + - Infrastructure + - Navigation + - 术语表 +translation_of: Glossary/502 +--- +<p>表示“网关错误”的 {{Glossary("HTTP")}} 错误码。</p> + +<p>一个{{Glossary("Server", "服务器")}}可以在客户端（比如 Web 浏览器）和另一个上游服务器之间充当网关或代理的角色。当你请求访问一个 {{Glossary("URL")}} 时，网关服务器可以把你的请求转发给上游服务器。“502”表示上游服务器返回了一个不合法的响应。</p> + +<p>通常来说上游服务器并没有停止运行（即没有向网关/代理发送响应），而只是不能理解网关/代理所使用的数据转换协议。由于互联网{{Glossary("Protocol", "协议")}}是非常明确的，因此 502 通常意味着（网关和上游服务器）其中一方或双方并没有被正确地，完整地进行编码。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Response_codes">list of HTTP response codes</a></li> +</ul> diff --git a/files/zh-cn/glossary/accessibility/index.html b/files/zh-cn/glossary/accessibility/index.html new file mode 100644 index 0000000000..0dbe2d4921 --- /dev/null +++ b/files/zh-cn/glossary/accessibility/index.html @@ -0,0 +1,32 @@ +--- +title: Accessibility +slug: Glossary/Accessibility +tags: + - 无障碍 + - 术语 +translation_of: Glossary/Accessibility +--- +<p><em>无障碍网页（Web Accessibility</em> ，缩写：<strong>A11Y</strong><em>）</em>指在物理条件和技术条件限制下，保证网站达到最佳可用性的实践 。Web accessibility 正式定义与论述，在 {{Glossary("W3C")}} 上的 {{Glossary("WAI","Web Accessibility Initiative")}} (WAI).</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常规知识">常规知识</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility">Accessibility resources at MDN</a></li> + <li>{{Interwiki("wikipedia", "Web accessibility")}} on Wikipedia</li> +</ul> + +<h3 id="学习_web_accessibility">学习 web accessibility</h3> + +<ul> + <li><a href="http://webaim.org/" rel="external">Web Accessibility In Mind</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Web/Accessibility/ARIA">The ARIA documentation on MDN</a></li> + <li><a href="http://www.w3.org/WAI/" rel="external">The Web Accessibility Initiative homepage</a></li> + <li><a href="http://www.w3.org/TR/wai-aria/" rel="external">The WAI-ARIA recommendation</a></li> +</ul> diff --git a/files/zh-cn/glossary/adobe_flash/index.html b/files/zh-cn/glossary/adobe_flash/index.html new file mode 100644 index 0000000000..b9a4ab1a66 --- /dev/null +++ b/files/zh-cn/glossary/adobe_flash/index.html @@ -0,0 +1,16 @@ +--- +title: Adobe Flash +slug: Glossary/Adobe_Flash +translation_of: Glossary/Adobe_Flash +--- +<p id="Summary">Flash 是一项过时的技术，由 Adobe 开发。Flash 使得富 Web 应用程序、矢量图形和多媒体成为可能。您需要安装正确的插件以在支持的{{Glossary("Browser","网页浏览器")}}使用 Flash。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li><a href="https://www.adobe.com/products/flashruntimes.html">官方网页</a></li> + <li><a href="https://mozilla.github.io/shumway/">Shumway，由 Mozilla 所研发的免费实现</a></li> + <li><a href="http://gnashdev.org/">Gnash，</a><a href="https://mozilla.github.io/shumway/">由 GNU 所研发的免费实现</a></li> +</ul> diff --git a/files/zh-cn/glossary/ajax/index.html b/files/zh-cn/glossary/ajax/index.html new file mode 100644 index 0000000000..eddf71495a --- /dev/null +++ b/files/zh-cn/glossary/ajax/index.html @@ -0,0 +1,31 @@ +--- +title: AJAX +slug: Glossary/AJAX +tags: + - AJAX +translation_of: Glossary/AJAX +--- +<p><strong>AJAX</strong>（Asynchronous {{glossary("JavaScript")}} And {{glossary("XML")}} ）是一种使用 {{glossary("XHR_(XMLHttpRequest)","XMLHttpRequest")}} 技术构建更复杂，动态的网页的编程实践。</p> + +<p>AJAX允许只更新一个 {{glossary("HTML")}} 页面的部分 {{glossary("DOM")}}，而无须重新加载整个页面。AJAX还允许异步工作，这意味着当网页的一部分正试图重新加载时，您的代码可以继续运行（相比之下，同步会阻止代码继续运行，直到这部分的网页完成重新加载）。</p> + +<p>通过交互式网站和现代 Web 标准，AJAX正在逐渐被 JavaScript 框架中的函数和官方的 {{domxref("Fetch API")}} 标准取代。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 {{interwiki("wikipedia", "AJAX")}}</li> + <li><a href="/zh-CN/docs/Web/Guide/AJAX/Getting_Started">MDN 上的 AJAX - Getting started </a></li> + <li><a href="http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/">Synchronous vs. Asynchronous Communications</a></li> +</ul> + +<h3 id="技术资讯">技术资讯</h3> + +<ul> + <li>{{DOMxRef("XMLHttpRequest")}} 对象</li> + <li>{{DOMxRef("Fetch API")}} </li> + <li><a href="zh-CN/docs/Web/Guide/AJAX">MDN 上的 AJAX 文档</a></li> + <li><a href="/en-US/docs/Web/API/Fetch_API/Using_Fetch">使用Fetch API</a></li> +</ul> diff --git a/files/zh-cn/glossary/alpn/index.html b/files/zh-cn/glossary/alpn/index.html new file mode 100644 index 0000000000..612033a687 --- /dev/null +++ b/files/zh-cn/glossary/alpn/index.html @@ -0,0 +1,58 @@ +--- +title: 应用层协议协商 +slug: Glossary/ALPN +tags: + - ALPN + - TLS +translation_of: Glossary/ALPN +--- +<p><strong>应用层协议协商</strong>（<strong>Application-Layer Protocol Negotiation</strong>，简称<strong>ALPN</strong>）是 {{Glossary("TLS")}} 的一个扩展，故而应用层协议在协商加密协议的过程中，避免了额外的往返通讯开销。</p> + +<table class="standard-table"> + <caption>几个重要的标识符:</caption> + <thead> + <tr> + <th scope="col">协议</th> + <th scope="col">标识符字节序列</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{Glossary("HTTP")}}/1.1</td> + <td><code>0x68 0x74 0x74 0x70 0x2F 0x31 0x2E 0x31</code> ("http/1.1")</td> + </tr> + <tr> + <td>{{Glossary("HTTP 2", "HTTP/2")}}</td> + <td><code>0x68 0x32</code> ("h2")</td> + </tr> + <tr> + <td>HTTP/2 over cleartext {{Glossary("TCP")}}</td> + <td><code>0x68 0x32 0x63</code> ("h2c")</td> + </tr> + </tbody> +</table> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Notes</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{RFC(7301)}}</td> + <td><span class="spec-RFC">IETF RFC</span></td> + <td>初始化定义</td> + </tr> + </tbody> +</table> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a href="https://www.iana.org/assignments/tls-extensiontype-values/tls-extensiontype-values.xhtml#alpn-protocol-ids">IANA registered ALPN identifiers</a></li> +</ul> diff --git a/files/zh-cn/glossary/api/index.html b/files/zh-cn/glossary/api/index.html new file mode 100644 index 0000000000..49665da622 --- /dev/null +++ b/files/zh-cn/glossary/api/index.html @@ -0,0 +1,31 @@ +--- +title: API +slug: Glossary/API +translation_of: Glossary/API +--- +<p>一个 API（Application Programming Interface，应用编程接口）是软件（应用）中的一系列特性和规则，这些特性和规则允许其他软件与之交互（与用户界面相对）。API 可被视为提供它的应用与其他软硬件之间的一个简单的合约（接口）。</p> + +<p>在 Web 开发中，API 通常是开发者能用在应用（app）中的一系列代码特性（如 {{glossary("method","方法")}}、{{Glossary("property","属性")}}、事件 和 {{Glossary("URL","URL")}}），这些特性被用于与用户的 web 浏览器中的组件、用户电脑上的其他软硬件或者第三方软件与服务交互。</p> + +<p>例如：</p> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">getUserMedia API</a> 能被用于从用户的摄像头采集音视频。接下来开发者可以任意使用这些音视频，例如记录视频和音频、在视频会议中向其他用户广播，或者从视频中截图。</li> + <li><a href="/en-US/docs/Web/API/Geolocation">Geolocation API</a> 能被用于从用户的可用的任意定位设备（如 GPS）获取位置信息，然后可以再用 <a href="https://developers.google.com/maps/">Google Maps APIs</a> 将这些位置信息用于在一个自定义的地图上标记出用户的位置和展示用户所在地区的旅游景点。</li> + <li><a href="https://dev.twitter.com/overview/api">Twitter APIs</a> 能被用于从用户的 twitter 账户获取数据，然后可以在一个网页上展示他们最近的 tweet 。</li> + <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a> 能被用于制作一个网页中的动画，例如让网页中的图片移动或旋转。</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="总体了解">总体了解</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "Application_programming_interface", "API")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/API">Web API 参考</a></li> +</ul> diff --git a/files/zh-cn/glossary/apple_safari/index.html b/files/zh-cn/glossary/apple_safari/index.html new file mode 100644 index 0000000000..2b7f1e29d0 --- /dev/null +++ b/files/zh-cn/glossary/apple_safari/index.html @@ -0,0 +1,25 @@ +--- +title: Apple Safari +slug: Glossary/Apple_Safari +translation_of: Glossary/Apple_Safari +--- +<p> </p> + +<p><a href="http://www.apple.com/safari/">Safari</a>是苹果公司开发的{{Glossary("Browser","Web browser")}}，与Mac OS X 和iOS绑定。它基于开源的<a href="http://www.webkit.org/">WebKit</a>引擎。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本信息">基本信息</h3> + +<ul> + <li>维基百科上的{{Interwiki("wikipedia", "Safari (web browser)", "Safari")}} </li> + <li><a href="http://www.apple.com/safari/" rel="external">Safari on apple.com</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li><a href="http://www.webkit.org/">The WebKit project</a></li> + <li><a href="http://nightly.webkit.org/" rel="external">WebKit nightly build</a></li> + <li><a href="https://bugs.webkit.org/" rel="external">Reporting a bug for Safari</a></li> +</ul> diff --git a/files/zh-cn/glossary/argument/index.html b/files/zh-cn/glossary/argument/index.html new file mode 100644 index 0000000000..0e3fc30ea8 --- /dev/null +++ b/files/zh-cn/glossary/argument/index.html @@ -0,0 +1,26 @@ +--- +title: Argument +slug: Glossary/Argument +tags: + - JavaScript + - 参数 + - 术语 +translation_of: Glossary/Argument +--- +<p> </p> + +<p><strong><font><font>argument </font></font></strong><font><font>是一个作为函数输入的</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/value" title="价值：技术审查完成。"><font><font>值</font></font></a><font><font>（</font></font><font><font><a href="https://developer.mozilla.org/en-US/docs/Glossary/primitive">原始数据</a></font></font><font><font>或</font></font><a href="https://developer.mozilla.org/en-US/docs/Glossary/object" title="object：Object是指包含用于处理数据的数据和指令的数据结构。 对象有时候是指现实世界的东西，例如赛车游戏中的汽车或地图对象。 JavaScript，Java，C ++，Python和Ruby是面向对象编程语言的例子。"><font><font>对象</font></font></a><font><font>）</font></font><font><font>。</font></font></p> + +<h2 id="学到更多"><font><font>学到更多</font></font></h2> + +<h3 id="基本知识"><font><font>基本知识</font></font></h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Parameter_(computer_programming)" title="Difference between Parameter and Argument">Parameter 和 Argument 之间的差异</a> - <font><font>维基百科</font></font></li> +</ul> + +<h3 id="技术参考"><font><font>技术参考</font></font></h3> + +<ul> + <li><font><a href="https://developer.mozilla.org/en-US/docs/Glossary/JavaScript" title="JavaScript：JavaScript（JS）是一种编程语言，主要用于客户端来动态地脚本化网页，但也常常是服务器端的。"><font>JavaScript 中</font></a><font>的 </font></font><code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments" title="arguments对象是与传递给函数的参数相对应的类Array对象。">arguments</a></code> <font><font>对象</font></font></li> +</ul> diff --git a/files/zh-cn/glossary/aria/index.html b/files/zh-cn/glossary/aria/index.html new file mode 100644 index 0000000000..cbd0fbfb13 --- /dev/null +++ b/files/zh-cn/glossary/aria/index.html @@ -0,0 +1,17 @@ +--- +title: ARIA +slug: Glossary/ARIA +tags: + - Accessibility + - Glossary +translation_of: Glossary/ARIA +--- +<p><strong>ARIA</strong> (<em>Accessible Rich {{glossary("Internet")}} Applications</em>) 是向{{Glossary("HTML")}} 中添加语义和其他元数据的{{Glossary("W3C")}} 规范，以满足用户的辅助技术的需要。</p> + +<p>例如，你可以将 <code>role="alert"</code>添加到{{HTMLElement("p")}} {{glossary("tag")}}以通知视力有问题的用户该信息是重要的（否则你可能通过文字颜色传达）。</p> + +<h2 id="更多">更多</h2> + +<ul> + <li><a href="/en-US/docs/Web/Accessibility/ARIA">ARIA </a></li> +</ul> diff --git a/files/zh-cn/glossary/arpanet/index.html b/files/zh-cn/glossary/arpanet/index.html new file mode 100644 index 0000000000..bba665d815 --- /dev/null +++ b/files/zh-cn/glossary/arpanet/index.html @@ -0,0 +1,14 @@ +--- +title: Arpanet +slug: Glossary/Arpanet +translation_of: Glossary/Arpanet +--- +<p><strong>ARPAnet </strong>（高级研究计划署网络）是早期的一个计算机网络，于 1969 年建立，作为一个传送敏感军事数据和连接全美领先研究组的稳健媒介。ARPAnet 原先运行于 NCP（网络控制协议）之上，后来运行于第一个版本的互联网协议或 {{glossary("TCP")}}/{{glossary("IPv6","IP")}} 协议族，使 ARPAnet 成为初期 {{glossary("Internet", "互联网")}} 中显著的一部分。ARPAnet 于 1990 年初关闭。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "Arpanet")}}</li> +</ul> diff --git a/files/zh-cn/glossary/array/index.html b/files/zh-cn/glossary/array/index.html new file mode 100644 index 0000000000..7738ad9068 --- /dev/null +++ b/files/zh-cn/glossary/array/index.html @@ -0,0 +1,32 @@ +--- +title: Array +slug: Glossary/array +tags: + - JavaScript + - programming + - 数组 +translation_of: Glossary/array +--- +<p>数组对象是一个有序的数据（数据可以是 {{Glossary("primitive","原始类型")}} 或 {{Glossary("object","对象类型")}}）集合。相对于变量，数组可用于在一个变量中存储多个变量值。</p> + +<p>数组中的每一项都有一个数字附于其上，被称为索引。在 JavaScript 中，数组索引从 0 开始，并可以使用多种 {{Glossary("Method", "方法")}} 操作。</p> + +<p>JavaScript 中的数组形式如下：</p> + +<pre class="brush: js">var myArray = [1, 2, 3, 4]; +var catNamesArray = ["Jacqueline", "Sophia", "Autumn"]; +//Javascript 中的数据可以处理不用类型的数据，如上。</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常规知识">常规知识</h3> + +<ul> + <li>维基百科的{{Interwiki("wikipedia", "数组", "数组")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>Javascript {{jsxref("Array")}} on MDN</li> +</ul> diff --git a/files/zh-cn/glossary/ascii/index.html b/files/zh-cn/glossary/ascii/index.html new file mode 100644 index 0000000000..96b3d3db68 --- /dev/null +++ b/files/zh-cn/glossary/ascii/index.html @@ -0,0 +1,15 @@ +--- +title: ASCII +slug: Glossary/ASCII +tags: + - 基础架构 + - 术语表 +translation_of: Glossary/ASCII +--- +<p><strong>ASCII</strong> (<em>American Standard Code for Information Interchange，美国信息交换标准码</em>) 是计算机中最常用的编码方式，用于将字母，数字，标点符号和控制字符转换为计算机可以理解的数字形式。 从2007年开始逐渐被{{Glossary("UTF-8")}} 代替。</p> + +<h2 id="更多：">更多：</h2> + +<h3 id="基本知识">基本知识</h3> + +<p>{{Interwiki("wikipedia", "ASCII")}} on Wikipedia</p> diff --git a/files/zh-cn/glossary/attribute/index.html b/files/zh-cn/glossary/attribute/index.html new file mode 100644 index 0000000000..f56ff7465e --- /dev/null +++ b/files/zh-cn/glossary/attribute/index.html @@ -0,0 +1,18 @@ +--- +title: Attribute +slug: Glossary/Attribute +tags: + - API + - HTML +translation_of: Glossary/Attribute +--- +<p><span class="glossaryLink new"><strong>Attribute</strong></span> （标签属性）用于拓展HTML <a href="https://developer.mozilla.org/en-US/docs/Glossary/tag" title="tag: In HTML a tag is used for creating an element. The name of an HTML element is the name used in angle brackets such as <p> for paragraph. Note that the end tag's name is preceded by a slash character, "</p>", and that in empty elements the end tag is neither required nor allowed. If attributes are not mentioned, default values are used in each case.">tag</a>， 可改变标签行为或提供元数据，属性总是以<code>name = value</code>的格式（属性的识别码后接与之相关的值）</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="技术参考"><span style="font-size: 27.4286px;">技术参考</span></h3> + +<ul> + <li><a href="/en-US/docs/Web/HTML/Attributes">HTML attribute reference</a></li> + <li>关于 HTML's <a href="/en-US/docs/Web/HTML/Global_attributes">global attributes</a> 的信息</li> +</ul> diff --git a/files/zh-cn/glossary/bandwidth/index.html b/files/zh-cn/glossary/bandwidth/index.html new file mode 100644 index 0000000000..438b712316 --- /dev/null +++ b/files/zh-cn/glossary/bandwidth/index.html @@ -0,0 +1,12 @@ +--- +title: 带宽 +slug: Glossary/Bandwidth +translation_of: Glossary/Bandwidth +--- +<p>带宽是对于在给定时间内有多少的信息能够通过数据通道的一个度量。它经常以每秒钟多少bits的形式来表示，例如Mb/s,Gb/s。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{Interwiki("wikipedia", "Bandwidth")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/bidi/index.html b/files/zh-cn/glossary/bidi/index.html new file mode 100644 index 0000000000..2e8958cdc9 --- /dev/null +++ b/files/zh-cn/glossary/bidi/index.html @@ -0,0 +1,23 @@ +--- +title: BiDi +slug: Glossary/BiDi +tags: + - 可访问性 + - 术语表 +translation_of: Glossary/BiDi +--- +<p><strong>BiDi</strong> (BiDirectional) 是指一篇文档中同时包含了从左至右和从右至左阅读的文本。即使在同一段落中同时出现这两种类型，也必须保证每种语言文本都以正确的方式呈现。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常规知识">常规知识</h3> + +<ul> + <li>维基百科的{{Interwiki("wikipedia", "Bi-directional text")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/Apps/Build/Localization/Developing_Bidi_Apps">开发Bidi应用</a></li> +</ul> diff --git a/files/zh-cn/glossary/bigint/index.html b/files/zh-cn/glossary/bigint/index.html new file mode 100644 index 0000000000..64e95f6986 --- /dev/null +++ b/files/zh-cn/glossary/bigint/index.html @@ -0,0 +1,26 @@ +--- +title: BigInt +slug: Glossary/BigInt +tags: + - BigInt + - JavaScript +translation_of: Glossary/BigInt +--- +<p>在{{Glossary("JavaScript")}}中，<strong>BigInt </strong>是一种数字类型的数据，它可以表示任意精度格式的整数。而在其他编程语言中，可以存在不同的数字类型，例如:整数、浮点数、双精度数或大斐波数。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="知识点">知识点</h3> + +<ul> + <li> + <p><span>维基百科：{{Interwiki("wikipedia", "Data type#Numeric_types", "Numeric types")}} </span></p> + </li> +</ul> + +<h3 id="参阅">参阅</h3> + +<ul> + <li>JavaScript 数据结构: <a href="/en-US/docs/Web/JavaScript/Data_structures#BigInt_type">BigInt</a></li> + <li>JavaScript 全局对象 {{jsxref("BigInt")}}</li> +</ul> diff --git a/files/zh-cn/glossary/blink/index.html b/files/zh-cn/glossary/blink/index.html new file mode 100644 index 0000000000..d8bfdbce6d --- /dev/null +++ b/files/zh-cn/glossary/blink/index.html @@ -0,0 +1,18 @@ +--- +title: Blink +slug: Glossary/Blink +tags: + - 布局引擎 +translation_of: Glossary/Blink +--- +<p>Blink 是一个开源的浏览器布局引擎，由谷歌作为 Chromium 项目的一部分开发（因而也是 Chrome 的一部分）。具体而言，Blink是一个派生自 {{glossary("WebKit")}} 项目中 WebCore 库的分支，用于处理布局、渲染以及 {{Glossary("DOM")}}。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>Blink 项目 <a href="http://www.chromium.org/blink">主页</a>（英文）</li> + <li>Wikipedia上的信息：<a href="http://en.wikipedia.org/wiki/Blink_%28layout_engine%29">Blink</a></li> + <li>Blink 的 <a href="http://www.chromium.org/blink/developer-faq">FAQ</a> （英文）</li> +</ul> diff --git a/files/zh-cn/glossary/block/css/index.html b/files/zh-cn/glossary/block/css/index.html new file mode 100644 index 0000000000..0f7b8a8df5 --- /dev/null +++ b/files/zh-cn/glossary/block/css/index.html @@ -0,0 +1,20 @@ +--- +title: Block (CSS) +slug: Glossary/Block/CSS +tags: + - CSS + - 术语 + - 编程 +translation_of: Glossary/Block/CSS +--- +<p>网页上的区块指的是出现在新行上的 {{glossary("HTML")}} {{glossary("element", "元素")}}，即在该元素的前一个元素的下方，在后一个元素之上（通常称为块级元素）。 例如，HTML 中的 {{htmlelement("p")}} 元素默认是<em>块级元素</em>，而 {{htmlelement("a")}} 元素是一个<em>内联元素</em> - 你可以在 HTML 源码中将多个标记紧挨着写在一起，渲染结果是，它们将在同一行显示。</p> + +<p>通过使用 CSS 的 {{cssxref("display")}} 属性，你可以更改元素是内联还是块（在许多其他选项中）; <strong>块</strong>也受到定位方案（positioning schemes）和使用 CSS 中 {{cssxref("position")}} 属性的影响。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li><a href="/en-US/docs/Web/Guide/CSS/Visual_formatting_model">Visual formatting model</a></li> +</ul> diff --git a/files/zh-cn/glossary/block/index.html b/files/zh-cn/glossary/block/index.html new file mode 100644 index 0000000000..5937a739d6 --- /dev/null +++ b/files/zh-cn/glossary/block/index.html @@ -0,0 +1,13 @@ +--- +title: Block +slug: Glossary/Block +tags: + - Disambiguation + - Glossary + - NeedsTranslation + - TopicStub +translation_of: Glossary/Block +--- +<p>术语 <strong>block</strong> 在不同的上下文中有多种含义. 这些含义可能是</p> + +<p>{{GlossaryDisambiguation}}</p> diff --git a/files/zh-cn/glossary/block/scripting/index.html b/files/zh-cn/glossary/block/scripting/index.html new file mode 100644 index 0000000000..abf72e81c8 --- /dev/null +++ b/files/zh-cn/glossary/block/scripting/index.html @@ -0,0 +1,18 @@ +--- +title: Block (块作用域) +slug: Glossary/Block/Scripting +tags: + - JavaScript + - 术语表 + - 编程 +translation_of: Glossary/Block/Scripting +--- +<p>在 {{glossary("JavaScript")}}中, 函数块是指被大括号("{}")包裹住的相关联的{{glossary("statement","statements")}}的集合。例如, 你可以在 {{jsxref("Statements/if...else","if (condition)")}}后声明一段函数块形式的代码，表明当条件判断为真时，解释程序应该运行上述函数块里的代码，或者当条件判断为假时跳过执行上述函数块里的代码。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="了解关于">了解关于</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/block">JavaScript函数块声明</a></li> +</ul> diff --git a/files/zh-cn/glossary/block_cipher_mode_of_operation/index.html b/files/zh-cn/glossary/block_cipher_mode_of_operation/index.html new file mode 100644 index 0000000000..ca33a357b8 --- /dev/null +++ b/files/zh-cn/glossary/block_cipher_mode_of_operation/index.html @@ -0,0 +1,8 @@ +--- +title: Block cipher mode of operation +slug: Glossary/Block_cipher_mode_of_operation +translation_of: Glossary/Block_cipher_mode_of_operation +--- +<p>块密码操作模式通常在上下文中称为“模式”，它指定应如何使用块密码来加密或解密长于块大小的消息。</p> + +<p>当前使用的大多数对称密钥算法都是块密码：这意味着它们一次加密一个块的数据。 每个块的大小是固定的，并由算法确定：例如，AES使用16字节的块。 块密码始终与一种模式一起使用，该模式指定了如何安全加密长度超过块大小的消息。 例如，AES是一个密码，而CTR，CBC和GCM都是模式。 使用不合适的模式或使用不正确的模式会完全破坏基础密码提供的安全性。</p> diff --git a/files/zh-cn/glossary/boolean/index.html b/files/zh-cn/glossary/boolean/index.html new file mode 100644 index 0000000000..7ca234b21f --- /dev/null +++ b/files/zh-cn/glossary/boolean/index.html @@ -0,0 +1,48 @@ +--- +title: Boolean +slug: Glossary/Boolean +translation_of: Glossary/Boolean +--- +<p>在计算机科学中，<strong>布尔值</strong>是一种取值仅能为 <em>真 </em>或 <em>假 </em>的数据类型，它赋予了编程语言在逻辑上表达<em>真 </em>或 <em>假 </em>的能力。如果没有这种能力，很多功能将无法被实现。举个例子，JavaScript中的 <em>if 语句</em> 需要一些判断条件来决定接下来的代码会否被执行，而这些条件，本质上会被解释成一个布尔值。又如JavaScript中的 <em>for 循环</em>，如果没有一个能够解释成布尔值的判断条件，循环将无法知道自己什么时候该结束。</p> + +<pre>***JavaScript if 语句*** +if(boolean conditional) { + //代码 +} + +if(true) { + console.log("布尔值判断条件被解释为 真"); +} else { + console.log("布尔值判断条件被解释为 假"); +} + + + +***JavaScript for 循环*** +for(control variable; boolean conditional; counter) { + //代码 +} + +for(var i=0; i<4; i++) { + console.log("只有当布尔值判断条件为 真 的时候才，这段文字才会被打印"); +} +</pre> + +<p> </p> + +<p> </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="通用知识">通用知识</h3> + +<ul> + <li>维基百科上的布尔值 {{Interwiki("wikipedia", "Boolean data type", "Boolean")}}</li> +</ul> + +<h3 id="技术参考文档">技术参考文档</h3> + +<ul> + <li>标准全局对象: {{jsxref("Boolean")}}</li> + <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Data_structures">JavaScript 数据类型和数据结构</a></li> +</ul> diff --git a/files/zh-cn/glossary/browsing_context/index.html b/files/zh-cn/glossary/browsing_context/index.html new file mode 100644 index 0000000000..86084380f3 --- /dev/null +++ b/files/zh-cn/glossary/browsing_context/index.html @@ -0,0 +1,18 @@ +--- +title: Browsing context +slug: Glossary/Browsing_context +translation_of: Glossary/Browsing_context +--- +<p id="Summary"><strong>浏览上下文</strong>（browsing context）是一个浏览器（browser）展示文档（{{domxref("Document")}}）的环境。在现代浏览器中，通常是一个标签页（tab），也可能是一个窗体（window）或只是页面的一部分，如 frame 或 iframe。</p> + +<p>每个浏览器上下文都有一个特殊源，一个的活动文档源（origin）和一个记录所有展示文档的历史（history）。</p> + +<p>每个浏览器上下文都有一个活动文档的源（origin）和一个记录所有展示文档的历史（history）。</p> + +<p>浏览器上下文之间的通讯被严格限制，两个同源的浏览器上下文，通讯接口（{{domxref("BroadcastChannel")}}）才能被打开和使用。</p> + +<h2 id="Learn_more">Learn more</h2> + +<ul> + <li>See {{glossary("origin")}}</li> +</ul> diff --git a/files/zh-cn/glossary/buffer/index.html b/files/zh-cn/glossary/buffer/index.html new file mode 100644 index 0000000000..df49d6baf5 --- /dev/null +++ b/files/zh-cn/glossary/buffer/index.html @@ -0,0 +1,16 @@ +--- +title: 缓存区 +slug: Glossary/buffer +tags: + - 缓冲区 +translation_of: Glossary/buffer +--- +<p>缓冲区是一块物理内存中的存储区，当数据进行转移时用来临时存放数据。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Data_buffer">Data buffer</a> on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/bézier_curve/index.html b/files/zh-cn/glossary/bézier_curve/index.html new file mode 100644 index 0000000000..7f12553e25 --- /dev/null +++ b/files/zh-cn/glossary/bézier_curve/index.html @@ -0,0 +1,31 @@ +--- +title: Bézier curve +slug: Glossary/Bézier_curve +tags: + - 缓动函数 + - 贝塞尔曲线 +translation_of: Glossary/Bézier_curve +--- +<p><strong>贝塞尔曲线</strong>是一种使用数学方法描述的曲线，被广泛用于计算机图形学和动画中，在 {{Glossary("矢量图", "vector images")}} 里，贝塞尔曲线用于定义可无限放大的光滑曲线。</p> + +<p>贝塞尔曲线由至少两个控制点进行描述。Web 技术中使用的是三次贝塞尔曲线，即使用四个控制点[P<sub>0</sub>, P<sub>1</sub>, P<sub>2</sub>, P<sub>3</sub>] 描述的曲线。</p> + +<p>在绘制曲线的过程中，需要先作两条辅助线：[P<sub>0</sub>,P<sub>1</sub> ]和[P<sub>1</sub> , P<sub>2</sub>]（译者注：下图中的绿线）；辅助线的端点沿着所在连线平滑地移动到连线的另一端；采用同样的方法在辅助线[P<sub>0</sub>,P<sub>1</sub> ]和[P<sub>1</sub> , P<sub>2</sub>]上绘制第三条辅助线（译者注：下图中的蓝线）；在第三条辅助线上将一个点从一端平滑地移向另外一端，这个点的运动轨迹就是贝塞尔曲线。下面是这个绘图过程的动态演示：</p> + +<p><img alt="Drawing a Bézier curve" src="https://upload.wikimedia.org/wikipedia/commons/d/db/B%C3%A9zier_3_big.gif"></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/B%C3%A9zier_curve">Bézier curve on Wikipedia</a></li> +</ul> + +<h3 id="学习使用贝塞尔曲线">学习使用贝塞尔曲线</h3> + +<ul> + <li><a href="/en-US/docs/Web/CSS/timing-function#The_cubic-bezier()_class_of_timing_functions">Cubic Bézier timing functions in CSS</a></li> + <li>{{SVGAttr("keySplines")}} SVG attribute</li> + <li><a href="/en-US/docs/Web/CSS/Tools/Cubic_Bezier_Generator">Cubic Bézier Generator</a></li> +</ul> diff --git a/files/zh-cn/glossary/cache/index.html b/files/zh-cn/glossary/cache/index.html new file mode 100644 index 0000000000..6facf9b57d --- /dev/null +++ b/files/zh-cn/glossary/cache/index.html @@ -0,0 +1,14 @@ +--- +title: Cache +slug: Glossary/Cache +translation_of: Glossary/Cache +--- +<p><strong>cache </strong>(web cache或者HTTP cache) 是临时存储HTTP响应的组件，只要它符合一定条件，就可以用于后续的HTTP请求。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的{{interwiki("wikipedia", "Web cache")}} </li> +</ul> diff --git a/files/zh-cn/glossary/call_stack/index.html b/files/zh-cn/glossary/call_stack/index.html new file mode 100644 index 0000000000..3618bf4a21 --- /dev/null +++ b/files/zh-cn/glossary/call_stack/index.html @@ -0,0 +1,81 @@ +--- +title: Call stack（调用栈） +slug: Glossary/Call_stack +tags: + - 术语 + - 编程 + - 调用栈 +translation_of: Glossary/Call_stack +--- +<p>调用栈是解释器（比如浏览器中的 JavaScript 解释器）追踪函数执行流的一种机制。当执行环境中调用了多个{{glossary("function","函数")}}时，通过这种机制，我们能够追踪到哪个函数正在执行，执行的函数体中又调用了哪个函数。</p> + +<ul> + <li>每调用一个函数，解释器就会把该函数添加进调用栈并开始执行。</li> + <li>正在调用栈中执行的函数还调用了其它函数，那么新函数也将会被添加进调用栈，一旦这个函数被调用，便会立即执行。</li> + <li>当前函数执行完毕后，解释器将其清出调用栈，继续执行当前执行环境下的剩余的代码。</li> + <li>当分配的调用栈空间被占满时，会引发“堆栈溢出”错误。</li> +</ul> + +<pre class="notranslate"><code>function greeting() { + // [1] Some codes here + sayHi(); + // [2] Some codes here +} +function sayHi() { + return "Hi!"; +} + +// 调用 `greeting` 函数 +greeting(); + +// [3] Some codes here</code> +</pre> + +<p>上面的代码会按照如下流程这样执行：</p> + +<ol> + <li>忽略前面所有函数，直到 <code>greeting()</code> 函数被调用。</li> + <li>把 <code>greeting()</code> 添加进调用栈列表。</li> + <li>执行 <code>greeting()</code> 函数体中的所有代码。<br> + + <pre class="notranslate"><code>调用栈列表: +- greeting</code></pre> + </li> + <li>代码执行到 <code>sayHi()</code> 时，该函数被调用。</li> + <li>把 <code>sayHi()</code> 添加进调用栈列表。</li> + <li>执行 <code>sayHi()</code> 函数体中的代码，直到全部执行完毕。<br> + + <pre class="notranslate"><code>调用栈列表: +- sayHi +- greeting +</code></pre> + </li> + <li>返回来继续执行 <code>greeting()</code> 函数体中 <code>sayHi()</code> 后面的代码。</li> + <li>删除调用栈列表中的 <code>sayHi()</code> 函数。</li> + <li>当 <code>greeting()</code> 函数体中的代码全部执行完毕，返回到调用 <code>greeting()</code> 的代码行，继续执行剩下的 JS 代码。<br> + + <pre class="notranslate"><code>调用栈列表: +- greeting</code></pre> + </li> + <li>删除调用栈列表中的 <code>greeting()</code> 函数。</li> +</ol> + +<p>一开始，我们得到一个空空如也的调用栈。随后，每当有函数被调用都会自动地添加进调用栈，执行完函数体中的代码后，调用栈又会自动地移除这个函数。最后，我们又得到了一个空空如也的调用栈。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>Wikipedia 上的 {{Interwiki("wikipedia", "调用栈")}}</li> + <li><a href="/zh-CN/docs/Glossary">MDN Web 文档中的术语</a> + <ul> + <li>{{Glossary("Call stack")}}</li> + <li>{{Glossary("Function")}}</li> + </ul> + </li> +</ul> + +<p> + <audio style="display: none;"></audio> +</p> diff --git a/files/zh-cn/glossary/callback_function/index.html b/files/zh-cn/glossary/callback_function/index.html new file mode 100644 index 0000000000..b5efc095d8 --- /dev/null +++ b/files/zh-cn/glossary/callback_function/index.html @@ -0,0 +1,36 @@ +--- +title: 回调函数 +slug: Glossary/Callback_function +tags: + - Callback + - 回调函数 +translation_of: Glossary/Callback_function +--- +<p>被作为实参传入另一函数，并在该外部函数内被调用，用以来完成某些任务的函数，称为回调函数。</p> + +<p>例如：</p> + +<pre class="brush: js">function greeting(name) { + alert('Hello ' + name); +} + +function processUserInput(callback) { + var name = prompt('请输入你的名字。'); + callback(name); +} + +processUserInput(greeting);</pre> + +<p>以上范例为 {{glossary("synchronous","同步")}} 回调，它是立即执行的。</p> + +<p>然而需要注意的是，回调函数经常被用于继续执行一个{{glossary("asynchronous","异步")}} 完成后的操作，它们被称为异步回调。例如，这个简单 的 <a href="https://github.com/mdn/learning-area/blob/master/javascript/apis/introduction/maps-example.html">maps-example.html</a> 例子（<a href="http://mdn.github.io/learning-area/javascript/apis/introduction/maps-example.html">live 链接点此</a>）使用了 Google Maps 以及 Geolocation 的 API 来展示您设备的当前位置。</p> + +<p>由于从 GPS 得到设备坐标信息的操作为异步的（我们不知道何时数据会被返回），所以 {{domxref("Geolocation.getCurrentPosition()")}} 方法接收一个匿名回调函数作为形参，而该回调函数则接收传回的坐标数据作为形参。该函数只在坐标数据返回后才执行。</p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="基础知识"><strong>基础知识</strong></h3> + +<ul> + <li>在维基百科中的{{interwiki("wikipedia", "回调函数", "回调函数")}} </li> +</ul> diff --git a/files/zh-cn/glossary/canvas/index.html b/files/zh-cn/glossary/canvas/index.html new file mode 100644 index 0000000000..b62a53c333 --- /dev/null +++ b/files/zh-cn/glossary/canvas/index.html @@ -0,0 +1,32 @@ +--- +title: Canvas +slug: Glossary/Canvas +tags: + - Canvas + - HTML5画布 +translation_of: Glossary/Canvas +--- +<p>{{Glossary("HTML")}} 的 <em>{{HTMLElement("canvas")}} </em>元素提供了一个空白绘图区域，可以使用 {{Glossary("API","APIs")}} （比如 Canvas 2D 或 {{Glossary("WebGL")}}）来绘制图形。</p> + +<h2 id="更多信息">更多信息</h2> + +<h3 id="常规信息">常规信息</h3> + +<ul> + <li><a href="https://zh.wikipedia.org/wiki/Canvas_(HTML%E5%85%83%E7%B4%A0)">在维基百科上查看 <canvas> 的解释</a></li> +</ul> + +<h3 id="学习资源">学习资源</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/Guide/HTML/Canvas_tutorial">查看MDN上的canvas教程</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li>MDN 上关于 HTML5 {{HTMLElement("canvas")}} 元素的信息</li> + <li><a href="/zh-CN/docs/HTML/Canvas">MDN 上关于 Canvas 的常规信息</a></li> + <li>画布 2D 绘图 API：{{domxref("CanvasRenderingContext2D")}}</li> + <li><a href="http://www.w3.org/TR/2dcontext/" rel="external">Canvas 2D API 规格</a></li> +</ul> diff --git a/files/zh-cn/glossary/cdn/index.html b/files/zh-cn/glossary/cdn/index.html new file mode 100644 index 0000000000..d48514a992 --- /dev/null +++ b/files/zh-cn/glossary/cdn/index.html @@ -0,0 +1,14 @@ +--- +title: CDN +slug: Glossary/CDN +translation_of: Glossary/CDN +--- +<p><strong>CDN </strong>(内容分发网络) 指的是一组分布在各个地区的服务器。这些服务器存储着数据的副本，因此服务器可以根据哪些服务器与用户距离最近，来满足数据的请求。 CDNs 提供快速服务，较少受高流量影响。</p> + +<p>CDNs 被广泛用于传输 stylesheets 和 JavaScript 等静态资源，像 Bootstrap，Jquery 等。对这些库文件使用 CDN 技术，有以下几点好处：</p> + +<ul> + <li>通过 CDN 向用户分发传输相关库的静态资源文件，可以降低我们自身服务器的请求压力。</li> + <li>大多数CDN在全球都有服务器，所以CDNs上的服务器在地理位置上可能比你自己的服务器更接近你的用户。 地理距离会按比例影响延迟。</li> + <li>CDNs已经配置了恰当的缓存设置。使用 CDN 节省了在你的服务器中对静态资源文件的配置。</li> +</ul> diff --git a/files/zh-cn/glossary/certified/index.html b/files/zh-cn/glossary/certified/index.html new file mode 100644 index 0000000000..1d537e534a --- /dev/null +++ b/files/zh-cn/glossary/certified/index.html @@ -0,0 +1,23 @@ +--- +title: Certified +slug: Glossary/Certified +translation_of: Glossary/Certified +--- +<p><strong>已认证标识</strong>意味着一个程序、一项内容或一次数据传输已经成功经过了相关领域专家的认证，因此该项目被认为是完整的、安全的、可信的。</p> + +<p>关于{{glossary("密码学")}}中证书的细节，请参考{{glossary("数字认证证书")}}。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般性知识">一般性知识</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/Learn/tutorial/Information_Security_Basics">信息安全教程</a></li> + <li>维基百科中的{{Interwiki("wikipedia", "Professional_certification_(computer_technology)#Information_systems_security", "证书")}}</li> +</ul> + +<h3 id="Firefox_OS">Firefox OS</h3> + +<ul> + <li>Firefox OS中内置软件有时也被称为已认证软件：在<a href="/en-US/Apps/Build/App_permissions">应用权限</a>中了解更多。</li> +</ul> diff --git a/files/zh-cn/glossary/challenge/index.html b/files/zh-cn/glossary/challenge/index.html new file mode 100644 index 0000000000..bb840724f3 --- /dev/null +++ b/files/zh-cn/glossary/challenge/index.html @@ -0,0 +1,14 @@ +--- +title: Challenge-response authentication +slug: Glossary/challenge +translation_of: Glossary/challenge +--- +<p>在安全协议中，<em>质询（challenge</em> <em>）</em>是服务器将某些数据发送到客户端，以便每次生成不同的响应。质询-响应协议是防御重放攻击的一种方法，攻击者侦听先前的消息，并在以后的时间重新发送它们，以获取与原始消息相同的凭据。</p> + +<p>HTTP身份验证协议基于质询-响应，尽管“基本”协议未使用实际质询（领域始终相同）。</p> + +<h2 id="Learn_more">Learn more</h2> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Challenge%E2%80%93response_authentication">Challenge-response authentication</a> on Wikipedia.</li> +</ul> diff --git a/files/zh-cn/glossary/character/index.html b/files/zh-cn/glossary/character/index.html new file mode 100644 index 0000000000..f3e7cf1333 --- /dev/null +++ b/files/zh-cn/glossary/character/index.html @@ -0,0 +1,18 @@ +--- +title: Character +slug: Glossary/Character +translation_of: Glossary/Character +--- +<p>一个字符要么是一个可打印符号（字母，数字，标点符号)，或者是非打印“控制”符号（例如回车字符）。{{glossary("UTF-8")}} 是最常用的字符集，包含了最多人使用的人类语言的字符。</p> + +<h2 id="Learn_More">Learn More</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "Character (computing)")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "Character encoding")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "ASCII")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "UTF-8")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "Unicode")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/character_set/index.html b/files/zh-cn/glossary/character_set/index.html new file mode 100644 index 0000000000..51c1c467ba --- /dev/null +++ b/files/zh-cn/glossary/character_set/index.html @@ -0,0 +1,27 @@ +--- +title: Character set +slug: Glossary/character_set +translation_of: Glossary/character_set +--- +<p><span class="seoSummary"><strong>字符集</strong>是一种让计算机知道如何识别 {{Glossary("Character")}} 包括字母、数字、标点符号和空格的编码系统。</span></p> + +<p>早期，由于各国使用的语言不同而发展出各自的字符集，例如日语的 Kanji JIS(例如 Shift-JIS, EUC-JP 等)，繁体中文的 Big5 和俄罗斯的 KOI8-R。然而，{{Glossary("Unicode")}} 因其对通用语言的支持，逐渐成为最被接受的字符集。</p> + +<p>如果一个字符集使用不正确(例如，对于以 Big5 编码的文章使用 Unicode)，你可能会看到一些支离破碎的乱码，这被称为 {{Interwiki("wikipedia", "Mojibake")}}.</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>Wikipedia 文章 + <ol> + <li>{{Interwiki("wikipedia", "Character encoding")}}</li> + <li>{{Interwiki("wikipedia", "Mojibake")}}</li> + </ol> + </li> + <li><a href="/en-US/docs/Glossary">Glossary</a> + <ol> + <li>{{Glossary("Character")}}</li> + <li>{{Glossary("Unicode")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/chrome/index.html b/files/zh-cn/glossary/chrome/index.html new file mode 100644 index 0000000000..f17f75159c --- /dev/null +++ b/files/zh-cn/glossary/chrome/index.html @@ -0,0 +1,16 @@ +--- +title: Chrome +slug: Glossary/Chrome +tags: + - Chrome + - 术语 + - 浏览器 +translation_of: Glossary/Chrome +--- +<p>在浏览器中，chrome 指除了网页本身以外任何可视的部分（例如：{{glossary("UI")}}、工具栏、菜单栏、标签）。不要将这个概念与 {{glossary("Google Chrome")}} 浏览器混淆。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="http://www.nngroup.com/articles/browser-and-gui-chrome/">浏览器和 GUI Chrome</a> </li> +</ul> diff --git a/files/zh-cn/glossary/cms/index.html b/files/zh-cn/glossary/cms/index.html new file mode 100644 index 0000000000..0a972c9566 --- /dev/null +++ b/files/zh-cn/glossary/cms/index.html @@ -0,0 +1,16 @@ +--- +title: CMS +slug: Glossary/CMS +translation_of: Glossary/CMS +--- +<p><strong>CMS</strong>（内容管理系统）是一个允许用户发布、组织、修改、删除多种类型的内容的软件。<strong>CMS </strong>不仅支持文本，还可以嵌入图片、视频、音频和互动的代码。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "内容管理系统", "CMS（内容管理系统）")}}</li> +</ul> + +<p> </p> diff --git a/files/zh-cn/glossary/code_splitting/index.html b/files/zh-cn/glossary/code_splitting/index.html new file mode 100644 index 0000000000..4c3b277fc8 --- /dev/null +++ b/files/zh-cn/glossary/code_splitting/index.html @@ -0,0 +1,25 @@ +--- +title: 代码分割 +slug: Glossary/Code_splitting +tags: + - Glossary + - Reference + - Web Performance + - code splitting + - latency +translation_of: Glossary/Code_splitting +--- +<p><span class="seoSummary"><strong>代码分割（Code splitting ）</strong>是将代码划分为可以按需/同时加载的多个 bundles 或组件。</span></p> + +<p>随着应用程序日趋复杂，或仅是对其进行简单的维护，CSS 和 JavaScripts 文件以及 bundles 的大小都会随之增加，尤其是所包含的第三方库的数量和大小的增长。为了避免下载巨大的文件，可以将脚本拆分为多个较小的文件。当前页面所需的代码能够立即加载，而另外的脚本可以在与页面或应用交互后懒加载（<a href="/en-US/docs/Glossary/Lazy_load">lazy loaded</a>），页面性能因此提升。虽然代码的总量仍然相同（甚至可能大了几个字节），但是初次加载所需的代码数量减少了。</p> + +<p>代码分割是由 <a href="https://webpack.js.org/">Webpack</a> 和 <a href="http://browserify.org/">Browserify</a> 等打包工具所支持的一项功能，这些打包工具能够创建在运行时动态加载的多个 bundles。</p> + +<h2 id="另请参见">另请参见</h2> + +<ul> + <li>Bundling</li> + <li><a href="/en-US/docs/Learn/Performance/Lazy_loading">Lazy loading</a></li> + <li><a href="/en-US/docs/Glossary/HTTP_2">HTTP/2</a></li> + <li><a href="/en-US/docs/Glossary/Tree_shaking">Tree shaking</a></li> +</ul> diff --git a/files/zh-cn/glossary/codec/index.html b/files/zh-cn/glossary/codec/index.html new file mode 100644 index 0000000000..a17244c1d8 --- /dev/null +++ b/files/zh-cn/glossary/codec/index.html @@ -0,0 +1,20 @@ +--- +title: Codec +slug: Glossary/Codec +translation_of: Glossary/Codec +--- +<p>编解码器（从“coder-decoder”派生的混合词）是对数据流进行编码或解码的程序、算法或设备。给定的编解码器知道如何处理特定的编码或压缩技术。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Codec")}} on Wikipedia</li> +</ul> + +<h3 id="Technical_reference">Technical reference</h3> + +<ul> + <li><a href="/en-US/docs/Web/HTML/Supported_media_formats">Media formats supported by the HTML audio and video elements</a></li> +</ul> diff --git a/files/zh-cn/glossary/constructor/index.html b/files/zh-cn/glossary/constructor/index.html new file mode 100644 index 0000000000..83c959efad --- /dev/null +++ b/files/zh-cn/glossary/constructor/index.html @@ -0,0 +1,44 @@ +--- +title: Constructor +slug: Glossary/Constructor +translation_of: Glossary/Constructor +--- +<p> </p> + +<p><strong>构造函数</strong>属于被实例化的特定类{{glossary("Object","对象")}} 。构造函数初始化这个对象，并提供可以访问其私有信息的方法。构造函数的概念可以应用于大多数{{glossary("OOP","面向对象")}}的编程语言。本质上，{{glossary("JavaScript")}} 中的构造函数通常在{{glossary("class","类")}}的实例中声明。</p> + +<h2 id="语法">语法</h2> + +<pre class="brush: js">// 这是一个通用的默认构造函数类 Default +function Default() { +} + +// 这是一个带参数声明的重载构造函数类 Overloaded +function Overloaded(arg1, arg2, ...,argN){ +} +</pre> + +<p>要调用 JavaScript 中类的构造函数，请使用 <code>new</code> 操作符将新的{{glossary("object reference","对象引用")}}分配给一个{{glossary("variable","变量")}}。</p> + +<pre class="brush: js">function Default() { +} + +// 分配给局部变量 defaultReference 的一个新的 Default 对象引用 +var defaultReference = new Default();</pre> + +<p> </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本常识">基本常识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "Constructor_%28object-oriented_programming%29", "构造函数")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>MDN 上的 <a href="/zh-CN/docs/Learn/JavaScript/Objects">JavaScript 面向对象编程中的构造函数</a> </li> + <li>MDN 上的 <a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/new">JavaScript 的 New 操作符</a></li> +</ul> diff --git a/files/zh-cn/glossary/continuous_media/index.html b/files/zh-cn/glossary/continuous_media/index.html new file mode 100644 index 0000000000..28a20a00ff --- /dev/null +++ b/files/zh-cn/glossary/continuous_media/index.html @@ -0,0 +1,12 @@ +--- +title: Continuous Media +slug: Glossary/Continuous_Media +translation_of: Glossary/Continuous_Media +--- +<p> </p> + +<p>CSS 可以被使用在多种不同的上下文环境（包括打印页面和一些 CSS 容器），尤其是被用来设置根据所处的上下文的不同而具有不同的布局行为。</p> + +<p>因此，连续媒体（ Continuous Media ）用来定义那些内容没有间断的上下文环境，即其流动性是连续的。屏幕上显示的网页内容就是连续媒体，语音内容也是如此。</p> + +<p> </p> diff --git a/files/zh-cn/glossary/control_flow/index.html b/files/zh-cn/glossary/control_flow/index.html new file mode 100644 index 0000000000..0b2bd8a57f --- /dev/null +++ b/files/zh-cn/glossary/control_flow/index.html @@ -0,0 +1,44 @@ +--- +title: 控制流 +slug: Glossary/Control_flow +translation_of: Glossary/Control_flow +--- +<p><em>控制流</em> 是计算机执行一个程序中语句的顺序。</p> + +<p>程序会从第一行代码开始执行直至最后一行，除非遇到（实际中是非常普遍地）改变控制流的代码结构，比如条件语句和循环。</p> + +<p>比如，下面的程序被用来校验用户在网页上输入的数据。数据经过校验后会被提交，但当用户没有输入任何数据时(field==empty)，这个程序会提醒用户去填入数据。为了做到这一点，这个程序使用了 {{Glossary("Conditional", "条件")}} 结构 <code>if...else</code>，这样就可以根据数据是否被填充而执行不同的代码。</p> + +<pre>if (field==empty) { + promptUser(); +} else { + submitForm(); +}</pre> + +<p>在 {{glossary("JavaScript")}} 或者 {{glossary("PHP")}} 中存在许多控制结构，比如条件语句、循环和函数。还有部分语句可能被设定为当 {{Glossary("Event", "事件")}} 发生的时候才执行。</p> + +<p>例如，上面的代码可能被放入一个函数，而这个函数只有在用户点击了表单的<strong>提交</strong>按钮时才执行。而这个函数也可以再包含一个循环，来达到按照顺序遍历表单中的所有数据的目的。往回看 <code>if...else</code> 代码块，<code>promptUser</code> 和 <code>submitForm</code> 也可以是对其他函数的调用。如你所见，控制结构依靠几行代码就能完成复杂的处理过程。</p> + +<p>控制流的存在意味着在读代码时，你不能只从第一行读到最后一行，你还要注意代码的结构以及它对语句执行顺序的影响。</p> + +<p> </p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Control flow")}} on Wikipedia</li> +</ul> + +<h3 id="Technical_reference">Technical reference</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Reference#Control_flow">JavaScript Reference - Control flow</a> on MDN</li> +</ul> + +<h3 id="Learn_about_it">Learn about it</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Guide/Statements">Statements (Control flow)</a> on MDN</li> +</ul> diff --git a/files/zh-cn/glossary/cookie/index.html b/files/zh-cn/glossary/cookie/index.html new file mode 100644 index 0000000000..494f911025 --- /dev/null +++ b/files/zh-cn/glossary/cookie/index.html @@ -0,0 +1,18 @@ +--- +title: Cookie +slug: Glossary/Cookie +translation_of: Glossary/Cookie +--- +<p>Cookie 就是访问者在访问网站后留下的一个信息片段。</p> + +<p>Cookie 用于个性化用户的体验。可能包含用户在访问网站时的参数或输入。用户可以自定义浏览器来接受，拒绝或删除 Cookie。</p> + +<p><code>Cookie 可以在服务器级别设置和修改，使用 Set-Cookie</code> <a href="/en-US/docs/Web/HTTP/Cookies">HTTP header</a>, 或者在 JavaScript 中用 <code><a href="/en-US/docs/Web/API/Document/cookie">document.cookie</a></code>.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_Knowledge">General Knowledge</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/HTTP_cookie">HTTP cookie</a> on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/copyleft/index.html b/files/zh-cn/glossary/copyleft/index.html new file mode 100644 index 0000000000..09f6e0718e --- /dev/null +++ b/files/zh-cn/glossary/copyleft/index.html @@ -0,0 +1,14 @@ +--- +title: Copyleft +slug: Glossary/Copyleft +translation_of: Glossary/Copyleft +--- +<p>Copyleft是一个术语，通常指许可证，用于表示此类许可要求所述作品的再分发需遵循与原始许可相同的许可。 Copyleft许可证的示例是GNU {{Glossary("GPL")}}（用于软件）和Creative Commons SA（Share Alike）许可证（用于艺术品）。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Copyleft")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/cors/index.html b/files/zh-cn/glossary/cors/index.html new file mode 100644 index 0000000000..410b9c9a72 --- /dev/null +++ b/files/zh-cn/glossary/cors/index.html @@ -0,0 +1,51 @@ +--- +title: CORS +slug: Glossary/CORS +tags: + - CORS + - Security +translation_of: Glossary/CORS +--- +<p><strong>CORS </strong>（Cross-Origin Resource Sharing，跨域资源共享）是一个系统，它由一系列传输的{{Glossary("Header", "HTTP头")}}组成，这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应。</p> + +<p><a href="/zh-CN/docs/Web/Security/Same-origin_policy">同源安全策略</a> 默认阻止“跨域”获取资源。但是 CORS 给了web服务器这样的权限，即服务器可以选择，允许跨域请求访问到它们的资源。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="总体了解">总体了解</h3> + +<ul> + <li>MDN上的 <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS">Cross-Origin Resource Sharing (CORS)</a></li> + <li>维基百科上的 {{Interwiki("wikipedia", "Cross-origin resource sharing")}}</li> +</ul> + +<h3 id="CORS_头">CORS 头</h3> + +<dl> + <dt>{{HTTPHeader("Access-Control-Allow-Origin")}}</dt> + <dd>指示请求的资源能共享给哪些域。</dd> + <dt>{{HTTPHeader("Access-Control-Allow-Credentials")}}</dt> + <dd>指示当请求的凭证标记为 true 时，是否响应该请求。</dd> + <dt>{{HTTPHeader("Access-Control-Allow-Headers")}}</dt> + <dd>用在对预请求的响应中，指示实际的请求中可以使用哪些 HTTP 头。</dd> + <dt>{{HTTPHeader("Access-Control-Allow-Methods")}}</dt> + <dd>指定对预请求的响应中，哪些 HTTP 方法允许访问请求的资源。</dd> + <dt>{{HTTPHeader("Access-Control-Expose-Headers")}}</dt> + <dd>指示哪些 HTTP 头的名称能在响应中列出。</dd> + <dt>{{HTTPHeader("Access-Control-Max-Age")}}</dt> + <dd>指示预请求的结果能被缓存多久。</dd> + <dt>{{HTTPHeader("Access-Control-Request-Headers")}}</dt> + <dd>用于发起一个预请求，告知服务器正式请求会使用那些 HTTP 头。</dd> + <dt>{{HTTPHeader("Access-Control-Request-Method")}}</dt> + <dd>用于发起一个预请求，告知服务器正式请求会使用哪一种 <a href="/zh-CN/docs/Web/HTTP/Methods">HTTP 请求方法</a>。</dd> + <dt>{{HTTPHeader("Origin")}}</dt> + <dd>指示获取资源的请求是从什么域发起的。</dd> +</dl> + +<h3 id="技术引用">技术引用</h3> + +<ul> + <li><a href="https://fetch.spec.whatwg.org">Fetch 规范</a></li> +</ul> + +<p>{{QuickLinksWithSubpages("/en-US/docs/Glossary")}}</p> diff --git a/files/zh-cn/glossary/crawler/index.html b/files/zh-cn/glossary/crawler/index.html new file mode 100644 index 0000000000..27d5a0f735 --- /dev/null +++ b/files/zh-cn/glossary/crawler/index.html @@ -0,0 +1,28 @@ +--- +title: Crawler +slug: Glossary/Crawler +tags: + - 基础设施 + - 术语表 + - 浏览器 + - 爬虫 +translation_of: Glossary/Crawler +--- +<p>网络爬虫是一种能有条理并且系统化地浏览{{glossary("World Wide Web","Web")}}，以便收集网页数据的程序（通常也被称作“机器人”）。搜索引擎（例如谷歌，必应）利用爬虫来创建索引是网络爬虫最典型的使用案例。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>维基百科上关于{{Interwiki("wikipedia", "Web crawler")}}的内容</li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="/en-US/docs/">MDN网络文档术语表</a> + + <ol> + <li>{{Glossary("Search engine")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/crlf/index.html b/files/zh-cn/glossary/crlf/index.html new file mode 100644 index 0000000000..88e6dcfcda --- /dev/null +++ b/files/zh-cn/glossary/crlf/index.html @@ -0,0 +1,22 @@ +--- +title: CRLF +slug: Glossary/CRLF +translation_of: Glossary/CRLF +--- +<p>回车符（CR）和换行符（LF）是文本文件用于标记换行的控制字符（<a href="https://en.wikipedia.org/wiki/Control_character">control characters</a>）或字节码（<a href="https://en.wikipedia.org/wiki/Bytecode">bytecode</a>）。</p> + +<ul> + <li>CR = <strong>Carriage Return</strong>，回车符号（<code>\r</code>，十六进制 ascii 码为<code>0x0D</code>，十进制 ascii 码为13），用于将鼠标移动到行首，并不前进至下一行。</li> + <li>LF = <strong>Line Feed</strong>，换行符号（ <code>\n</code>, 十六进制 ascii 码为 <code>0x0A</code>，十进制 ascii 码为10）。</li> +</ul> + +<p>紧邻的 CR 和 LF（组成 CRLF，<code>\r\n</code>，或十六进制 <code>0x0D0A</code>）将鼠标移动到下一行行首。（Windows 操作系统默认的文本换行符为 CRLF；Linux 以及 macOS 系统默认使用 LF，早期的 mac os 系统使用 CR 换行。）</p> + +<h2 id="相关链接Edit">相关链接<a class="button section-edit only-icon" href="https://developer.mozilla.org/en-US/docs/Glossary/Smoke_Test$edit#Learn_more"><span>Edit</span></a></h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("Newline")}} on Wikipedia</li> + <li>{{interwiki("Carriage return")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/cross-site_scripting/index.html b/files/zh-cn/glossary/cross-site_scripting/index.html new file mode 100644 index 0000000000..b7e62458d0 --- /dev/null +++ b/files/zh-cn/glossary/cross-site_scripting/index.html @@ -0,0 +1,45 @@ +--- +title: Cross-site scripting（跨站脚本攻击） +slug: Glossary/Cross-site_scripting +tags: + - DOM + - XSS + - 安全 + - 术语 + - 跨站脚本攻击 +translation_of: Glossary/Cross-site_scripting +--- +<p>跨站脚本攻击（Cross-site scripting，XSS）是一种安全漏洞，攻击者可以利用这种漏洞在网站上注入恶意的客户端代码。当被攻击者登陆网站时就会自动运行这些恶意代码，从而，攻击者可以突破网站的访问权限，冒充受害者。根据开放式 Web 应用安全项目（OWASP），XSS 在 2017 年被认为 <a href="https://owasp.org/www-project-top-ten/OWASP_Top_Ten_2017/Top_10-2017_A7-Cross-Site_Scripting_(XSS)">7 种最常见的 Web 应用程序漏洞之一</a>。</p> + +<p>如果 Web 应用程序没有部署足够的安全验证，那么，这些攻击很容易成功。浏览器无法探测到这些恶意脚本是不可信的，所以，这些脚本可以任意读取 cookie，session tokens，或者其它敏感的网站信息，或者让恶意脚本重写{{glossary("HTML")}}内容。</p> + +<p>在以下2种情况下，容易发生 XSS 攻击：</p> + +<ol> + <li>数据从一个不可靠的链接进入到一个 Web 应用程序。</li> + <li>没有过滤掉恶意代码的动态内容被发送给 Web 用户。</li> +</ol> + +<p>恶意内容一般包括 {{glossary("JavaScript")}}，但是，有时候也会包括 HTML，FLASH 或是其他浏览器可执行的代码。XSS 攻击的形式千差万别，但他们通常都会：将 cookies 或其他隐私信息发送给攻击者，将受害者重定向到由攻击者控制的网页，或是经由恶意网站在受害者的机器上进行其他恶意操作。</p> + +<p>XSS 攻击可以分为3类：存储型（持久型）、反射型（非持久型）、DOM 型。</p> + +<dl> + <dt><strong>存储型 XSS</strong></dt> + <dd>注入型脚本永久存储在目标服务器上。当浏览器请求数据时，脚本从服务器上传回并执行。</dd> + <dt><strong>反射型 XSS</strong></dt> + <dd>当用户点击一个恶意链接，或者提交一个表单，或者进入一个恶意网站时，注入脚本进入被攻击者的网站。Web服务器将注入脚本，比如一个错误信息，搜索结果等 返回到用户的浏览器上。由于浏览器认为这个响应来自"可信任"的服务器，所以会执行这段脚本。</dd> + <dt><strong>基于 DOM 的 XSS</strong></dt> + <dd>通过修改原始的客户端代码，受害者浏览器的 DOM 环境改变，导致有效载荷的执行。也就是说，页面本身并没有变化，但由于DOM环境被恶意修改，有客户端代码被包含进了页面，并且意外执行。</dd> +</dl> + +<h2 id="更多相关">更多相关</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Cross-site scripting")}} on Wikipedia</li> + <li><a href="https://www.owasp.org/index.php/XSS">Cross-site scripting on OWASP</a></li> + <li><a href="http://www.acunetix.com/blog/web-security-zone/articles/dom-xss-explained/">Another article about Cross-site scripting</a></li> + <li><a href="https://secure.wphackedhelp.com/blog/wordpress-xss-attack/">XSS Attack – Exploit & Protection</a></li> +</ul> diff --git a/files/zh-cn/glossary/crud/index.html b/files/zh-cn/glossary/crud/index.html new file mode 100644 index 0000000000..2d64dbfeab --- /dev/null +++ b/files/zh-cn/glossary/crud/index.html @@ -0,0 +1,14 @@ +--- +title: CRUD +slug: Glossary/CRUD +translation_of: Glossary/CRUD +--- +<p><strong>CRUD </strong>(创建：Create， 读取：Read，更新：Update，删除： Delete) 是对于存储的信息可以进行操作的同义词。是一个对四种操作持久化信息的基本操作的助记符。CRUD 通常是指适用于存于数据库或数据存储器上的信息的操作，不过也可以应用在高层级的应用操作，例如通过在设置状态字段并标记删除的而并非移除数据的伪删除。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>在Wikipedia上的相关信息：{{Interwiki("wikipedia", "CRUD")}} </li> +</ul> diff --git a/files/zh-cn/glossary/csp/index.html b/files/zh-cn/glossary/csp/index.html new file mode 100644 index 0000000000..373cacc589 --- /dev/null +++ b/files/zh-cn/glossary/csp/index.html @@ -0,0 +1,26 @@ +--- +title: CSP +slug: Glossary/CSP +tags: + - HTTP + - 基础 + - 术语 +translation_of: Glossary/CSP +--- +<p>内容安全策略（CSP）用于检测和减轻用于 Web 站点的特定类型的攻击，例如 {{Glossary("XSS")}} 和数据注入等。</p> + +<p>该安全策略的实现基于一个称作 <code>Content-Security-Policy </code>的 {{Glossary("HTTP")}} 首部。</p> + +<h2 id="更多内容">更多内容</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Content_Security_Policy">Content Security Policy on Wikipedia</a></li> +</ul> + +<h3 id="技术知识">技术知识</h3> + +<ul> + <li><a href="/en-US/docs/Web/Security/CSP">Content Security Policy documentation on MDN</a></li> +</ul> diff --git a/files/zh-cn/glossary/csrf/index.html b/files/zh-cn/glossary/csrf/index.html new file mode 100644 index 0000000000..efc6079ff5 --- /dev/null +++ b/files/zh-cn/glossary/csrf/index.html @@ -0,0 +1,25 @@ +--- +title: CSRF +slug: Glossary/CSRF +tags: + - 安全 + - 术语 +translation_of: Glossary/CSRF +--- +<p>跨站请求伪造（CSRF）是一种冒充受信任用户，向服务器发送非预期请求的攻击方式。例如，这些非预期请求可能是通过在跳转链接后的 {{glossary("URL")}} 中加入恶意参数来完成:</p> + +<pre><img src="https://www.example.com/index.php?action=delete&id=123"></pre> + +<p>对于在 <code>https://www.example.com</code> 有权限的用户，这个 <code><img></code> 标签会在他们根本注意不到的情况下对 <code>https://www.example.com</code> 执行这个操作，即使这个标签根本不在 <code>https://www.example.com</code> 内亦可。</p> + +<p>有很多预防 CSRF 的方法，比如实现 {{glossary("REST", "RESTful API")}}，增加 secure token 等等。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="公共知识">公共知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "跨站请求伪造")}} on Wikipedia</li> + <li><a href="https://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)_Prevention_Cheat_Sheet">防御方法</a></li> + <li><a href="/en-US/Learn/tutorial/Information_Security_Basics">MDN 安全手册</a></li> +</ul> diff --git a/files/zh-cn/glossary/css/index.html b/files/zh-cn/glossary/css/index.html new file mode 100644 index 0000000000..6c1fc6e550 --- /dev/null +++ b/files/zh-cn/glossary/css/index.html @@ -0,0 +1,41 @@ +--- +title: CSS +slug: Glossary/CSS +tags: + - CSS + - Glossary + - Web +translation_of: Glossary/CSS +--- +<p><span class="seoSummary"><strong>CSS</strong> （Cascading Style Sheets，层叠样式表）是用来控制网页在浏览器中的显示外观的声明式语言。</span>浏览器会根据 CSS 的样式定义将其选定的元素显示为恰当的形式。一条 CSS 的样式定义包括属性和属性值，它们共同决定网页的外观。</p> + +<p>CSS 与 {{Glossary("HTML")}} 和 {{Glossary("JavaScript")}} 并称 Web 三大核心技术。一般用它来定义 {{Glossary("Element","HTML 元素")}} 的样式，但它也能用于其他标记语言，如 {{Glossary("SVG")}} 和 {{Glossary("XML")}}。</p> + +<p>一条 CSS 规则包含一个 {{Glossary("CSS selector", "选择符")}} 和一组 {{Glossary("CSS Property","属性")}} 定义。下面这个例子用来将页面中的所有 <code><p></code> 标签显示为黑色背景和黄色文本：</p> + +<pre class="brush: css notranslate">/* p 选择符用来选择页面中的所有 <p> 标签 */ +p { + /* color 属性用来定义文本颜色，这里为黄色 */ + color: yellow; + + /* background-color 属性用来定义元素的背景色，这里为黑色 */ + background-color: black +}</pre> + +<p>CSS 中的 “C” 表示 “层叠的”，意为多个选择符之间具有特定的优先级。这一点非常重要，因为复杂网站可能会有非常多的 CSS 规则，因此必须规定好这些规则的优先级，以免乱套。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-CN/Learn/CSS">CSS 教程</a></li> + <li>维基百科 {{interwiki("wikipedia", "CSS")}} 词条</li> +</ul> + +<h3 id="技术资料">技术资料</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/CSS">MDN CSS 文档</a></li> + <li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">W3 CSS 工作组的当前工作</a></li> +</ul> diff --git a/files/zh-cn/glossary/css_pixel/index.html b/files/zh-cn/glossary/css_pixel/index.html new file mode 100644 index 0000000000..7bf3e197db --- /dev/null +++ b/files/zh-cn/glossary/css_pixel/index.html @@ -0,0 +1,34 @@ +--- +title: CSS 像素 +slug: Glossary/CSS_pixel +tags: + - CSS + - CSS 像素 + - 像素 + - 单位 + - 大小 + - 宽度 + - 术语 + - 长度 + - 高度 +translation_of: Glossary/CSS_pixel +--- +<p><strong>CSS 像素</strong>——在 {{Glossary("CSS")}} 中以 <code>px</code> 为后缀——是一个长度单位，大致相当于一个肉眼可以轻松看到的小点的长宽，否则就是尽可能小的长度。根据定义，一个 CSS 像素应当看起来是在距离观察者一臂之遥且像素密度为 96 DPI 的屏幕中的一个物理像素。</p> + +<p>当然，这一定义，由于一些术语“轻松看到”和“一臂之遥”不精确且因人而异，导致其留下很多解释空间。比如，当一个用户坐在台式机前，屏幕和用户眼睛之间的距离实际上要比手机屏幕和眼睛的距离远。</p> + +<p>因此实际应用中，当使用单位 <code>px</code> 时，让 <code>96px</code> 的距离等同屏幕上的大约 1 英寸就合格了，无论屏幕的实际像素密度是多少。换句话说，如果一个手机屏幕的像素密度是 266 DPI，且屏幕上一个元素的宽度是 <code>96px</code>，那么这个元素的实际宽度会是 266 设备像素（{{Glossary(" device pixels ")}}）。</p> + +<h2 id="深入学习">深入学习</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://drafts.csswg.org/css-values-3/#absolute-lengths">CSS Values and Units Module, section 5.2: Absolute Lengths</a></li> +</ul> + +<h3 id="在这里学习">在这里学习</h3> + +<ul> + <li><a href="https://hacks.mozilla.org/2013/09/css-length-explained/">CSS Length Explained</a> on the MDN Hacks Blog</li> +</ul> diff --git a/files/zh-cn/glossary/css_preprocessor/index.html b/files/zh-cn/glossary/css_preprocessor/index.html new file mode 100644 index 0000000000..e8d7db9ed3 --- /dev/null +++ b/files/zh-cn/glossary/css_preprocessor/index.html @@ -0,0 +1,25 @@ +--- +title: CSS 预处理器 +slug: Glossary/CSS_preprocessor +tags: + - CSS +translation_of: Glossary/CSS_preprocessor +--- +<p> </p> + +<p><strong>CSS 预处理器</strong>是一个能让你通过预处理器自己独有的<span class="seoSummary">{{Glossary("语法")}}来</span>生成<span class="seoSummary">{{Glossary("CSS")}}的程序。市面上有很多CSS预处理器可供选择，且绝大多数CSS预处理器会增加一些原生CSS不具备的特性，例如代码混合，嵌套选择器，继承选择器等。这些特性让CSS的结构更加具有可读性且易于维护。</span></p> + +<p>要使用CSS预处理器，你必须在web服务中{{Glossary("服务器")}}安装CSS编译工具。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="通用知识">通用知识</h3> + +<p>这里是一些最流行的CSS预处理器:</p> + +<ul> + <li><a href="http://sass-lang.com/">Sass</a></li> + <li><a href="http://lesscss.org/">LESS</a></li> + <li><a href="http://stylus-lang.com/">Stylus</a></li> + <li><a href="http://postcss.org/">PostCSS</a></li> +</ul> diff --git a/files/zh-cn/glossary/css_selector/index.html b/files/zh-cn/glossary/css_selector/index.html new file mode 100644 index 0000000000..88170cdb72 --- /dev/null +++ b/files/zh-cn/glossary/css_selector/index.html @@ -0,0 +1,94 @@ +--- +title: Selector (CSS) +slug: Glossary/CSS_Selector +tags: + - CSS + - CSS 选择器 + - Glossary + - HTML + - 选择器 +translation_of: Glossary/CSS_Selector +--- +<p>CSS 选择器是 CSS 规则的一部分，用于匹配文档中的元素。匹配的元素将会拥有规则指定的样式。</p> + +<div id="glossary-selector-details"> +<p>看下面的 CSS：</p> + +<pre class="brush: css notranslate">p { + color: green; +} + +div.warning { + width: 100%; + border: 2px solid yellow; + color: white; + background-color: darkred; + padding: 0.8em 0.8em 0.6em; +} + +#customized { + font: 16px Lucida Grande, Arial, Helvetica, sans-serif; +}</pre> + +<p>选择器例如： "p" (文档中的 p 标签都会拥有绿色字体的样式), "div.warning" (文档中所有class 包含 warning 的 div 元素都会有一个看起来像警告框的样式)，"#customized" (id 为 "customized" 的元素中的文本为16px高，字体是Lucida Grande, Arial, Halvetica等 无衬线字体。)</p> + +<p>我们可以把上面的 css 添加给 HTML ：</p> + +<pre class="brush: html notranslate"><p>This is happy text.</p> + +<div class="warning"> + Be careful! There are wizards present, and they are quick to anger! +</div> + +<div id="customized"> + <p>This is happy text.</p> + + <div class="warning"> + Be careful! There are wizards present, and they are quick to anger! + </div> +</div></pre> +</div> + +<p>页面的内容将会呈现如下风格：</p> + +<p>{{EmbedLiveSample("glossary-selector-details", 640, 210)}}</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>查看我们的关于选择器的介绍 <a href="/zh-CN/docs/Learn/CSS/Building_blocks/Selectors">CSS选择器</a></li> + <li>基础选择器 + <ol> + <li><a href="/zh-CN/docs/Web/CSS/Type_selectors">标签选择器</a><code> elementname</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Class_selectors">类选择器</a> <code>.classname</code></li> + <li><a href="/zh-CN/docs/Web/CSS/ID_selectors">ID 选择器</a> <code>#idname</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Universal_selectors">通配选择器</a><code> * ns|* *|*</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Attribute_selectors">属性选择器</a><code> [attr=value]</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Pseudo-classes">状态选择器</a><code> a:active, a:visited</code></li> + </ol> + </li> + <li>组选择器 + <ol> + <li><a href="/zh-CN/docs/Web/CSS/Selector_list">Selector list</a> <code>A, B</code></li> + </ol> + </li> + <li>关系选择器 + <ol> + <li><a href="/zh-CN/docs/Web/CSS/Adjacent_sibling_selectors">邻近兄弟元素选择器</a> <code>A + B</code></li> + <li><a href="/zh-CN/docs/Web/CSS/General_sibling_selectors">兄弟元素选择器</a> <code>A ~ B</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Child_selectors">直接子元素选择器</a> <code>A > B</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Descendant_selectors">后代元素选择器</a> <code>A B</code></li> + </ol> + </li> + <li>伪选择器 (Pseudo) + <ol> + <li><a href="/zh-CN/docs/Web/CSS/Pseudo-classes">伪类</a> <code>:</code></li> + <li><a href="/zh-CN/docs/Web/CSS/Pseudo-elements">伪元素</a> <code>::</code></li> + </ol> + </li> + <li>定义参考 + <ol> + <li>{{SpecName("CSS3 Selectors")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/cssom/index.html b/files/zh-cn/glossary/cssom/index.html new file mode 100644 index 0000000000..98d6638eb5 --- /dev/null +++ b/files/zh-cn/glossary/cssom/index.html @@ -0,0 +1,24 @@ +--- +title: CSS Object Model (CSSOM) +slug: Glossary/CSSOM +tags: + - CSSOM + - DOM + - Web Performance + - 关键渲染路径 + - 渲染树 +translation_of: Glossary/CSSOM +--- +<p><strong>CSS 对象模型</strong> <strong>(CSSOM)</strong> 是树形形式的所有CSS选择器和每个选择器的相关属性的映射，具有树的根节点，同级，后代，子级和其他关系。CSSOM 与 {{glossary('DOM', '文档对象模型(DOM)')}} 非常相似。两者都是<strong>关键渲染路径</strong>的一部分，也是正确渲染一个网站必须采取的一系列步骤。</p> + +<p>CSSOM 与 DOM一起构建<strong>渲染树</strong>，浏览器依次使用渲染树来布局和绘制网页。</p> + +<h3 id="CSSOM_API">CSSOM API</h3> + +<p><a href="/zh-CN/docs/Web/API/CSS_Object_Model">CSS 对象模型</a>也是一组API，允许从J avaScript 操纵 CSS。它非常类似于DOM，但应用于 CSS 而不是 HTML。它允许用户动态读取和修改 CSS样式。</p> + +<h2 id="查看更多">查看更多</h2> + +<ul> + <li><a href="/zh-CN/docs/Web/Performance/How_browsers_work">填充页面：浏览器如何工作</a></li> +</ul> diff --git a/files/zh-cn/glossary/data_structure/index.html b/files/zh-cn/glossary/data_structure/index.html new file mode 100644 index 0000000000..91c76f1db9 --- /dev/null +++ b/files/zh-cn/glossary/data_structure/index.html @@ -0,0 +1,14 @@ +--- +title: 数据结构 +slug: Glossary/Data_structure +translation_of: Glossary/Data_structure +--- +<p><strong>数据结构</strong> 是让数据更好地被使用的一种数据组织方式。</p> + +<h2 id="了解更多Edit">了解更多<a class="button section-edit only-icon" href="https://developer.mozilla.org/en-US/docs/Glossary/Accessibility$edit#Learn_more" rel="nofollow, noindex"><span>Edit</span></a></h2> + +<h3 class="highlight-spanned" id="总体了解"><span class="highlight-span">总体了解</span></h3> + +<ul> + <li>维基百科上的 {{interwiki("wikipedia", "Data_structure", "Data structure")}}</li> +</ul> diff --git a/files/zh-cn/glossary/decryption/index.html b/files/zh-cn/glossary/decryption/index.html new file mode 100644 index 0000000000..dc711c98ec --- /dev/null +++ b/files/zh-cn/glossary/decryption/index.html @@ -0,0 +1,20 @@ +--- +title: Decryption +slug: Glossary/Decryption +translation_of: Glossary/Decryption +--- +<p>在密码学（{{glossary("cryptography")}}）领域，<strong>解密</strong>是指把加密文本（{{glossary("ciphertext")}} ）转换成明文{{glossary("cleartext")}}。</p> + +<p>解密是一个密码学原语：它通过一种称作{{glossary("cipher")}}的编码技术，把加密信息转换成纯文本。正如加密一样，解密在当代密码学领域也是通过特有的算法，结合称作{{glossary("key")}}的密钥来工作。由于算法通常是公开的，若要保证加密安全，就必须确保密钥高度保密。</p> + +<p><img alt="The decryption primitive." src="https://mdn.mozillademos.org/files/9817/Decryption.png" style="height: 81px; width: 485px;"></p> + +<p>解密是{{glossary("encryption")}}的逆过程，如果密钥高度保密，在没有特定密钥的前提下从数学计算的角度来看，解密是很难做到的。这就取决于算法有多坚固，以及{{glossary("cryptanalysis")}}发展到了什么程度。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 class="highlight-spanned" id="技术索引">技术索引</h3> + +<ul> + <li><a href="/en-US/docs/Encryption_and_Decryption">Encryption and Decryption</a></li> +</ul> diff --git a/files/zh-cn/glossary/descriptor_(css)/index.html b/files/zh-cn/glossary/descriptor_(css)/index.html new file mode 100644 index 0000000000..c1fb9980bb --- /dev/null +++ b/files/zh-cn/glossary/descriptor_(css)/index.html @@ -0,0 +1,16 @@ +--- +title: Descriptor (解释器) (CSS) +slug: Glossary/Descriptor_(CSS) +tags: + - CSS + - NeedsContent + - 术语 +translation_of: Glossary/Descriptor_(CSS) +--- +<p>一个 <strong>CSS 解释器</strong>定义一条 {{cssxref("at-rule","@ 规则")}}的属性. 一条 @ 规则可以有一条或多条解释器。每一条解释器拥有：</p> + +<ul> + <li>一个名称</li> + <li>一个值，用于定义其名称的属性</li> + <li>一个可选的 "!important" 标识，默认不带有。</li> +</ul> diff --git a/files/zh-cn/glossary/developer_tools/index.html b/files/zh-cn/glossary/developer_tools/index.html new file mode 100644 index 0000000000..64056165d3 --- /dev/null +++ b/files/zh-cn/glossary/developer_tools/index.html @@ -0,0 +1,38 @@ +--- +title: 开发者工具 +slug: Glossary/Developer_Tools +tags: + - 开发者工具 + - 术语表 +translation_of: Glossary/Developer_Tools +--- +<p>开发者工具(或“开发工具”，或简称“DevTools”)让开发者能够开发、测试和{{Glossary("调试")}}软件。</p> + +<p> </p> + +<p>目前的浏览器提供集成开发者工具，可用于审查网页，还让用户审查和调试页面的{{Glossary("HTML")}}、{{Glossary("CSS")}}和{{Glossary("JavaScript")}},，检查网络流量，测试网页性能等等。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Web development tools", "Web development tools")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Tools">Firefox Developer Tools</a> on MDN</li> + <li><a href="https://getfirebug.com/">Firebug</a> (former developer tool for Firefox)</li> + <li><a href="https://developer.chrome.com/devtools">Chrome DevTools</a> on chrome.com</li> + <li><a href="https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1">Safari Web Inspector</a> on apple.com</li> + <li><a href="https://docs.microsoft.com/en-us/microsoft-edge/f12-devtools-guide">Edge Dev Tools</a> on microsoft.com</li> +</ul> + +<p> </p> + +<p> </p> + +<ul> +</ul> diff --git a/files/zh-cn/glossary/dns/index.html b/files/zh-cn/glossary/dns/index.html new file mode 100644 index 0000000000..1e51b0c146 --- /dev/null +++ b/files/zh-cn/glossary/dns/index.html @@ -0,0 +1,21 @@ +--- +title: DNS +slug: Glossary/DNS +tags: + - DNS + - Web + - 域名系统 +translation_of: Glossary/DNS +--- +<p>DNS (Domain Name System) 域名系统，是一个层次化、分散化的Internet连接资源命名系统。DNS维护着一个包含{{glossary("domain name","域名")}}与对应资源例如{{Glossary("IP address","IP地址")}}的列表.</p> + +<p>DNS最突出的功能是将易于记忆的域名(例如mozilla.org)翻译成为数字化的IP地址(例如151,106,5,172).这一从域名到IP地址的映射过程被成为<strong>DNS查询(DNS lookup)</strong>,与之对应,<strong>DNS反向查询(rDNS)</strong>用来找到与IP地址对应的域名.</p> + +<h2 id="更多">更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="/en-US/Learn/Understanding_domain_names">理解域名</a></li> + <li>在维基百科上的 {{interwiki("wikipedia", "Domain_Name_System", "Domain Name System")}} （DNS）</li> +</ul> diff --git a/files/zh-cn/glossary/doctype/index.html b/files/zh-cn/glossary/doctype/index.html new file mode 100644 index 0000000000..2010e3e4d6 --- /dev/null +++ b/files/zh-cn/glossary/doctype/index.html @@ -0,0 +1,27 @@ +--- +title: 文档类型声明 +slug: Glossary/Doctype +tags: + - DTD + - HTML + - 介绍 + - 文档类型 + - 浏览器 +translation_of: Glossary/Doctype +--- +<p>在 {{Glossary("HTML")}} 中，文档类型 doctype 的声明是必要的。在所有文档的头部，你都将会看到"<code><!DOCTYPE html></code>" 的身影。这个声明的目的是防止浏览器在渲染文档时，切换到我们称为“<a href="/zh-CN/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">怪异模式(兼容模式)</a>”的渲染模式。“<code><!DOCTYPE html></code>" 确保浏览器按照最佳的相关规范进行渲染，而不是使用一个不符合规范的渲染模式。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_Knowledge">General Knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "Document_type_declaration", "Document Type Declaration")}} 维基百科的解释</li> + <li><a href="/en-US/docs/Quirks_Mode_and_Standards_Mode">Quirks Mode and Standards Mode</a> 怪异模式（兼容模式）和标准模式</li> +</ul> + +<h3 id="技术参考"><strong>技术参考</strong></h3> + +<ul> + <li><a href="/en-US/docs/Web/API/Document/doctype">Document.doctype</a>, 一个返回 doctype 的 JavaScript 方法</li> +</ul> diff --git a/files/zh-cn/glossary/document_directive/index.html b/files/zh-cn/glossary/document_directive/index.html new file mode 100644 index 0000000000..a1559aba43 --- /dev/null +++ b/files/zh-cn/glossary/document_directive/index.html @@ -0,0 +1,36 @@ +--- +title: Document directive +slug: Glossary/Document_directive +tags: + - CSP + - HTTP + - 安全 +translation_of: Glossary/Document_directive +--- +<p><strong>{{Glossary("CSP")}} 文档指令（document directives）</strong> 出现于 {{HTTPHeader("Content-Security-Policy")}} 首部，支配着应用安全策略的文档的属性或者 <a href="/en-US/docs/Web/API/Web_Workers_API">worker</a> 运行环境的特征。</p> + +<p>文档指令不将 {{CSP("default-src")}} 指令作为回退机制。</p> + +<p>以下 CSP 指令属于文档指令：</p> + +<ul> + <li>{{CSP("base-uri")}}</li> + <li>{{CSP("plugin-types")}}</li> + <li>{{CSP("sandbox")}}</li> + <li>{{CSP("disown-opener")}}</li> +</ul> + +<div> +<h2 id="更多内容">更多内容</h2> + +<ul> + <li>{{HTTPHeader("Content-Security-Policy")}}</li> + <li>其他类型的指令： + <ul> + <li>{{Glossary("Fetch directive")}}</li> + <li>{{Glossary("Navigation directive")}}</li> + <li>{{Glossary("Reporting directive")}}</li> + </ul> + </li> +</ul> +</div> diff --git a/files/zh-cn/glossary/document_environment/index.html b/files/zh-cn/glossary/document_environment/index.html new file mode 100644 index 0000000000..4f90e277c9 --- /dev/null +++ b/files/zh-cn/glossary/document_environment/index.html @@ -0,0 +1,18 @@ +--- +title: document environment +slug: Glossary/document_environment +tags: + - JavaScript + - 文档 + - 环境 +translation_of: Glossary/document_environment +--- +<p><span class="seoSummary">当 JavaScript 所处的全局环境为 window 或 iframe 时，这种环境被称为<em>全局文档环境</em>。全局的文档环境处于所有环境的顶层，即没有更外层的环境。</span></p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://html.spec.whatwg.org/multipage/webappapis.html#document-environment">document environment</a> 的HTML规范</li> +</ul> diff --git a/files/zh-cn/glossary/dom/index.html b/files/zh-cn/glossary/dom/index.html new file mode 100644 index 0000000000..396dc6f013 --- /dev/null +++ b/files/zh-cn/glossary/dom/index.html @@ -0,0 +1,31 @@ +--- +title: DOM +slug: Glossary/DOM +tags: + - DOM + - 文档对象模型（DOM） + - 术语 +translation_of: Glossary/DOM +--- +<div class="boxed translate-rendered"> +<p class="ordinary-output target-output">DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API。DOM 是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分（例如:页面元素、字符串或注释等等）。</p> + +<p>DOM 是万维网上使用最为广泛的API之一，因为它允许运行在浏览器中的代码访问文件中的节点并与之交互。节点可以被创建，移动或修改。事件监听器可以被添加到节点上并在给定事件发生时触发。</p> + +<p>DOM 并不是天生就被规范好了的，它是浏览器开始实现{{Glossary("JavaScript")}}时才出现的。这个传统的 DOM 有时会被称为 DOM 0。现在， WHATWG维护DOM现存标准。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般的知识">一般的知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Document_Object_Model", "The Document Object Model")}} 在维基百科上的解释</li> +</ul> + +<h3 id="技术信息"><span>技术信息</span></h3> + +<ul> + <li><a href="/zh-CN/docs/Web/API/Document_Object_Model">MDN DOM文档</a></li> + <li><a href="http://www.w3.org/DOM/DOMTR" rel="external">W3C上的多种DOM规范</a></li> +</ul> +</div> diff --git a/files/zh-cn/glossary/domain/index.html b/files/zh-cn/glossary/domain/index.html new file mode 100644 index 0000000000..f2a26d24de --- /dev/null +++ b/files/zh-cn/glossary/domain/index.html @@ -0,0 +1,30 @@ +--- +title: 域 +slug: Glossary/Domain +tags: + - 域 +translation_of: Glossary/Domain +--- +<p>域是互联网中控制其自身资源的"权威"。它的“域名”是一种在{{Glossary("URL")}}中作为这个层次结构的一部分来标记出这种“权威性”的方式-通常是最令人难忘的部分，例如品牌名称。</p> + +<p>完全限定域名（FQDN）包含通过 {{Glossary("DNS")}} 系统明确地按名称查找此“权威”的所有必要部分。</p> + +<p> </p> + +<p>For example, in "developer.mozilla.org":</p> + +<ol> + <li>"org" is called a {{interwiki("wikipedia", "Top-level_domain", "top-level domain")}}. They are registered as an internet standard by the {{interwiki("wikipedia", "Internet_Assigned_Numbers_Authority", "IANA")}} . Here, "org" means "organization" which is defined in a top-level <em>domain registry</em>.</li> + <li>"mozilla" is the domain. If you like to own a domain you have to register it with one of the many {{interwiki("wikipedia", "Domain_name_registrar", "registrars")}} who are allowed to do so with a top-level domain registry.</li> + <li>"developer" is a "sub-domain", something you as the owner of a domain may define yourself. Many owners choose to have a subdomain "www" to point to their {{Glossary("World_Wide_Web")}} resource, but that's not required (and has even fallen somewhat out of favor).</li> +</ol> + +<p> </p> + +<p> </p> + +<h2 id="学习更多">学习更多</h2> + +<ul> + <li>在维基百科中的 {{interwiki("wikipedia", "域")}}</li> +</ul> diff --git a/files/zh-cn/glossary/domain_sharding/index.html b/files/zh-cn/glossary/domain_sharding/index.html new file mode 100644 index 0000000000..dd2790e4de --- /dev/null +++ b/files/zh-cn/glossary/domain_sharding/index.html @@ -0,0 +1,22 @@ +--- +title: 域名分片(Domain sharding) +slug: Glossary/Domain_sharding +tags: + - 域名分片 +translation_of: Glossary/Domain_sharding +--- +<p>由于浏览器限制了每个域（domain）的活动连接数。为了可以同时下载超过该限制数的资源，<strong>域名分片</strong>（<strong>domain sharding</strong>）会将内容拆分到多个子域中。当使用多个域来处理多个资源时，浏览器能够同时下载更多资源，从而缩短了页面加载时间并改善了用户体验。</p> + +<p>就性能而言，域名分片的问题在于每个域都需要额外的 DNS 查找成本以及建立每个 TCP 连接的开销。</p> + +<p>来自 HTTP 请求的初始响应通常是 HTML 文件，其中列出了其他资源，例如JavaScript，CSS，图像和其他需要下载的媒体文件。由于浏览器限制每个域的活动连接数，因此从一个域提供所有必需的资源可能会变慢，因为需要按顺序下载资源。使用域名分片后，所需的下载可以来自多个域，从而使浏览器可以同时下载所需的资源。但是，由于 DNS 查找会减慢初始加载时间，因此多个域是一种反模式。</p> + +<p>由于 HTTP/2 没有限制并发请求（unlimited concurrent requests），因此启用 HTTP/2 后，就没必要再使用域名分片来解决并发限制了。</p> + +<h2 id="See_Also">See Also</h2> + +<ul> + <li><a href="/en-US/docs/Archive/Security/SSL_and_TLS">Transport Layer Security (TLS)</a></li> + <li><a href="/en-US/docs/Glossary/DNS">DNS</a></li> + <li><a href="/en-US/docs/Glossary/HTTP_2">HTTP/2</a></li> +</ul> diff --git a/files/zh-cn/glossary/dos_attack/index.html b/files/zh-cn/glossary/dos_attack/index.html new file mode 100644 index 0000000000..7ce7ff4289 --- /dev/null +++ b/files/zh-cn/glossary/dos_attack/index.html @@ -0,0 +1,34 @@ +--- +title: DoS attack +slug: Glossary/DOS_attack +tags: + - DoS攻击 +translation_of: Glossary/DOS_attack +--- +<p id="Summary">DoS是一种网络攻击手段，它通过给服务器（ {{glossary("server")}} ）发送大量请求来阻止对资源的合法使用。</p> + +<p id="In_Depth">计算机资源有限，比如算力和内存。当这些资源过载时，程序可能会发生冻结或崩溃，使程序不可用。Dos攻击结合多种技术来竭尽资源，使合法用户无法使用服务器或网络，或者至少让服务器反应迟缓。</p> + +<p>还有使用大量服务器来竭尽一台被攻击电脑的资源的攻击方式，分布式拒绝服务（Distributed Denial of Service ，DDoS）攻击。</p> + +<h3 id="DoS_攻击类型">DoS 攻击类型</h3> + +<p>DoS攻击更多的是一种类型而非特定的某种攻击。下面是Dos攻击的不完全列表：</p> + +<ul> + <li>带宽攻击</li> + <li>服务器请求泛滥</li> + <li>SYN 泛滥攻击</li> + <li>ICMP 泛滥攻击</li> + <li>点对点攻击</li> + <li>永久 DoS 攻击</li> + <li>应用层泛滥攻击</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{interwiki("wikipedia", "Denial-of-service_attack", "Denial-of-service attack")}} on Wikipedia</li> + <li><a href="https://www.owasp.org/index.php/Denial_of_Service">Denial-of-service on OWASP</a></li> + <li>{{Glossary("Distributed Denial of Service","DDoS")}}</li> +</ul> diff --git a/files/zh-cn/glossary/dtd/index.html b/files/zh-cn/glossary/dtd/index.html new file mode 100644 index 0000000000..5ed258a753 --- /dev/null +++ b/files/zh-cn/glossary/dtd/index.html @@ -0,0 +1,8 @@ +--- +title: DTD +slug: Glossary/DTD +translation_of: Glossary/Doctype +--- +<p>{{page("/en-US/docs/Glossary/Doctype")}}</p> + +<p><font face="Courier New"><!DOCTYPE></font> informs the <a class="glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/browser" title="browser: A Web browser is a program that retrieves and displays pages from the Web, and lets users access further pages through hyperlinks."><u><font color="#0066cc">browser</font></u></a> which version of <a class="glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/HTML" title="HTML: HTML (HyperText Markup Language) is a descriptive language that specifies webpage structure."><u><font color="#0066cc">HTML</font></u></a> (or <a class="glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/XML" title="XML: eXtensible Markup Language (XML) is a generic markup language specified by the W3C. The IT industry uses many languages based on XML as data-description languages."><u><font color="#0066cc">XML</font></u></a>) you used to write the document. Doctype is a <a class="new glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/declaration" title="The definition of that term (declaration) has not been written yet; please consider contributing it!"><u><font color="#0066cc">declaration</font></u></a>, not a <a class="glossaryLink" href="https://developer.mozilla.org/en-US/docs/Glossary/tag" title="tag: In HTML a tag is used for creating an element. The name of an HTML element is the name used in angle brackets such as <p> for paragraph. Note that the end tag's name is preceded by a slash character, "</p>", and that in empty elements the end tag is neither required nor allowed. If attributes are not mentioned, default values are used in each case."><u><font color="#0066cc">tag</font></u></a>; you can also refer to it as "document type declaration", or "DTD" for short.</p> diff --git a/files/zh-cn/glossary/dynamic_programming_language/index.html b/files/zh-cn/glossary/dynamic_programming_language/index.html new file mode 100644 index 0000000000..19b9b23ed4 --- /dev/null +++ b/files/zh-cn/glossary/dynamic_programming_language/index.html @@ -0,0 +1,23 @@ +--- +title: Dynamic programming language（动态编程语言） +slug: Glossary/Dynamic_programming_language +tags: + - 术语表 + - 编程 +translation_of: Glossary/Dynamic_programming_language +--- +<p><strong>动态编程语言</strong>是指可在运行阶段时执行那些在编译阶段执行的操作的编程语言。比如，在 JavaScript 中， 我们可以在程序运行时改变变量的类型，或者为一个对象增加一个新属性或者方法。</p> + +<p>这正好与静态编程语言相反，在静态编程语言的运行阶段，一般是无法执行这些改变的。</p> + +<div class="note"> +<p>注意，尽管静态/动态编程语言和 <a href="/en-US/docs/Glossary/Dynamic_typing">静态/动态类型</a>有一定的联系，但是两者并不是同义词。</p> +</div> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Dynamic programming language")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/ecma/index.html b/files/zh-cn/glossary/ecma/index.html new file mode 100644 index 0000000000..a77bea546e --- /dev/null +++ b/files/zh-cn/glossary/ecma/index.html @@ -0,0 +1,19 @@ +--- +title: ECMA +slug: Glossary/ECMA +tags: + - Glossary + - Stub + - WebMechanics +translation_of: Glossary/ECMA +--- +<p><strong>Ecma International</strong>（正式名称是 <em>European Computer Manufacturers Association，欧洲计算机制造商协会</em>）是一个开发计算机硬件、通信和程序语言标准的非盈利组织。</p> + +<p>在网络上该组织因维护 {{Glossary("JavaScript")}} 语言的核心规范 <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">the ECMA-262 specification</a>（即 {{Glossary("ECMAScript")}}）而为人所知。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>Wikipedia 页面 {{interwiki("wikipedia", "Ecma_International", "Ecma International")}}</li> + <li><a href="http://www.ecma-international.org/">The Ecma International web site</a></li> +</ul> diff --git a/files/zh-cn/glossary/ecmascript/index.html b/files/zh-cn/glossary/ecmascript/index.html new file mode 100644 index 0000000000..c95c270af5 --- /dev/null +++ b/files/zh-cn/glossary/ecmascript/index.html @@ -0,0 +1,20 @@ +--- +title: ECMAScript +slug: Glossary/ECMAScript +translation_of: Glossary/ECMAScript +--- +<p><strong>ECMAScript </strong>是 {{glossary("JavaScript")}} 所基于的脚本语言。<a href="http://www.ecma-international.org">Ecma 国际组织</a> 负责将ECMAScript 标准化。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常规知识">常规知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "ECMAScript")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.ecmascript.org/">ECMAScript</a></li> +</ul> diff --git a/files/zh-cn/glossary/encapsulation/index.html b/files/zh-cn/glossary/encapsulation/index.html new file mode 100644 index 0000000000..5e2d1ae9e1 --- /dev/null +++ b/files/zh-cn/glossary/encapsulation/index.html @@ -0,0 +1,19 @@ +--- +title: Encapsulation +slug: Glossary/Encapsulation +tags: + - Encapsulation + - 封装 +translation_of: Glossary/Encapsulation +--- +<p>Encapsulation （封装）是指将数据与函数打包到一个组件（例如，类）中，使得外部对于该组件对象的访问如同一个“黑盒子”一样。如此一来，类的使用者只需知道它的接口（即类对外暴露的数据与方法），而无需关心其内部是如何实现的。</p> + +<p> </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 <a href="https://zh.m.wikipedia.org/zh-hans/封裝_(物件導向程式設計)">封装</a></li> +</ul> diff --git a/files/zh-cn/glossary/endianness/index.html b/files/zh-cn/glossary/endianness/index.html new file mode 100644 index 0000000000..2b4b20df12 --- /dev/null +++ b/files/zh-cn/glossary/endianness/index.html @@ -0,0 +1,34 @@ +--- +title: Endianness（字节序） +slug: Glossary/Endianness +tags: + - 数据 + - 术语 + - 编程 +translation_of: Glossary/Endianness +--- +<div class="center" style="max-width: 42rem;"> +<p id="Summary">字节序，或字节顺序（"Endian"、"endianness" 或 "byte-order"），描述了计算机如何组织字节，组成对应的数字。</p> + +<p>每个内存存储位置都有一个索引或地址。每一 字节可以存储一个8位数字（即 介于<code>0x00</code> 和 <code>0xff</code> 之间），因此，你必须保留不止一个字节来储存一个更大的数字。现在，大部分需占用多个字节的数字排序方式是 <strong>little-endian</strong>（译者注：可称小字节序、低字节序，即低位字节排放在内存的低地址端，高位字节排放在内存的高地址端。与之对应的 big-endian 排列方式相反，可称大字节序、高字节序），所有的英特尔处理器都使用 little-endian。little-endian 的意思是使用低位储存更重要的信息，least-to-most-significant（最不重要的（least significant）字节取第一个位置，或者说地址最低的位置），可类比欧洲通用的日期书写方式（例如，31 December 2050。译者注：年份是最重要的，月份其次，日期最后）。</p> + +<p>自然, <strong>big-endian </strong>是相反的顺序, 可类比 ISO 日期格式（例如 2050-12-31）。big-endian 通常被称作"网络字节顺序"（"network byte order"）, 因为互联网标准通常要求数据使用 big-endian 存储，从标准 Unix 套接字（socket）层开始，一直到标准化网络的二进制数据结构。此外，老式 Mac 计算机的 68000 系列 和 PowerPC（译者注：IBM 与 Apple 公司联合生产的个人台式机）微处理器曾使用 big-endian。</p> + +<p>举个例子，用不同字节序存储数字 <code>0x12345678</code>（即十进制中的 305 419 896）：</p> + +<ul class="syntaxbox"> + <li><em>little-endian</em>：<code>0x78 0x56 0x34 0x12</code></li> + <li><em>big-endian</em>：<code>0x12 0x34 0x56 0x78</code></li> + <li><em>mixed-endian</em>（文物，非常罕见）：<code>0x34 0x12 0x78 0x56</code></li> +</ul> + +<h2 id="参见">参见</h2> + +<ul> + <li>{{jsxref("ArrayBuffer")}}</li> + <li>{{jsxref("DataView")}}</li> + <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays">Typed Arrays</a></li> + <li>Wikipedia 上的 {{Interwiki("wikipedia", "Endianness")}}</li> + <li>{{Glossary("Data structure")}}</li> +</ul> +</div> diff --git a/files/zh-cn/glossary/engine/index.html b/files/zh-cn/glossary/engine/index.html new file mode 100644 index 0000000000..26f1297964 --- /dev/null +++ b/files/zh-cn/glossary/engine/index.html @@ -0,0 +1,14 @@ +--- +title: Engine +slug: Glossary/Engine +translation_of: Glossary/Engine +--- +<p>{{glossary("JavaScript")}}引擎是一个可以解析并执行JavaScript 程序的解释器</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本信息">基本信息</h3> + +<ul> + <li>维基百科上的{{Interwiki("wikipedia", "JavaScript engine")}}</li> +</ul> diff --git a/files/zh-cn/glossary/entity/index.html b/files/zh-cn/glossary/entity/index.html new file mode 100644 index 0000000000..075d88686c --- /dev/null +++ b/files/zh-cn/glossary/entity/index.html @@ -0,0 +1,63 @@ +--- +title: Entity +slug: Glossary/Entity +tags: + - Entity + - Glossary + - HTML + - HTML实体 + - 字符实体 + - 实体 +translation_of: Glossary/Entity +--- +<p><span class="seoSummary">{{glossary("HTML")}} 实体是一段以连字号（<code>&</code>）开头、以分号（<code>;</code>）结尾的文本（字符串）。实体常常用于显示保留字符（这些字符会被解析为 HTML 代码）和不可见的字符（如“不换行空格”）。你也可以用实体来代替其他难以用标准键盘键入的字符。</span></p> + +<div class="note"> +<p>很多字符都有易于记忆的实体。例如版权符号 (<code>©</code>) 的实体是 <code>&copy;</code>。对于没那么容易记住的字符，例如 <code>&#8212;</code> 或 <code>&#x2014;</code>，你可以查看 <a href="https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references">参考表</a> 或使用 <a href="https://mothereff.in/html-entities">解码工具 </a>。</p> +</div> + +<h2 id="保留字符">保留字符</h2> + +<p>有一些特别的字符被保留用于 HTML 中，这意味着浏览器会将这些字符解析为 HTML 代码。例如，如果你使用小于号（<code><</code>），浏览器会将其后的文本解析为一个 {{Glossary('tag')}}。</p> + +<p>为了将这些字符显示为文本，需要使用相应的字符实体来代替它们，如下表所示。</p> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">字符</th> + <th scope="col">实体</th> + <th scope="col">说明</th> + </tr> + </thead> + <tbody> + <tr> + <td>&</td> + <td><code>&amp;</code></td> + <td>解析为实体或字符引用的开头</td> + </tr> + <tr> + <td><</td> + <td><code>&lt;</code></td> + <td>解析为 {{Glossary('tag')}} 的开头</td> + </tr> + <tr> + <td>></td> + <td><code>&gt;</code></td> + <td>解析为 {{Glossary('tag')}} 的结尾</td> + </tr> + <tr> + <td>"</td> + <td><code>&quot;</code></td> + <td>解析为 {{Glossary('attribute')}} 的值的开头和结尾</td> + </tr> + </tbody> +</table> + +<h2 id="查看更多">查看更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references">字符实体的官方列表</a></li> +</ul> diff --git a/files/zh-cn/glossary/entity_header/index.html b/files/zh-cn/glossary/entity_header/index.html new file mode 100644 index 0000000000..03a46d59b4 --- /dev/null +++ b/files/zh-cn/glossary/entity_header/index.html @@ -0,0 +1,25 @@ +--- +title: 实体报头 +slug: Glossary/Entity_header +tags: + - 实体报头 +translation_of: Glossary/Entity_header +--- +<p>实体报头{{glossary("header", "HTTP header")}}用来描述消息体内容。实体报头既可用于请求也可用于响应中。如{{HTTPHeader("Content-Length")}}，{{HTTPHeader("Content-Language")}}，{{HTTPHeader("Content-Encoding")}}之类的报头都是实体报头。</p> + +<p>尽管实体报头既非请求或响应报头，（由于它经常出现在请求头或响应头中）它们通常包含于此类概念中。</p> + +<p>在下面例子中，{{HTTPHeader("Content-Length")}}是一个实体报头，而{{HTTPHeader("Host")}}和{{HTTPHeader("User-Agent")}}是{{glossary("request header", "request headers")}}（请求报头）:</p> + +<pre>POST /myform.html HTTP/1.1 +Host: developer.mozilla.org +User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 +Content-Length: 128</pre> + +<h2 id="更多信息">更多信息</h2> + +<h3 id="技术知识">技术知识</h3> + +<ul> + <li><a href="/en-US/docs/Web/HTTP/Headers">所有HTTP报头列表</a></li> +</ul> diff --git a/files/zh-cn/glossary/expando/index.html b/files/zh-cn/glossary/expando/index.html new file mode 100644 index 0000000000..6cb121c0ff --- /dev/null +++ b/files/zh-cn/glossary/expando/index.html @@ -0,0 +1,34 @@ +--- +title: Expando +slug: Glossary/Expando +tags: + - JavaScript + - Reference + - expando +translation_of: Glossary/Expando +--- +<p>可扩展对象的动态属性(Expando properties)是{{glossary("JavaScript")}} 添加到{{glossary("DOM")}} 节点的属性 , 可以直接从 DOM 元素中访问。 这些属性不是{{glossary("对象")}} 的DOM 规范的一部分:</p> + +<pre class="brush: js">window.document.foo = 5; // foo 是一个自定义属性</pre> + +<p>该术语也可以应用于添加到对象的属性, 而不遵守对象的原始意图, 例如非数字命名的属性添加到一个{{glossary("数组")}}里.</p> + +<p><strong>注：</strong><br> + expando 可能是 expandable object 的缩写，表示可扩展的对象。expando property 表示可扩展对象的动态属性， 可以在运行时动态添加到对象中的属性 。<br> + <span class="SentenceHover sentence" id="mt10">“JavaScript 中的所有对象均支持 expando 属性和方法，这些属性和方法可在运行时动态添加和移除。”（来源：MSDN）</span> </p> + +<h3 id="例子：二维数组的创建">例子：二维数组的创建</h3> + +<pre class="brush: js">var n = 5; +var i, j; + +var arr = new Array(n); //创建第一维的数组 +for (i = 0; i < n; i++) +{ + arr[i] = new Array(n); + for (j = 0; j < n; j++) // 内循环创建第二维数组 + { + arr[i][j] = i * j; // 数组赋值 + } +} +console.log(arr);</pre> diff --git a/files/zh-cn/glossary/falsy/index.html b/files/zh-cn/glossary/falsy/index.html new file mode 100644 index 0000000000..7596eb1dcf --- /dev/null +++ b/files/zh-cn/glossary/falsy/index.html @@ -0,0 +1,96 @@ +--- +title: Falsy +slug: Glossary/Falsy +tags: + - JavaScript + - falsy + - truthy +translation_of: Glossary/Falsy +--- +<p id="Summary"><strong>falsy </strong>值 (虚值) 是在 {{Glossary("Boolean")}} 上下文中认定为 false 的值。</p> + +<p>{{Glossary("JavaScript")}} 在需要用到布尔类型值的上下文中使用强制类型转换({{Glossary("Type_Conversion", "Type Conversion")}} )将值转换为布尔值，例如<a href="/zh-CN/docs/learn/JavaScript/Building_blocks/conditionals">条件语句</a>和循环语句。</p> + +<p>在 JavaScript 中只有 8<strong> 个</strong> <strong>falsy</strong> 值。</p> + +<div class="blockIndicator note"> +<p>这意味着当 JavaScript 期望一个布尔值，并被给与下面值中的一个时，它总是会被当做 false。</p> +</div> + +<table> + <tbody> + <tr> + <td><code>false</code></td> + <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Future_reserved_keywords_in_older_standards">false</a> 关键字</td> + </tr> + <tr> + <td>0</td> + <td>数值 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Number_type">zero</a></td> + <td></td> + </tr> + <tr> + <td>-0</td> + <td>数值 负 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Number_type">zero</a></td> + <td></td> + </tr> + <tr> + <td>0n</td> + <td>当 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt">BigInt</a> 作为布尔值使用时, 遵从其作为数值的规则. <code>0n</code> 是 <em>falsy </em>值.</td> + </tr> + <tr> + <td>"", '', ``</td> + <td> + <p>这是一个空字符串 (字符串的长度为零). JavaScript 中的字符串可用双引号 <code><strong>""</strong></code>, 单引号 <code>''</code>, 或 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals">模板字面量</a> <strong><code>``</code></strong> 定义。</p> + </td> + </tr> + <tr> + <td>{{Glossary("null")}}</td> + <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null">null</a> - 缺少值</td> + </tr> + <tr> + <td>{{Glossary("undefined")}}</td> + <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined">undefined</a> - 原始值</td> + </tr> + <tr> + <td>{{Glossary("NaN")}}</td> + <td><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN </a>- 非数值</td> + </tr> + </tbody> +</table> + +<h2 id="例子">例子</h2> + +<p> JavaScript 中 <em>falsy </em>值的例子 (在布尔值上下文中被转换为 false，从而<em>绕过</em>了 <code>if</code> 代码块):</p> + +<pre class="brush: js notranslate">if (false) +if (null) +if (undefined) +if (0) +if (0n) +if (NaN) +if ('') +if ("") +if (``) +if (document.all) +</pre> + +<h3 id="逻辑与操作符">逻辑与操作符 &&</h3> + +<p>如果第一个对象（译注：原文如此）是 falsy 值，则返回那个对象：</p> + +<pre class="notranslate"><code>let pet = false && "dog"; + +// ↪ false</code></pre> + +<div class="note"> +<p><code>document.all</code> 在过去被用于浏览器检测，是 <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#dom-document-all">HTML 规范在此定义了</a>故意与 ECMAScript 标准相违背的（译者注：<code>document.all</code> 虽然是一个对象，但其转换为 boolean 类型是 false），以保持与历史代码的兼容性 (<code>if (document.all) { // Internet Explorer code here }</code> 或使用 <code>document.all</code> 而不先检查它的存在: <code>document.all.foo</code>).</p> +</div> + +<p>falsy 有时会写作 <strong>falsey</strong>，虽然在英语中，将一个单词转换成形容词时，通常会去掉末尾的字母 e，加上后缀 y。(noise => noisy, ice => icy, shine => shiny)</p> + +<h2 id="更多">更多</h2> + +<ul> + <li>{{Glossary("Truthy")}}</li> + <li>{{Glossary("Boolean")}}</li> +</ul> diff --git a/files/zh-cn/glossary/fetch_directive/index.html b/files/zh-cn/glossary/fetch_directive/index.html new file mode 100644 index 0000000000..c05d352f44 --- /dev/null +++ b/files/zh-cn/glossary/fetch_directive/index.html @@ -0,0 +1,44 @@ +--- +title: Fetch 指令 +slug: Glossary/Fetch_directive +tags: + - CSP + - HTTP + - 安全 +translation_of: Glossary/Fetch_directive +--- +<p><strong>{{Glossary("CSP")}} fetch 指令</strong>用在{{HTTPHeader("Content-Security-Policy")}} 头部中，可以用来控制某些具体类型的资源可以从哪些来源被加载。比如说， {{CSP("script-src")}} 使得开发者可以允许可信任来源的脚本在页面上执行， {{CSP("font-src")}} 可以控制字体的来源。</p> + +<p>所有的指令的值都会回落到 {{CSP("default-src")}}。也就是说，如果某个fetch指令在CSP头部中未定义， 那么用户代理就会寻找<code>default-src</code> 指令的值来替代。</p> + +<p>这些 CSP 指令属于fetch指令:</p> + +<ul> + <li>{{CSP("child-src")}}</li> + <li>{{CSP("connect-src")}}</li> + <li>{{CSP("default-src")}}</li> + <li>{{CSP("font-src")}}</li> + <li>{{CSP("frame-src")}}</li> + <li>{{CSP("img-src")}}</li> + <li>{{CSP("manifest-src")}}</li> + <li>{{CSP("media-src")}}</li> + <li>{{CSP("object-src")}}</li> + <li>{{CSP("script-src")}}</li> + <li>{{CSP("style-src")}}</li> + <li>{{CSP("worker-src")}}</li> +</ul> + +<div> +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{HTTPHeader("Content-Security-Policy")}}</li> + <li>其他类型的CSP指令: + <ul> + <li>{{Glossary("Document directive")}}</li> + <li>{{Glossary("Navigation directive")}}</li> + <li>{{Glossary("Reporting directive")}}</li> + </ul> + </li> +</ul> +</div> diff --git a/files/zh-cn/glossary/firewall/index.html b/files/zh-cn/glossary/firewall/index.html new file mode 100644 index 0000000000..2b9715f093 --- /dev/null +++ b/files/zh-cn/glossary/firewall/index.html @@ -0,0 +1,22 @@ +--- +title: firewall +slug: Glossary/firewall +tags: + - DDoS + - Firewall + - Glossary + - Security + - computer network +translation_of: Glossary/firewall +--- +<p><strong>防火墙（firewall）</strong>是一个过滤网络流量的系统。它可以根据一些指定的规则，让网络流量的通过或被阻挡。例如，它可以阻止以特定端口为目标的传入连接或以特定IP地址为目标的传出连接。</p> + +<p>防火墙可以简单如一个单一的软件，也可以更复杂，如一台专门的唯一功能是作为防火墙的机器。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Firewall (computing)")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/first-class_function/index.html b/files/zh-cn/glossary/first-class_function/index.html new file mode 100644 index 0000000000..8c1c65eeeb --- /dev/null +++ b/files/zh-cn/glossary/first-class_function/index.html @@ -0,0 +1,101 @@ +--- +title: First-class Function（头等函数） +slug: Glossary/First-class_Function +tags: + - 函数 + - 术语 + - 编程 +translation_of: Glossary/First-class_Function +--- +<p>当一门编程语言的函数可以被当作变量一样用时，则称这门语言拥有<strong>头等函数</strong>。例如，在这门语言中，函数可以被当作参数传递给其他函数，可以作为另一个函数的返回值，还可以被赋值给一个变量。</p> + +<h2 id="示例_把函数赋值给变量">示例 | 把函数赋值给变量</h2> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js"><code>const foo = function() { + console.log("foobar"); +} +// 用变量来调用它 +foo();</code></pre> + +<p>这里我们把一个匿名函数赋值给一个{{glossary("Variable", "变量")}}，然后我们在这个变量后面加上一对圆括号 <code>()</code> 来调用这个函数。</p> + +<div class="note"> +<p><strong>即使你的函数有自己的函数名称，</strong>你仍然可以用这个变量名去调用它。给函数命名只会方便你调试，但不会影响我们调用它。</p> +</div> + +<h2 id="示例_传递一个函数作为参数">示例 | 传递一个函数作为参数</h2> + +<h3 id="JavaScript_2">JavaScript</h3> + +<pre class="brush: js"><code>function sayHello() { + return "Hello, "; +} +function greeting(helloMessage, name) { + console.log(helloMessage() + name); +} +// 传递 `sayHello` 作为 `greeting` 函数的参数 +greeting(sayHello, "JavaScript!"); // Hello, JavaScript!</code></pre> + +<p>这里我们传递 <code>sayHello()</code> 函数作为 <code>greeting()</code> 函数的参数，这就印证了头等函数定义所说的——我们把函数当作<strong>值</strong>或者说是<strong>变量</strong>来对待。</p> + +<div class="note"> +<p><strong>回调函数：</strong>我们把一个函数作为参数传递给另外一个函数，那么我们就称这个函数为回调函数。<code>sayHello()</code> 函数就是一个回调函数。</p> +</div> + +<h2 id="示例_返回一个函数">示例 | 返回一个函数</h2> + +<h3 id="JavaScript_3">JavaScript</h3> + +<pre class="brush: js"><code>function sayHello() { + return function() { + console.log("Hello!"); + } +}</code> +</pre> + +<p>在这个例子中，我们需要从另外一个函数中返回一个函数，<em>之所以可以返回一个函数，是因为在 Javascript 中，函数可被作为<strong>值</strong>来对待。</em></p> + +<div class="note"> +<p><strong>高阶函数（Higher-Order Function）：</strong>一个返回另外一个函数的函数被称为高阶函数。</p> +</div> + +<p>我们再来看看上面的例子：假如我们需要调用 <code>sayHello</code> 这个函数，然后让它返回一个<strong>匿名函数</strong>，我们有两种方法：</p> + +<h3 id="1-_用一个变量">1- 用一个变量</h3> + +<pre class="brush: js"><code>const sayHello = function() { + return function() { + console.log("Hello!"); + } +} +const myFunc = sayHello(); +myFunc(); // Hello!</code> +</pre> + +<p>用这种方法，它返回一个 <code>Hello!</code> 的消息。</p> + +<div class="note"> +<p>你要用另外一个变量来调用它。如果你直接用 <code>sayHello</code> 来调用这个函数，它会返回这个函数自身，而不会调用它里面被返回的函数。</p> +</div> + +<h3 id="2-_使用双括号">2- 使用双括号</h3> + +<pre class="brush: js"><code>function sayHello() { + return function() { + console.log("Hello!"); + } +} +sayHello()();</code> +</pre> + +<p>我们使用双括号 <code>()()</code> 来调用 <code>sayHello()</code> 返回的函数。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "First-class functions", "First-class functions")}} 在维基百科</li> +</ul> diff --git a/files/zh-cn/glossary/first_paint/index.html b/files/zh-cn/glossary/first_paint/index.html new file mode 100644 index 0000000000..60ed356efb --- /dev/null +++ b/files/zh-cn/glossary/first_paint/index.html @@ -0,0 +1,17 @@ +--- +title: First paint +slug: Glossary/First_paint +tags: + - 初学者 + - 性能 +translation_of: Glossary/First_paint +--- +<p><span class="seoSummary"><strong>First Paint</strong>，是<a href="/en-US/docs/">Paint Timing API</a>的一部分，是页面导航与浏览器将该网页的第一个像素渲染到屏幕上所用的中间时，</span>渲染是任何与输入网页导航前的屏幕上的内容不同的内容。它回答了“发生了什么？”这个问题。</p> + +<h2 id="另请参看">另请参看</h2> + +<ul> + <li><a href="/en-US/docs/Glossary/first_meaningful_paint">First meaningful paint</a></li> + <li><a href="/en-US/docs/Glossary/First_contentful_paint">First contentful paint</a></li> + <li><a href="/en-US/docs/">Paint Timing API</a></li> +</ul> diff --git a/files/zh-cn/glossary/flex/index.html b/files/zh-cn/glossary/flex/index.html new file mode 100644 index 0000000000..9a872ed034 --- /dev/null +++ b/files/zh-cn/glossary/flex/index.html @@ -0,0 +1,44 @@ +--- +title: 伸缩性 +slug: Glossary/Flex +translation_of: Glossary/Flex +--- +<p><code>flex</code> 是一个CSS的{{cssxref("display")}} 属性中新添加一个值。 随着<code>inline-flex</code>的使用，它将使它适用的元素成为一个{{glossary("flex container")}}（伸缩容器），而这个元素的每个子元素将成为 {{glossary("flex item")}}（伸缩项目）。伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用。</p> + +<p><code>flex</code> 属性是<code>flex-grow</code>, <code>flex-shrink</code> 和 <code>flex-basis </code>属性的简写。</p> + +<p>此外， <code><flex></code> 可以作为<a href="/en-US/docs/Web/CSS/flex_value">弹性长度</a>被引用在CSS Grid（栅格）布局中。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<div class="index"> +<ul> + <li>{{cssxref("align-content")}} 堆栈伸缩行</li> + <li>{{cssxref("align-items")}} 侧轴上项目对齐方式</li> + <li>{{cssxref("align-self")}} 侧轴上单个项目对齐方式</li> + <li>{{cssxref("flex")}} 伸缩性</li> + <li>{{cssxref("flex-basis")}} 伸缩-基准值</li> + <li>{{cssxref("flex-direction")}} 伸缩流方向</li> + <li>{{cssxref("flex-flow")}}伸缩流的方向与换行</li> + <li>{{cssxref("flex-grow")}}伸缩-扩展基数</li> + <li>{{cssxref("flex-shrink")}} 伸缩-收缩比率</li> + <li>{{cssxref("flex-wrap")}} 伸缩-换行</li> + <li>{{cssxref("justify-content")}} 主轴对齐</li> + <li>{{cssxref("order")}} 伸缩-顺序</li> +</ul> +</div> + +<h3 id="延伸阅读">延伸阅读</h3> + +<ul> + <li><em><a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module Level 1 Specification</a>（CSS 盒布局模型一级规范）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a>（伸缩）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a>（伸缩盒子与其他布局方法的关系）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a>（伸缩容器中项的对齐）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a>（伸缩项的顺序）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a>（控制主轴上伸缩项的比率）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a>（掌握如何包装伸缩项）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of flexbox</a>（伸缩盒子的典型用例）</em></li> +</ul> diff --git a/files/zh-cn/glossary/flex_container/index.html b/files/zh-cn/glossary/flex_container/index.html new file mode 100644 index 0000000000..1643f4afb1 --- /dev/null +++ b/files/zh-cn/glossary/flex_container/index.html @@ -0,0 +1,37 @@ +--- +title: 伸缩容器 +slug: Glossary/Flex_Container +tags: + - CSS + - 伸缩容器 + - 伸缩盒子 + - 术语 +translation_of: Glossary/Flex_Container +--- +<p>定义一个{{glossary("flexbox")}}（伸缩盒布局），需要在一个父级元素上使用<code>display</code>属性的值：<code>flex</code>或<code>inline-flex</code>。这个父级元素将成为<strong>flex container</strong>（伸缩容器），而它的所有子元素将变成{{glossary("flex item")}}（伸缩项）。</p> + +<p>使用<code>flex</code>值能将元素渲染成为一个块级容器，而使用<code>inline-flex</code>值则是渲染成一个行内伸缩容器。这些值会将元素格式化，产生<strong>flex formatting context</strong>（伸缩格式化上下文），这类似于块的格式化上下文，而浮动不会干扰容器，且容器的margins（所有边距）不会随着这些项目被折叠。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<div class="index"> +<ul> + <li>{{cssxref("align-content")}} 行侧轴对齐方式</li> + <li>{{cssxref("align-items")}} 项目自身侧轴对齐方式</li> + <li>{{cssxref("flex")}} 伸缩性</li> + <li>{{cssxref("flex-direction")}} 伸缩流</li> + <li>{{cssxref("flex-flow")}} 伸缩流与换行</li> + <li>{{cssxref("flex-wrap")}} 伸缩-换行</li> + <li>{{cssxref("justify-content")}} 主轴对齐</li> +</ul> +</div> + +<h3 id="延伸阅读">延伸阅读</h3> + +<ul> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a>（伸缩盒子的基本概念） </em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a>（伸缩容器里的项目对齐方式）</em></li> + <li>CSS Flexbox Guide（CSS 伸缩盒子指南）: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a>（掌握伸缩项如何进行换行）</em></li> +</ul> diff --git a/files/zh-cn/glossary/flex_item/index.html b/files/zh-cn/glossary/flex_item/index.html new file mode 100644 index 0000000000..3e5bd50160 --- /dev/null +++ b/files/zh-cn/glossary/flex_item/index.html @@ -0,0 +1,30 @@ +--- +title: Flex Item +slug: Glossary/Flex_Item +translation_of: Glossary/Flex_Item +--- +<p>{{glossary("Flex Container")}}(弹性容器)的一级子元素(设置<code>display: flex</code> 或 <code>display: inline-flex</code>的子元素)将成为弹性元素。</p> + +<p>弹性容器内的连续文本，也将成为弹性元素。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<div class="index"> +<ul> + <li>{{cssxref("align-self")}}</li> + <li>{{cssxref("flex-basis")}}</li> + <li>{{cssxref("flex-grow")}}</li> + <li>{{cssxref("flex-shrink")}}</li> + <li>{{cssxref("order")}}</li> +</ul> +</div> + +<h3 id="延伸阅读">延伸阅读</h3> + +<ul> + <li>CSS 弹性布局指南: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS 弹性布局指南: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li> + <li>CSS 弹性布局指南: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> +</ul> diff --git a/files/zh-cn/glossary/flexbox/index.html b/files/zh-cn/glossary/flexbox/index.html new file mode 100644 index 0000000000..c03d2df467 --- /dev/null +++ b/files/zh-cn/glossary/flexbox/index.html @@ -0,0 +1,74 @@ +--- +title: Flexbox +slug: Glossary/Flexbox +translation_of: Glossary/Flexbox +--- +<p><span class="tlid-translation translation" lang="zh-CN"><span title="">Flexbox 是 </span></span><a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module</a><span class="tlid-translation translation" lang="zh-CN"><span title=""> 的常用名称，</span></span>这是一种用于在单个维度（行或列）中显示项目的布局模型。</p> + +<p>在规范中，Flexbox 被描述为用户界面设计的布局模型。 Flexbox 的关键特性是 flex 布局中的项目可以增大和缩小。可以将空间（Space）分配到项目本身、项目之间或项目周围。</p> + +<p>Flexbox 还可以对齐主轴或交叉轴上的项目，从而提供对一组项目大小和对齐的高级控制。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="属性引用">属性引用</h3> + +<div class="index"> +<ul> + <li>{{cssxref("align-content")}}</li> + <li>{{cssxref("align-items")}}</li> + <li>{{cssxref("align-self")}}</li> + <li>{{cssxref("flex")}}</li> + <li>{{cssxref("flex-basis")}}</li> + <li>{{cssxref("flex-direction")}}</li> + <li>{{cssxref("flex-flow")}}</li> + <li>{{cssxref("flex-grow")}}</li> + <li>{{cssxref("flex-shrink")}}</li> + <li>{{cssxref("flex-wrap")}}</li> + <li>{{cssxref("justify-content")}}</li> + <li>{{cssxref("order")}}</li> +</ul> +</div> + +<h3 id="延伸阅读">延伸阅读</h3> + +<ul> + <li><em><a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module Level 1 Specification</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of flexbox</a></em></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a> + + <ol> + <li>{{Glossary("Flex")}}</li> + <li>{{Glossary("Flex Container")}}</li> + <li>{{Glossary("Flex Item")}}</li> + <li>{{Glossary("Grid")}}</li> + </ol> + </li> + <li>Related CSS Properties + <ol> + <li>{{cssxref("align-content")}}</li> + <li>{{cssxref("align-items")}}</li> + <li>{{cssxref("align-self")}}</li> + <li>{{cssxref("flex")}}</li> + <li>{{cssxref("flex-basis")}}</li> + <li>{{cssxref("flex-direction")}}</li> + <li>{{cssxref("flex-flow")}}</li> + <li>{{cssxref("flex-grow")}}</li> + <li>{{cssxref("flex-shrink")}}</li> + <li>{{cssxref("flex-wrap")}}</li> + <li>{{cssxref("justify-content")}}</li> + <li>{{cssxref("order")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/fork/index.html b/files/zh-cn/glossary/fork/index.html new file mode 100644 index 0000000000..6778a8ff6c --- /dev/null +++ b/files/zh-cn/glossary/fork/index.html @@ -0,0 +1,39 @@ +--- +title: Fork +slug: Glossary/Fork +tags: + - Fork + - Glossary + - Tools + - git +translation_of: Glossary/Fork +--- +<p>“派生”（Fork）是在某一时刻对现有的软件项目进行复制，并在项目加上某人的修改。基本上，如果原软件的许可证允许，你就可以复制软件的代码，开发自己的版本，附加上自己的补充，这就是一个 Fork。</p> + +<p>Fork 在自由和开源软件的开发中很常见。因为使用 Git 或 Github 平台的贡献模式，Fork 是现在比较流行的术语。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="各种_知名的_forks">各种 "知名的" forks</h3> + +<ul> + <li><a href="https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg">Linux distributions</a></li> + <li><a href="https://nodejs.org/en/blog/announcements/foundation-v4-announce/">Node.js and io.js (which have been merged together back)</a></li> + <li><a href="https://www.libreoffice.org/about-us/who-are-we/">LibreOffice, a fork of OpenOffice</a></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>基本知识 + <ol> + <li>{{interwiki("wikipedia", "Fork_(software_development)","Fork")}} on Wikipedia</li> + <li><a href="https://help.github.com/articles/fork-a-repo/">How to fork a GitHub repo</a> (fork as in a Git context)</li> + </ol> + </li> + <li><a href="https://developer.mozilla.org/zh-CN/docs/Glossary">MDN 术语表</a> + <ol> + <li>{{Glossary("Fork")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/ftp/index.html b/files/zh-cn/glossary/ftp/index.html new file mode 100644 index 0000000000..234f6f53dd --- /dev/null +++ b/files/zh-cn/glossary/ftp/index.html @@ -0,0 +1,19 @@ +--- +title: FTP +slug: Glossary/FTP +translation_of: Glossary/FTP +--- +<p><strong>FTP</strong>（File Transfer Protocol，文件传输协议）曾在过去许多年里是在 Internet 上主机（{{glossary("host")}}）之间传输文件的标准协议（{{glossary("protocol")}}）。现在越来越多的组织和主机账户不允许使用 FTP，而是使用诸如 Git 那样的版本控制系统。您仍可以在一些旧的主机系统上看到它，但可以肯定地说，使用 FTP 不再被认为是最好的做法。</p> + +<p><strong>FTP </strong>是 TCP/IP 协议组中的协议之一。FTP协议包括两个组成部分，其一为<a href="https://baike.sogou.com/lemma/ShowInnerLink.htm?lemmaId=449752&ss_c=ssc.citiao.link">FTP服务器</a>，其二为FTP客户端。其中FTP服务器用来存储文件，用户可以使用FTP客户端通过FTP协议访问位于FTP服务器上的资源。在开发网站的时候，通常利用FTP协议把网页或程序传到<a href="https://baike.sogou.com/lemma/ShowInnerLink.htm?lemmaId=267249&ss_c=ssc.citiao.link">Web服务器</a>上。此外，由于FTP传输效率非常高，在网络上传输大的文件时，一般也采用该协议。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="总体了解">总体了解</h3> + +<ul> + <li><a href="/en-US/Learn/Upload_files_to_a_web_server">Beginner's guide to uploading files via FTP</a></li> + <li>维基百科上的 {{interwiki("wikipedia", "File Transfer Protocol", "FTP")}} + + </li> +</ul> diff --git a/files/zh-cn/glossary/function/index.html b/files/zh-cn/glossary/function/index.html new file mode 100644 index 0000000000..f6d47ed4ee --- /dev/null +++ b/files/zh-cn/glossary/function/index.html @@ -0,0 +1,88 @@ +--- +title: Function（函数） +slug: Glossary/Function +tags: + - IIFE + - 函数 + - 术语 +translation_of: Glossary/Function +--- +<p><strong>function</strong>，<strong>函数</strong>，是一个可以被其他代码或其自身调用的代码片段，或者是一个指向该函数的{{Glossary("variable", "变量")}} 。 当函数被调用时，{{Glossary("Argument", "参数")}}被作为输入传递给函数，并且函数可以返回输出。在 {{glossary("JavaScript")}} 中，函数也是一个{{glossary("object", "对象")}}。</p> + +<p>函数名是作为函数声明或函数表达式的一部分声明的{{Glossary("identifier", "标识符")}}。函数的{{Glossary("scope", "作用域")}}取决于函数名是一个声明还是表达式。</p> + +<h3 id="不同类型的函数">不同类型的函数</h3> + +<p><strong>匿名函数</strong>是一个没有函数名的函数：</p> + +<pre class="brush: js">function () {}; +// or using the ECMAScript 2015 arrow notation +() => {}; +</pre> + +<p><strong>命名函数</strong>是具有函数名称的函数：</p> + +<pre class="brush: js">function foo() {} +// or using the ECMAScript 2015 arrow notation +const foo = () => {}; +</pre> + +<p><strong>内部函数</strong>是另一个函数内的函数（下面例子中的 <code>square</code>）。外部函数是包含一个函数的函数（下面例子中的 <code>addSquares</code>）：</p> + +<pre class="brush: js">function addSquares(a,b) { + function square(x) { + return x * x; + } + return square(a) + square(b); +}; +//Using ECMAScript 2015 arrow notation +const addSquares = (a,b) => { + const square = x => x*x; + return square(a) + square(b); +}; +</pre> + +<p><strong>递归函数</strong>是调用自身的函数。可参考{{Glossary("Recursion", "递归")}}。</p> + +<pre class="brush: js">function loop(x) { + if (x >= 10) + return; + loop(x + 1); +}; +//Using ECMAScript 2015 arrow notation +const loop = x => { + if (x >= 10) + return; + loop(x + 1); +}; +</pre> + +<p><strong><code>立即调用函数表达式</code></strong>（{{glossary("IIFE")}}）是一种被加载到浏览器的编译器之后直接调用的函数。识别 IIFE 的方法是通过在函数声明的末尾定位额外的左和右括号。</p> + +<pre class="brush: js">// Error (https://en.wikipedia.org/wiki/Immediately-invoked_function_expression) +/* +function foo() { + console.log('Hello Foo'); +}(); +*/ + +(function foo() { + console.log("Hello Foo"); +}()); + +(function food() { + console.log("Hello Food"); +})(); + +</pre> + +<p>如果你想进一步了解 IIFE, 可参考以下的维基百科的页面：<a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">Immediately Invoked Function Expression</a></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Guide/Functions" title="en-US/docs/Web/JavaScript/Guide/Functions">Functions</a></li> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Arrow Functions</a></li> +</ul> diff --git a/files/zh-cn/glossary/garbage_collection/index.html b/files/zh-cn/glossary/garbage_collection/index.html new file mode 100644 index 0000000000..8166c27417 --- /dev/null +++ b/files/zh-cn/glossary/garbage_collection/index.html @@ -0,0 +1,25 @@ +--- +title: 垃圾回收 +slug: Glossary/Garbage_collection +tags: + - GC + - 内存管理 + - 垃圾回收 +translation_of: Glossary/Garbage_collection +--- +<p><strong><a href="/en-US/docs/Web/JavaScript/Memory_Management#Garbage_collection">垃圾回收</a></strong> 是一个术语，在 {{Glossary("computer programming", "计算机编程")}}中用于描述查找和删除那些不再被其他{{Glossary("object reference", "对象引用")}}的{{Glossary("object", "对象")}} 处理过程。换句话说，垃圾回收是删除任何其他对象未使用的对象的过程。 垃圾收集通常缩写为 "GC"， 是{{Glossary("JavaScript")}}中使用的{{Glossary("memory management", "内存管理")}}系统的基本组成部分。</p> + +<h2 id="学习更多">学习更多</h2> +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Memory management")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "Garbage collection")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Memory_Management#Garbage_collection">Garbage collection</a> in the MDN JavaScript guide.</li> + <li><a href="/en-US/docs/Web/JavaScript/Memory_Management">Memory management in JavaScript</a></li> +</ul> diff --git a/files/zh-cn/glossary/gecko/index.html b/files/zh-cn/glossary/gecko/index.html new file mode 100644 index 0000000000..6b0d235627 --- /dev/null +++ b/files/zh-cn/glossary/gecko/index.html @@ -0,0 +1,34 @@ +--- +title: Gecko +slug: Glossary/Gecko +tags: + - Firefox OS + - Gecko + - Glossary + - Infrastructure + - Intro + - Mozilla +translation_of: Glossary/Gecko +--- +<p id="Summary"><span class="seoSummary"><strong>Gecko</strong> 是 Mozilla 项目开发的布局引擎，在许多应用程序/设备中使用，包括{{glossary("Mozilla Firefox","Firefox")}} 和 {{glossary("Firefox OS")}}。</span></p> + +<p>Web {{glossary("browser","浏览器")}} 需要一个被称为布局引擎的软件来解释 {{glossary("HTML")}}, {{glossary("CSS")}}, {{glossary("JavaScript")}}和嵌入式内容（如：图片），并将所有内容绘制到屏幕上。除此之外，Gecko 确保相关的 {{glossary("API","APIs")}} 在 Gecko 支持的每一个操作系统上都能很好的工作，并且适当的 API 只暴露给相关的支持目标。这意味着 Gecko 包括网络栈、图形栈、布局引擎、Javascript 虚拟机和移植层等。</p> + +<p>由于所有的 Firefox OS 应用都是 Web 应用程序, 所以 Firefox OS 会使用 Gecko 当其应用处于运行时。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Gecko (software)", "Gecko")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Mozilla/Gecko">The Gecko documentation on MDN</a></li> +</ul> + +<p><br> + </p> diff --git a/files/zh-cn/glossary/gif/index.html b/files/zh-cn/glossary/gif/index.html new file mode 100644 index 0000000000..1ca50f4b2e --- /dev/null +++ b/files/zh-cn/glossary/gif/index.html @@ -0,0 +1,17 @@ +--- +title: GIF +slug: Glossary/gif +tags: + - Composing + - Glossary +translation_of: Glossary/gif +--- +<p>GIF（图形交换格式）是一种使用无损压缩并可用于动画的图像格式。 一个GIF每像素使用8位，且在24位色彩空间最多使用256种颜色。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "GIF")}}</li> +</ul> diff --git a/files/zh-cn/glossary/git/index.html b/files/zh-cn/glossary/git/index.html new file mode 100644 index 0000000000..4ef30bc655 --- /dev/null +++ b/files/zh-cn/glossary/git/index.html @@ -0,0 +1,15 @@ +--- +title: Git +slug: Glossary/Git +translation_of: Glossary/Git +--- +<p><strong>Git </strong>是一个免费，开源，分布式源代码管理（版本控制） ({{Glossary("SCM", "SCM", 1)}}) 系统。它有助于分布式开发团队维护代码库。 与以前的 SCM 系统不同的是，它能在本地开发机器上进行常见操作（分支，提交等），而无需更改主存储库，甚至不需要主存储库的写入权限。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li><a href="http://git-scm.com/">Git官方网站</a></li> + <li><a href="https://github.com/">GitHub</a>，一个基于Git的图形化项目网站</li> +</ul> diff --git a/files/zh-cn/glossary/global_object/index.html b/files/zh-cn/glossary/global_object/index.html new file mode 100644 index 0000000000..5635c4661d --- /dev/null +++ b/files/zh-cn/glossary/global_object/index.html @@ -0,0 +1,66 @@ +--- +title: 全局对象 +slug: Glossary/Global_object +translation_of: Glossary/Global_object +--- +<p>一个全局对象是一个永远存在于 {{glossary("global scope")}} 的 {{glossary("object")}}.</p> + +<p>在 JavaScript 中, 有一个永远被定义的全局对象. 在一个 web 浏览器中, 当脚本创建全局变量时, 他们作为该全局对象的成员被创建. (在 {{Glossary("Node.js")}} 不是这样.) 全局对象的 {{Glossary("interface")}} 取决于脚本在其中运行的执行上下文. 例如:</p> + +<ul> + <li>在Web浏览器中，脚本没有专门作为后台任务启动的任何代码都将{{domxref("Window")}} 作为其全局对象。这是Web上绝大多数的JavaScript代码。</li> + <li>在 {{domxref("Worker")}} 中运行的代码将{{domxref("WorkerGlobalScope")}} 对象作为其全局对象。</li> + <li>在{{Glossary("Node.js")}} 环境下运行的脚本具有一个称为<code><a href="https://nodejs.org/api/globals.html#globals_global">global</a></code> 的对象作为其全局对象。</li> +</ul> + +<h2 id="浏览器中的_window_对象">浏览器中的 <code>window</code> 对象</h2> + +<p><code>window</code> 对象是浏览器中的全局对象。任何全局变量或者全局函数都可以通过 <code>window</code> 的属性来访问。</p> + +<h3 id="访问全局变量">访问全局变量</h3> + +<pre class="brush: js">var foo = "foobar"; +foo === window.foo; // Returns: true +</pre> + +<p>在定义全局变量 <code>foo</code> 之后，我们可以通过 <code>window</code> 对象的属性来访问它。把变量名 <code>foo</code> 作为全局对象的 <code>window</code><code>.foo</code> 的属性名来使用。</p> + +<h4 id="解释：">解释：</h4> + +<p>全局变量 <code>foo</code> 存储在 <code>window</code> 对象中，像这样：</p> + +<pre class="brush: js">foo: "foobar"</pre> + +<h3 id="访问全局函数">访问全局函数</h3> + +<pre class="brush: js">function greeting() { + console.log("Hi!"); +} + +window.greeting(); // It is the same as the normal invoking: greeting(); +</pre> + +<p>上面解释了全局对象如果作为 <code>window</code> 对象的属性而存储的。我们创建了全局函数 <code>greeting</code> ，然后通过 <code>window</code> 对象来调用它。.</p> + +<h4 id="解释：_2">解释：</h4> + +<p>全局函数 <code>greeting</code> 存储在 <code>window</code> 对象中，像这样：</p> + +<pre class="brush: js">greeting: function greeting() { + console.log("Hi!"); +}</pre> + +<section class="Quick_links" id="Quick_Links"> +<ul> + <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a> + + <ul> + <li>{{glossary("global scope")}}</li> + <li>{{glossary("object")}}</li> + </ul> + </li> + <li>{{domxref("Window")}}</li> + <li>{{domxref("WorkerGlobalScope")}}</li> + <li><code><a href="https://nodejs.org/api/globals.html#globals_global">global</a></code></li> +</ul> +</section> diff --git a/files/zh-cn/glossary/google_chrome/index.html b/files/zh-cn/glossary/google_chrome/index.html new file mode 100644 index 0000000000..351c915cc9 --- /dev/null +++ b/files/zh-cn/glossary/google_chrome/index.html @@ -0,0 +1,36 @@ +--- +title: Chrome 浏览器 +slug: Glossary/Google_Chrome +tags: + - Chrome + - 浏览器 +translation_of: Glossary/Google_Chrome +--- +<p>Chrome 浏览器是 Google 开发的一个免费网络{{glossary("浏览器")}}. 它基于开源项目 <a href="http://www.chromium.org/" rel="external">Chromium</a>。在 <a href="https://code.google.com/p/chromium/wiki/ChromiumBrowserVsGoogleChrome">Chromium wiki</a> 中描述了它们之间的差异。Chrome维护使用自己的渲染引擎：开源引擎{{glossary("WebKit")}}中WebCore组件的一个分支 {{glossary("Blink")}} 。注意：IOS 版本的 Chrome 使用了 IOS 平台的渲染引擎，而非 {{glossary("Blink")}}。</p> + +<h2 id="学习更多" style="line-height: 30px;">学习更多</h2> + +<h3 id="一般知识" style="line-height: 24px;">一般知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Google Chrome", "Google Chrome")}} 维基百科</li> +</ul> + +<h3 id="对于使用者" style="line-height: 24px;">对于使用者</h3> + +<p>如果您只想使用 Chrome，请点击下面的链接。</p> + +<ul> + <li><a href="https://play.google.com/store/apps/details?id=com.android.chrome">安卓版</a></li> + <li><a href="https://itunes.apple.com/us/app/chrome-web-browser-by-google/id535886823?mt=8">IOS 版</a></li> + <li><a href="http://www.google.com/chrome/">电脑版</a></li> +</ul> + +<h3 id="对于开发者">对于开发者</h3> + +<p>如果你想尝试 Chrome 的最新功能，可以尝试使用 Best 版本（预发布版本）。Chrome 经常进行更新，并将 Best 与 Stable（稳定版） 并行发布。你可以在 <a href="http://goo.gl/CCPRW">Chrome Release Blog</a> 了解更多相关内容。</p> + +<ul> + <li><a href="https://play.google.com/store/apps/details?id=com.chrome.dev">安卓上的 Chrome 开发者版本</a></li> + <li><a href="https://www.google.com/chrome/browser/canary.html">电脑上的 Chrome 金丝雀版本</a></li> +</ul> diff --git a/files/zh-cn/glossary/gpu/index.html b/files/zh-cn/glossary/gpu/index.html new file mode 100644 index 0000000000..22c974b670 --- /dev/null +++ b/files/zh-cn/glossary/gpu/index.html @@ -0,0 +1,12 @@ +--- +title: GPU +slug: Glossary/GPU +tags: + - Glossary + - Graphics + - Infrastructure + - 术语表 + - 绘图 +translation_of: Glossary/GPU +--- +<p>GPU（图形处理单元）是与CPU（中央处理单元）类似的计算机部件。它专门在显示器上绘制图形（包括二维和三维）。</p> diff --git a/files/zh-cn/glossary/grid/index.html b/files/zh-cn/glossary/grid/index.html new file mode 100644 index 0000000000..d903918f9a --- /dev/null +++ b/files/zh-cn/glossary/grid/index.html @@ -0,0 +1,78 @@ +--- +title: Grid +slug: Glossary/Grid +tags: + - CSS + - CSS Grid + - CSS 网格布局 + - grid +translation_of: Glossary/Grid +--- +<p class="brush: css">通过设置CSS属性 <code>display: grid;</code> 可以定义一个 CSS 网格。接着可以使用 {{cssxref("grid-template-rows")}} 和 {{cssxref("grid-template-columns")}} 属性定义网格的列属性(columns)和行属性(rows)。</p> + +<p>使用这些属性定义的网格被称为 <em>显式网格 (explicit grid)。</em></p> + +<p>如果开发者将内容放置在显式网格之外 ，或者依赖自动布局的话，网格法(grid algorithm)将需要创建额外的row或者column、 {{glossary("grid tracks", "tracks")}} 来包含显示网格之外的内容 {{glossary("grid item", "grid items")}}，为此将在隐式网格(implicit grid)中创建额外的轨道(tracks)。<em>当内容添加到了已定义的tracks之外的时候，隐式网格(implicit grid)会被自动创建。</em></p> + +<p>下面的例子创建了一个有两行三列的显式网格<em>。</em>由于超过显式网格可容纳的六个条目，<em>此网格中的第三行将是一个隐式网格行轨道(implicit grid </em>row track)</p> + +<p><em>（注：在容器div上用 row和column定义的网格总数，等于 行数乘以列数 个。比如一个容器div定义了2行*3列=6个网格，这6个就是显式网格，但是假如里面有8个 子div，多出来那2个就叫做隐式网格。）</em></p> + +<div id="example"> +<div class="hidden"> +<pre class="brush: css notranslate">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: css notranslate">.wrapper { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 100px 100px; +} +</pre> + +<pre class="brush: html notranslate"><div class="wrapper"> + <div>One</div> + <div>Two</div> + <div>Three</div> + <div>Four</div> + <div>Five</div> + <div>Six</div> + <div>Seven</div> + <div>Eight</div> +</div> +</pre> + +<p>{{ EmbedLiveSample('example', '500', '330') }}</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid")}}</li> + <li>{{cssxref("grid-template")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">布局的基本概念</a></em></li> +</ul> +</div> diff --git a/files/zh-cn/glossary/grid_areas/index.html b/files/zh-cn/glossary/grid_areas/index.html new file mode 100644 index 0000000000..bbed0c4c8c --- /dev/null +++ b/files/zh-cn/glossary/grid_areas/index.html @@ -0,0 +1,80 @@ +--- +title: Grid Areas +slug: Glossary/Grid_Areas +tags: + - CSS Grids +translation_of: Glossary/Grid_Areas +--- +<p><strong>网格区域</strong>是网格中由一个或者多个{{glossary("grid cell", "网格单元格")}}组成的一个矩形区域。当你使用<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">基于网格线位置</a>放置一个项目或者使用<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">命名的网格区域</a>定义区域时，网格区域被创建。</p> + +<p><img alt="Image showing a highlighted grid area" src="https://mdn.mozillademos.org/files/14771/1_Grid_Area.png" style="height: 253px; width: 380px;"></p> + +<p>本质上，网格区域一定是矩形的。例如，不可能创建T形或L形的网格区域。</p> + +<p>在下面的例子中，有一个网格容器包含两个网格项目，我用 {{cssxref("grid-area")}} 属性命名它们，然后用 {{cssxref("grid-template-areas")}} 把它们放在网格上。这将创建两个网格区域，一个覆盖四个网格单元格，另外一个覆盖两个。</p> + +<div id="example_1"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: repeat(3,1fr); + grid-template-rows: 100px 100px; + grid-template-areas: + "a a b" + "a a b"; +} +.item1 { + grid-area: a; +} +.item2 { + grid-area: b; +} +</pre> + +<pre class="brush: html"><div class="wrapper"> + <div class="item1">Item</div> + <div class="item2">Item</div> +</div> +</pre> + +<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p> +</div> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-auto-rows")}}</li> + <li>{{cssxref("grid-auto-columns")}}</li> + <li>{{cssxref("grid-template-areas")}}</li> + <li>{{cssxref("grid-area")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> + <li>CSS Grid Layout Guide: <em><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></em></li> + <li><a href="https://drafts.csswg.org/css-grid/#grid-area-concept">Definition of Grid Areas in the CSS Grid Layout specification</a></li> +</ul> diff --git a/files/zh-cn/glossary/grid_axis/index.html b/files/zh-cn/glossary/grid_axis/index.html new file mode 100644 index 0000000000..ffd6d24f43 --- /dev/null +++ b/files/zh-cn/glossary/grid_axis/index.html @@ -0,0 +1,31 @@ +--- +title: Grid Axis +slug: Glossary/Grid_Axis +tags: + - CSS + - CSS Grids +translation_of: Glossary/Grid_Axis +--- +<p>Grid布局是一种二维布局方法，能够在行和列中布置内容。因此在任何网格中都有两个轴，横轴（即行轴，内联）和纵轴（即列轴，块）。</p> + +<p>沿着这些轴，可以使用<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">盒模型对齐规范</a>中定义的属性对项目进行行对齐和列对齐。</p> + +<p>在CSS中，纵轴是放置文本时用的轴。如果你有两个段落，它们从右到左，从上到下书写。在纵轴上，它们一个被放置在另一个下面。</p> + +<p><img alt="Diagram showing the block axis in CSS Grid Layout." src="https://mdn.mozillademos.org/files/14775/7_Block_Axis.png" style="height: 306px; width: 940px;"></p> + +<p>横轴与纵轴交叉，方向是沿着常规文本流动的。这是我们在Grid布局中的行。</p> + +<p><img alt="Diagram showing the inline axis in CSS Grid Layout." src="https://mdn.mozillademos.org/files/14773/7_Inline_Axis.png" style="height: 306px; width: 940px;"></p> + +<p>这些轴的物理方向可以根据文档的<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">写入模式</a>而改变。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/zh_CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Grid布局的基本概念</a></em></li> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box alignment in Grid Layout</a></em></li> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">Grids, logical values and writing modes</a></em></li> +</ul> diff --git a/files/zh-cn/glossary/grid_cell/index.html b/files/zh-cn/glossary/grid_cell/index.html new file mode 100644 index 0000000000..6ac9114bac --- /dev/null +++ b/files/zh-cn/glossary/grid_cell/index.html @@ -0,0 +1,71 @@ +--- +title: Grid Cell +slug: Glossary/Grid_Cell +tags: + - CSS Grids +translation_of: Glossary/Grid_Cell +--- +<p>在<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中，<strong>网络单元格</strong>是CSS网格中的最小单元。它是四条{{glossary("grid lines","网格线")}}之间的空间，概念上非常像表格单元格。</p> + +<p><img alt="Diagram showing an individual cell on the grid." src="https://mdn.mozillademos.org/files/14767/1_Grid_Cell.png" style="height: 221px; width: 332px;"></p> + +<p>如果不使用网格布局提供的方法去放置网格容器的项目，这些项目将通过自动布局算法被放置到每个网格单元格中。将创建额外的行或列{{glossary("grid tracks", "轨道")}}以创建足够的单元格来保存所有项目。</p> + +<p>在例子中，我们创建了一个三列轨道的网格。五个项目被放置到网格单元格中，它们沿着初始行依次被放置到三个网格单元格中，然后为剩下的两个创建了一个新行。</p> + +<div id="example_1"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: repeat(3,1fr); + grid-auto-rows: 100px; +} +</pre> + +<pre class="brush: html"><div class="wrapper"> + <div>One</div> + <div>Two</div> + <div>Three</div> + <div>Four</div> + <div>Five</div> +</div> +</pre> + +<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p> +</div> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-auto-rows")}}</li> + <li>{{cssxref("grid-auto-columns")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> + <li><a href="https://drafts.csswg.org/css-grid/#grid-track-concept">Definition of Grid Cells in the CSS Grid Layout specification</a></li> +</ul> diff --git a/files/zh-cn/glossary/grid_column/index.html b/files/zh-cn/glossary/grid_column/index.html new file mode 100644 index 0000000000..9f2fd0a252 --- /dev/null +++ b/files/zh-cn/glossary/grid_column/index.html @@ -0,0 +1,29 @@ +--- +title: Grid Column +slug: Glossary/Grid_Column +tags: + - CSS Grids +translation_of: Glossary/Grid_Column +--- +<p><strong>网格列</strong>是<a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中的垂直轨道，即两个垂直网格线之间的空间。它通过属性 {{cssxref("grid-template-columns")}} 或者简写属性 {{cssxref("grid")}}，{{cssxref("grid-template")}} 定义.</p> + +<p>另外，当项目被放置到显示网格中创建的列外面时，可以在隐式网格中创建网格列。默认情况这些列自动调整大小，也可以使用 {{cssxref("grid-auto-columns")}} 属性指定其大小。</p> + +<p>在<a href="/zh-CN/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中使用对齐方式时，网格列沿着纵轴运行。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-auto-columns")}}</li> + <li>{{cssxref("grid")}}</li> + <li>{{cssxref("grid-template")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> +</ul> diff --git a/files/zh-cn/glossary/grid_container/index.html b/files/zh-cn/glossary/grid_container/index.html new file mode 100644 index 0000000000..23e20bb96f --- /dev/null +++ b/files/zh-cn/glossary/grid_container/index.html @@ -0,0 +1,31 @@ +--- +title: Grid container +slug: Glossary/Grid_Container +tags: + - CSS + - 术语 + - 网格 +translation_of: Glossary/Grid_Container +--- +<p>通过设置CSS属性 <code>display:grid;</code> 或 <code>display:inline-grid;</code> 可以将一个元素定义为<strong>网格容器</strong>(<strong>grid container</strong>)，并且它的所有直接子元素都会成为网格项。</p> + +<p>网格容器会创建一个<strong>网格化环境</strong>(<strong>grid firmatting context</strong>) 。它的直接子元素通过定义 {{cssxref("grid-template-columns")}} 和 {{cssxref("grid-template-rows")}} 属性可以将自己变为<em>显式网格</em>，当某个元素不在显示网格内时，它就会变为<em>隐式网格</em>。</p> + +<h2 id="了解更过">了解更过</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-auto-columns")}}</li> + <li>{{cssxref("grid-auto-rows")}}</li> + <li>{{cssxref("grid")}}</li> + <li>{{cssxref("grid-template")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS 网格布局: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">网格布局基本概念</a></em></li> +</ul> diff --git a/files/zh-cn/glossary/grid_lines/index.html b/files/zh-cn/glossary/grid_lines/index.html new file mode 100644 index 0000000000..dd3d054500 --- /dev/null +++ b/files/zh-cn/glossary/grid_lines/index.html @@ -0,0 +1,177 @@ +--- +title: Grid Lines +slug: Glossary/Grid_Lines +tags: + - CSS Grids +translation_of: Glossary/Grid_Lines +--- +<p>使用<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>在显式网格中定义{{glossary("Grid tracks", "轨道")}}的同时会创建<strong>网格线</strong>。在下面的例子中，有一个三列两行的网格。它给了我们4条列线和3条行线。</p> + +<div id="example_1"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(3, 100px); +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: html"><div class="wrapper"> + <div>One</div> + <div>Two</div> + <div>Three</div> + <div>Four</div> + <div>Five</div> +</div> +</pre> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: 100px 100px; +} +</pre> + +<p>{{ EmbedLiveSample('example_1', '500', '250') }}</p> + +<p>网格线可以用它们的编号来寻址。在从左到右的语言比如英语中，列线1将位于网格的左侧，行线1将位于其顶部。线编号遵循文档的<a href="/en-US/docs/Web/CSS/CSS_Writing_Modes">写入模式</a>，因此在从右到左的语言中，列线1行将位于网格的右侧。下面的图片展示了该网格的线编号，假设语言是从左到右的。</p> + +<p><img alt="Diagram showing the grid with lines numbered." src="https://mdn.mozillademos.org/files/14763/1_diagram_numbered_grid_lines.png" style="height: 456px; width: 764px;"></p> +</div> + +<p>当创建隐式轨道去支持显式网格外的内容时，网格线也会在隐式网格中被创建，但是这些网格线不能通过编号来寻址。</p> + +<h2 id="按网格线编号将项目放置到网格上">按网格线编号将项目放置到网格上</h2> + +<p>创建一个网格后，可以通过网格线编号将项目放置到该网格上。在下面的例子中，项目定位从列线1到列线3，从行线1到行线3。</p> + +<div id="example_2"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(3, 100px); +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: html"><div class="wrapper"> + <div class="item">Item</div> +</div> +</pre> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: 100px 100px; +} +.item { + grid-column-start: 1; + grid-column-end: 3; + grid-row-start: 1; + grid-row-end: 3; +} +</pre> + +<p>{{ EmbedLiveSample('example_2', '500', '250') }}</p> +</div> + +<h2 id="命名网格线">命名网格线</h2> + +<p>在显式网格中创建的网格线可以被命名，在轨道大小信息之前或之后的方括号中命名。当放置一个项目时，你可以使用这些名称代替编号，如下所示。</p> + +<div id="example_3"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(3, 100px); +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: html"><div class="wrapper"> + <div class="item">Item</div> +</div> +</pre> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: [col1-start] 1fr [col2-start] 1fr [col3-start] 1fr [cols-end]; + grid-template-rows: [row1-start] 100px [row2-start] 100px [rows-end]; +} +.item { + grid-column-start: col1-start; + grid-column-end: col3-start; + grid-row-start: row1-start; + grid-row-end: rows-end; +} +</pre> + +<p>{{ EmbedLiveSample('example_3', '500', '250') }}</p> +</div> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-column-start")}}</li> + <li>{{cssxref("grid-column-end")}}</li> + <li>{{cssxref("grid-column")}}</li> + <li>{{cssxref("grid-row-start")}}</li> + <li>{{cssxref("grid-row-end")}}</li> + <li>{{cssxref("grid-row")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">Line-based placement with CSS Grid</a></em></li> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">Layout using named grid lines</a></em></li> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">CSS Grids, Logical Values and Writing Modes</a></em></li> + <li><a href="https://drafts.csswg.org/css-grid/#grid-line-concept">Definition of Grid Lines in the CSS Grid Layout specification</a></li> +</ul> diff --git a/files/zh-cn/glossary/grid_rows/index.html b/files/zh-cn/glossary/grid_rows/index.html new file mode 100644 index 0000000000..085ebbb711 --- /dev/null +++ b/files/zh-cn/glossary/grid_rows/index.html @@ -0,0 +1,29 @@ +--- +title: Grid Row +slug: Glossary/Grid_Rows +tags: + - CSS Grids +translation_of: Glossary/Grid_Rows +--- +<p><strong>网格行</strong>是<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中的水平轨道，即两个水平网格线之间的空间。它通过属性 {{cssxref("grid-template-rows")}} 或者简写属性 {{cssxref("grid")}}， {{cssxref("grid-template")}} 定义。</p> + +<p>另外，当项目被放置到显示网格中创建的行外面时，可以在隐式网格中创建网格行。默认情况这些行自动调整大小，也可以使用 {{cssxref("grid-auto-rows")}} 属性指定其大小。</p> + +<p>在<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中使用对齐方式时，网格行沿着横轴运行。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-auto-rows")}}</li> + <li>{{cssxref("grid")}}</li> + <li>{{cssxref("grid-template")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> +</ul> diff --git a/files/zh-cn/glossary/grid_tracks/index.html b/files/zh-cn/glossary/grid_tracks/index.html new file mode 100644 index 0000000000..befe30685d --- /dev/null +++ b/files/zh-cn/glossary/grid_tracks/index.html @@ -0,0 +1,76 @@ +--- +title: Grid Tracks +slug: Glossary/Grid_Tracks +tags: + - CSS Grids +translation_of: Glossary/Grid_Tracks +--- +<p><strong>网格轨道 </strong>是两条{{glossary("grid lines","网格线")}}之间的空间。它们通过使用属性 {{cssxref("grid-template-columns")}} 和 {{cssxref("grid-template-rows")}} 或者简写属性 {{cssxref("grid")}} 和 {{cssxref("grid-template")}} 在显式网格中定义。网格轨道也可以在隐式网格中创建，通过将一个网格项目定位到显式网格中创建的轨道外面。</p> + +<p>下图展示该网格中的第一个行轨道（上色部分的空间）。</p> + +<p><img alt="Diagram showing a grid track." src="https://mdn.mozillademos.org/files/14769/1_Grid_Track.png" style="height: 222px; width: 333px;"></p> + +<h2 id="显式网格中的轨道大小">显式网格中的轨道大小</h2> + +<p>当使用 {{cssxref("grid-template-columns")}} 和 {{cssxref("grid-template-rows")}} 定义网格轨道时，你可以使用任何长度单位，也可以使用flex单位 <code>fr</code> 来表示网格容器中可用空间的一部分。下面的例子演示了一个三列轨道的网格，第一列200px，第二列1fr，第三列3fr。网格容器中的可用空间减去200px后，剩余空间被分成4份，1份给第二列，3份给第三列。</p> + +<div id="example_1"> +<div class="hidden"> +<pre class="brush: css">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #ffd8a8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: css">.wrapper { + display: grid; + grid-template-columns: 200px 1fr 3fr; +} +</pre> + +<pre class="brush: html"><div class="wrapper"> + <div>One</div> + <div>Two</div> + <div>Three</div> + <div>Four</div> + <div>Five</div> +</div> +</pre> + +<p>{{ EmbedLiveSample('example_1', '500', '230') }}</p> +</div> + +<h2 id="隐式网格中的轨道大小">隐式网格中的轨道大小</h2> + +<p>隐式网格中创建的轨道默认为自动大小，但可以通过 {{cssxref("grid-auto-rows")}} 和 {{cssxref("grid-auto-columns")}} 属性来定义这些轨道的大小。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-template-columns")}}</li> + <li>{{cssxref("grid-template-rows")}}</li> + <li>{{cssxref("grid-auto-rows")}}</li> + <li>{{cssxref("grid-auto-columns")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></li> + <li><a href="https://drafts.csswg.org/css-grid/#grid-track-concept">Definition of Grid Tracks in the CSS Grid Layout specification</a></li> +</ul> diff --git a/files/zh-cn/glossary/guard/index.html b/files/zh-cn/glossary/guard/index.html new file mode 100644 index 0000000000..515bbe22b0 --- /dev/null +++ b/files/zh-cn/glossary/guard/index.html @@ -0,0 +1,6 @@ +--- +title: Guard +slug: Glossary/Guard +translation_of: Glossary/Guard +--- +<p>Guard 是 {{domxref("Headers")}} 对象的新特性 (在 {{domxref("Fetch_API","Fetch spec")}} 中定义）, 限制了像 {{domxref("Headers.set","set()")}} 和 {{domxref("Headers.append","append()")}} 方法操作 header 的内容. 举个例子, <code>immutable</code> guard 意味着 headers 不能被改变. 阅读 <a href="/en-US/docs/Web/API/Fetch_API/Basic_concepts#Guard">Fetch basic concepts: guard</a>，了解更多信息</p> diff --git a/files/zh-cn/glossary/gutters/index.html b/files/zh-cn/glossary/gutters/index.html new file mode 100644 index 0000000000..935e0e6b2c --- /dev/null +++ b/files/zh-cn/glossary/gutters/index.html @@ -0,0 +1,72 @@ +--- +title: Gutters +slug: Glossary/Gutters +tags: + - CSS Grids +translation_of: Glossary/Gutters +--- +<p><strong>网格间距</strong>是网格轨道之间的间距，可以通过 {{cssxref("grid-column-gap")}}，{{cssxref("grid-row-gap")}} 或者 {{cssxref("grid-gap")}} 在<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">Grid布局</a>中创建。</p> + +<p>在下面的例子中，由一个三列两行的网格。它的列轨道之间有20px的间距，行轨道之间有20px的间距。</p> + +<div id="example_1"> +<div class="hidden"> +<pre class="brush: css notranslate">* {box-sizing: border-box;} + +.wrapper { + border: 2px solid #f76707; + border-radius: 5px; + background-color: #fff4e6; +} + +.wrapper > div { + border: 2px solid #ffa94d; + border-radius: 5px; + background-color: #fff8f8; + padding: 1em; + color: #d9480f; +} +</pre> +</div> + +<pre class="brush: css notranslate">.wrapper { + display: grid; + grid-template-columns: repeat(3,1.2fr); + grid-auto-rows: 45%; + grid-column-gap: 20px; + grid-row-gap: 20px; +} +</pre> + +<pre class="brush: html notranslate"><div class="wrapper"> + <div>One</div> + <div>Two</div> + <div>Three</div> + <div>Four</div> + <div>Five</div> +</div> +</pre> + +<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p> +</div> + +<p>在网格大小上，网格间距参与计算就好像规则的网格轨道一样，但是没有任何东西可以被放置到网格间距上。网格间距也像网格线一样在那个位置会增加额外的大小，因此网格项目会被放置在网格间距末的那条网格线后。</p> + +<p>能够导致轨道被间隔开来的，除了网格间距属性，还有margins，padding或者使用<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">盒模型对齐</a>中的空间分布属性。这些方法都会导致可见间距的产生，因此网格间距属性不等价于”间距大小“，除非你没有使用这些能够产生间距的方法。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<ul> + <li>{{cssxref("grid-column-gap")}}</li> + <li>{{cssxref("grid-row-gap")}}</li> + <li>{{cssxref("grid-gap")}}</li> +</ul> + +<h3 id="扩展阅读">扩展阅读</h3> + +<ul> + <li>CSS Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">Basic concepts of grid layout</a></em></li> + <li><a href="https://drafts.csswg.org/css-grid/#gutters">Definition of gutters in the CSS Grid Layout specification</a></li> +</ul> diff --git a/files/zh-cn/glossary/gzip_compression/index.html b/files/zh-cn/glossary/gzip_compression/index.html new file mode 100644 index 0000000000..8c7e9e0f4a --- /dev/null +++ b/files/zh-cn/glossary/gzip_compression/index.html @@ -0,0 +1,26 @@ +--- +title: Gzip 压缩 +slug: Glossary/GZip_compression +tags: + - 压缩 + - 数据 + - 术语 +translation_of: Glossary/GZip_compression +--- +<p>Gzip 是一种用于文件压缩与解压缩的文件格式。它基于 Deflate 算法，可将文件（译者注：快速地、流式地）压缩地更小，从而实现更快的网络传输。 Web服务器与现代浏览器普遍地支持 Gzip，这意味着服务器可以在发送文件之前自动使用 Gzip 压缩文件，而浏览器可以在接收文件时自行解压缩文件。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="https://varvy.com/pagespeed/enable-compression.html">如何启用 GZip 压缩</a></li> + <li><a href="https://en.wikipedia.org/wiki/Gzip">Gzip on Wikipedia</a></li> + <li>中文维基百科上的 <a href="https://zh.wikipedia.org/wiki/Gzip">Gzip</a></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ul> + <li> + <details open><summary><a href="/zh-CN/docs/Glossary">MDN 术语表</a></summary> {{ListSubpages("/zh-CN/docs/Glossary")}}</details> + </li> +</ul> +</section> diff --git a/files/zh-cn/glossary/hash/index.html b/files/zh-cn/glossary/hash/index.html new file mode 100644 index 0000000000..5c0488c3e1 --- /dev/null +++ b/files/zh-cn/glossary/hash/index.html @@ -0,0 +1,19 @@ +--- +title: 散列 +slug: Glossary/hash +tags: + - CodingScripting + - Cryptography + - Glossary + - Hash +translation_of: Glossary/hash +--- +<p>散列函数采用可变长度消息输入并产生固定长度的散列输出。它通常以128位“指纹”或“消息摘要”的形式出现。散列函数对 {{glossary("cryptography", "密码学")}} 非常有用 — 它们确保传输数据的完整性。这也为提供消息认证的 {{glossary("HMAC's")}}提供了基础。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "散列函数")}}</li> +</ul> diff --git a/files/zh-cn/glossary/head/index.html b/files/zh-cn/glossary/head/index.html new file mode 100644 index 0000000000..b114df8062 --- /dev/null +++ b/files/zh-cn/glossary/head/index.html @@ -0,0 +1,17 @@ +--- +title: Head +slug: Glossary/Head +translation_of: Glossary/Head +--- +<p> </p> + +<p><strong>Head</strong>是{{glossary("HTML")}}文档的一部分，包含了关于文档的{{glossary("metadata")}}，比如作者、描述以及应用于HTML的{{glossary("CSS")}} 或者 {{glossary("JavaScript")}} 文件的链接。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="HTML_head">HTML head</h3> + +<ul> + <li>MDN里的{{htmlelement("head")}}元素引用 </li> + <li>MDN学习区域里的<a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_HTML_head">The HTML <head></a> </li> +</ul> diff --git a/files/zh-cn/glossary/header/index.html b/files/zh-cn/glossary/header/index.html new file mode 100644 index 0000000000..a79ef62498 --- /dev/null +++ b/files/zh-cn/glossary/header/index.html @@ -0,0 +1,76 @@ +--- +title: HTTP header（HTTP 首部） +slug: Glossary/Header +tags: + - Glossary + - HTTP + - 术语 +translation_of: Glossary/HTTP_header +--- +<p><strong>HTTP header</strong>（HTTP 首部，HTTP 头）表示在 HTTP 请求或响应中的用来传递附加信息的字段，修改所传递的消息（或者消息主体）的语义，或者使其更加精确。消息首部不区分大小写，开始于一行的开头，后面紧跟着一个 <code>':'</code> 和与之相关的值。字段值在一个换行符（CRLF）前或者整个消息的末尾结束。</p> + +<p>按照惯例，可以把消息首部分为几类，尽管这种划分不存在于任何一份规范文档中：</p> + +<ul> + <li>{{Glossary("General header")}}：可以应用于请求和响应中，但是与在消息主体中的数据无关。</li> + <li>{{Glossary("Request header")}}：含有与所要获取的资源或者客户端自身相关的附加信息。</li> + <li>{{Glossary("Response header")}}：含有与响应相关的附加信息，比如它的位置或者与服务器相关的信息（名称、版本号等）。</li> + <li>{{Glossary("Entity header")}}: 含有与消息主体相关的附加信息，比如长度或者MIME类型。</li> +</ul> + +<p>一个仅包含一个首部的请求：</p> + +<pre>GET /example.http HTTP/1.1 +Host: example.com +</pre> + +<p>重定向请求中必须包含 ({{HTTPHeader("Location")}}) 首部：</p> + +<pre>302 Found +Location: /NewPage.html +</pre> + +<p>一些典型的首部：</p> + +<pre>304 Not Modified +Access-Control-Allow-Origin: * +Age: 2318192 +Cache-Control: public, max-age=315360000 +Connection: keep-alive +Date: Mon, 18 Jul 2016 16:06:00 GMT +Server: Apache +Vary: Accept-Encoding +Via: 1.1 3dc30c7222755f86e824b93feb8b5b8c.cloudfront.net (CloudFront) +X-Amz-Cf-Id: TOl0FEm6uI4fgLdrKJx0Vao5hpkKGZULYN2TWD2gAWLtr7vlNjTvZw== +X-Backend-Server: developer6.webapp.scl3.mozilla.com +X-Cache: Hit from cloudfront +X-Cache-Info: cached +</pre> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>规范 + <ol> + <li>Syntax of <a href="https://tools.ietf.org/html/rfc7230#section-3.2">headers</a> in the HTTP specification.</li> + </ol> + </li> + <li>技术参考 + <ol> + <li><a href="/zh-CN/docs/Web/HTTP/Headers">HTTP 首部列表</a></li> + </ol> + </li> + <li><a href="/zh-CN/docs/Glossary">术语</a> + <ol> + <li>{{Glossary("HTTP header")}}</li> + <li>{{Glossary("General header")}}</li> + <li>{{Glossary("Request header")}}</li> + <li>{{Glossary("Response header")}}</li> + <li>{{Glossary("Entity header")}}</li> + <li>{{Glossary("Forbidden header name")}}</li> + <li>{{Glossary("Forbidden response header name")}}</li> + <li>{{Glossary("CORS-safelisted request header")}}</li> + <li>{{Glossary("CORS-safelisted response header")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/hmac/index.html b/files/zh-cn/glossary/hmac/index.html new file mode 100644 index 0000000000..a9761dcddf --- /dev/null +++ b/files/zh-cn/glossary/hmac/index.html @@ -0,0 +1,30 @@ +--- +title: HMAC（密钥散列消息认证码） +slug: Glossary/HMAC +tags: + - Hash + - 哈希 + - 安全 + - 密码学 + - 术语 +translation_of: Glossary/HMAC +--- +<p><span class="seoSummary"><abbr title="密钥散列消息认证码">HMAC</abbr> （密钥散列消息认证码）是一个被用于{{Glossary("cryptography", "密码学")}}的认证消息协议。</span>它可以使用于任何的{{Glossary("Cryptographic hash function", "密码学函数")}}。它的强度依赖底层的函数（例如 SHA1 或 MD5）以及被选中的密钥。出于这样使用上的组合，HMAC 认证{{Glossary("Algorithm", "算法")}}通常是以组合名字出现，如 HMAC-SHA1。</p> + +<p>HMAC 通常用于确保完整性和身份验证。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "密钥散列消息认证码", "HMAC")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li> + <p>IETF 的 <a href="http://www.ietf.org/rfc/rfc2104.txt">RFC 2104</a></p> + </li> +</ul> diff --git a/files/zh-cn/glossary/hoisting/index.html b/files/zh-cn/glossary/hoisting/index.html new file mode 100644 index 0000000000..09e910f3ee --- /dev/null +++ b/files/zh-cn/glossary/hoisting/index.html @@ -0,0 +1,100 @@ +--- +title: Hoisting（变量提升） +slug: Glossary/Hoisting +tags: + - JavaScript + - hoisting + - 术语 + - 术语表 +translation_of: Glossary/Hoisting +--- +<p>变量提升（Hoisting）被认为是， Javascript中执行上下文 （特别是创建和执行阶段）工作方式的一种认识。在 <a href="http://www.ecma-international.org/ecma-262/6.0/index.html">ECMAScript® 2015 Language Specification</a> 之前的JavaScript文档中找不到变量提升（Hoisting）这个词。不过，需要注意的是，开始时，这个概念可能比较难理解，甚至恼人。</p> + +<p>例如，从概念的字面意义上说，“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，但这么说并不准确。实际上变量和函数声明在代码里的位置是不会动的，而是在编译阶段被放入内存中。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术范例">技术范例</h3> + +<p>JavaScript 在执行任何代码段之前，将函数声明放入内存中的优点之一是，你可以在声明一个函数之前使用该函数。例如：</p> + +<pre class="brush: js notranslate">/** +* 正确的方式：先声明函数，再调用函数 (最佳实践) +*/ +function catName(name) { + console.log("我的猫名叫 " + name); +} + +catName("Tigger"); + +/* +以上代码的执行结果是: "我的猫名叫 Tigger" +*/ + +</pre> + +<p>上面的代码片按照是你的正常思维（先声明，后调用）去书写的。现在，我们来看看当我们在写这个函数之前调用这个函数会发生什么：</p> + +<pre class="brush: js notranslate">/** +* 不推荐的方式：先调用函数，再声明函数 +*/ + +catName("Chloe"); + +function catName(name) { + console.log("我的猫名叫 " + name); +} + +/* +代码执行的结果是: "我的猫名叫 Chloe" +*/ + +</pre> + +<p>即使我们在定义这个函数之前调用它，函数仍然可以工作。这是因为在 JavaScript 中<strong>执行上下文</strong>的工作方式造成的。</p> + +<p>变量提升也适用于其他数据类型和变量。变量可以在声明之前进行初始化和使用。但是如果没有初始化，就不能使用它们。</p> + +<p>译者注： 函数和变量相比，会被优先提升。这意味着函数会被提升到更靠前的位置。</p> + +<h3 id="只有声明被提升">只有声明被提升</h3> + +<p>JavaScript 只会提升声明，不会提升其初始化。如果一个变量先被使用再被声明和赋值的话，使用时的值是 undefined。参见例子：</p> + +<pre class="brush: js notranslate">console.log(num); // Returns undefined +var num; +num = 6;</pre> + +<p>如果你先赋值、再使用、最后声明该变量，使用时能获取到所赋的值</p> + +<pre class="brush: js notranslate">num = 6; +console.log(num); // returns 6 +var num; +</pre> + +<p>再来看几个类似的例子：</p> + +<pre class="brush: js notranslate">// Example 1 - only y is hoisted +var x = 1; // 声明 + 初始化 x +console.log(x + " " + y); // '1 undefined' +var y = 2; // 声明 + 初始化 y + +// Example 2 - Hoists +var num1 = 3; // Declare and initialize num1 +num2 = 4; // Initialize num2 +console.log(num1 + " " + num2); //'3 4' +var num2; // Declare num2 for hoisting + +// Example 3 - Hoists +a = 'Cran'; // Initialize a +b = 'berry'; // Initialize b +console.log(a + "" + b); // 'Cranberry' +var a, b; // Declare both a & b for hoisting +</pre> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/var">var statement</a> - MDN</li> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/function">function statement</a> - MDN</li> +</ul> diff --git a/files/zh-cn/glossary/host/index.html b/files/zh-cn/glossary/host/index.html new file mode 100644 index 0000000000..34ae69c8f3 --- /dev/null +++ b/files/zh-cn/glossary/host/index.html @@ -0,0 +1,21 @@ +--- +title: Host +slug: Glossary/Host +tags: + - Glossary + - Intermediate + - Web + - WebMechanics +translation_of: Glossary/Host +--- +<p>主机（host）是一种连接到 {{glossary("Internet")}} （或者一个本地网络）的设备。有一些被称作 {{glossary("server","servers")}} （服务器）的主机可以提供额外的服务，如：提供网页、存储文件以及电子邮件。</p> + +<p>主机不需要具有一个硬件上的实体，它可以由虚拟机产生。由虚拟机产生的主机也叫作“虚拟主机”。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Host (network)", "Host (network)")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/hsts/index.html b/files/zh-cn/glossary/hsts/index.html new file mode 100644 index 0000000000..495300637d --- /dev/null +++ b/files/zh-cn/glossary/hsts/index.html @@ -0,0 +1,21 @@ +--- +title: HSTS +slug: Glossary/HSTS +tags: + - HTTP + - Security +translation_of: Glossary/HSTS +--- +<p><strong>HTTP严格传输安全</strong> 让网站可以通知浏览器它不应该再使用HTTP加载该网站，而是自动转换该网站的所有的HTTP链接至更安全的HTTPS。它包含在HTTP的协议头 {{HTTPHeader("Strict-Transport-Security")}} 中，在服务器返回资源时带上。</p> + +<p>换句话说，它告诉浏览器将URL协议从HTTP更改为HTTPS（会更安全），并要求浏览器对每个请求执行此操作。</p> + +<div> +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{HTTPHeader("Strict-Transport-Security")}}</li> + <li>OWASP文章：<a href="https://www.owasp.org/index.php/HTTP_Strict_Transport_Security">HTTP Strict Transport Security</a></li> + <li>维基百科上的 {{interwiki("wikipedia", "HTTP严格传输安全")}}</li> +</ul> +</div> diff --git a/files/zh-cn/glossary/html/index.html b/files/zh-cn/glossary/html/index.html new file mode 100644 index 0000000000..cf9bee2b44 --- /dev/null +++ b/files/zh-cn/glossary/html/index.html @@ -0,0 +1,47 @@ +--- +title: HTML +slug: Glossary/HTML +tags: + - Glossary + - HTML +translation_of: Glossary/HTML +--- +<p>HTML（HyperText Markup Language，超文本标记语言） 是一种描述语言，用来定义网页结构。</p> + +<h2 id="发展历史">发展历史</h2> + +<p>1990 年，由于对 {{glossary("World Wide Web","Web")}} 未来发展的远见，Tim Berners-Lee 提出了 {{glossary("hypertext", "超文本")}} 的概念，并在第二年在 {{glossary("SGML")}} 的基础上将其正式定义为一个标记语言。{{glossary("IETF")}} 于 1993 年正式开始制定 HTML 规范，并在经历了几个版本的草案后于 1995 年发布了 HTML 2.0 版本。1994年，Berners-Lee 为了 Web 发展而成立了 {{glossary("W3C")}}。1996 年，W3C 接管了 HTML 的标准化工作，并在1年后发布了 HTML 3.2 推荐标准。1999 年，HTML 4.0 发布，并在 2000 年成为 {{glossary("ISO")}} 标准。</p> + +<p>自那以后，W3C 几乎放弃了 HTML 而转向 {{glossary("XHTML")}}，并于 2004 年成立了另一个独立的小组 {{glossary("WHATWG")}}。幸运的是，WHATWG 后来又转回来参与了 {{glossary("HTML5")}} 标准的制定，两个组织（译注：即 W3C 和 WHATWG）在 2008 年发布了第一份草案，并在 2014 年发布了 HTML5 标准的最终版。</p> + +<h2 id="概念和语法">概念和语法</h2> + +<p>HTML 文档是包含多个 {{glossary("element","HTML 元素")}} 的文本文档。每个元素都用一对开始和结束 {{Glossary("tag","标签")}} 包裹。每个标签以尖括号（<code><></code>）开始和结束。也有一部分标签中不需要包含文本，这些标签称为空标签，如 {{htmlelement("img")}}。</p> + +<p>你可以使用 {{Glossary("attribute","属性")}} 来扩展 HTML 标签。属性用来提供一些附加信息，这些信息可能会影响浏览器对元素的解析：</p> + +<p><img alt="Detail of the structure of an HTML element" src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p> + +<p>HTML 文件通常会以 <code>.htm</code> 或 <code>.html</code> 为扩展名。用户可以从 {{Glossary("Server","Web 服务器")}} 中下载，并使用任一 {{Glossary("Browser","Web 浏览器")}} 来解析和显示。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科 {{interwiki("wikipedia", "HTML", "HTML")}} 词条</li> +</ul> + +<h3 id="学习_HTML">学习 HTML</h3> + +<ul> + <li><a href="/zh-CN/Learn/HTML">HTML 教程</a></li> + <li><a href="http://www.codecademy.com/en/tracks/web" rel="external">codecademy.com 上的在线教程</a></li> +</ul> + +<h3 id="技术资料">技术资料</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/HTML">MDN HTML 文档</a></li> + <li><a href="http://www.w3.org/TR/html5/" rel="external">HTML 规范</a></li> +</ul> diff --git a/files/zh-cn/glossary/html5/index.html b/files/zh-cn/glossary/html5/index.html new file mode 100644 index 0000000000..67e7e5328b --- /dev/null +++ b/files/zh-cn/glossary/html5/index.html @@ -0,0 +1,17 @@ +--- +title: HTML5 +slug: Glossary/HTML5 +tags: + - HTML5 + - HTML5.1 + - HTML5.2 + - HTML5.x +translation_of: Glossary/HTML5 +--- +<p>{{Glossary("HTML")}} 的最新稳定版本, HTML5 将 HTML 从用于构造一个文档的一个简单标记，到一个完整的应用程序开发平台。除其他功能外, HTML5 还包括新元素和用于增强存储、多媒体和硬件访问的{{glossary("JavaScript")}} {{glossary("API","APIs")}} 。</p> + +<h2 id="更多相关内容">更多相关内容</h2> + +<ul> + <li><a href="/en-US/docs/Web/Guide/HTML/HTML5">our HTML5 guide</a></li> +</ul> diff --git a/files/zh-cn/glossary/http/index.html b/files/zh-cn/glossary/http/index.html new file mode 100644 index 0000000000..07ae365f28 --- /dev/null +++ b/files/zh-cn/glossary/http/index.html @@ -0,0 +1,24 @@ +--- +title: HTTP +slug: Glossary/HTTP +tags: + - HTTP + - 初学者 + - 基础知识 + - 词汇表 +translation_of: Glossary/HTTP +--- +<p>HTTP (The HyperText Transfer Protocol，超文本传输协议) 是用于在 {{glossary("World Wide Web","Web")}} 上传输超媒体文件的底层 {{glossary("protocol", "协议")}} ，最典型场景的是在浏览器和服务器之间传递数据，以供人们浏览。现行的 HTTP 标准的版本是 {{glossary("HTTP_2", "HTTP/2")}}。</p> + +<p>“http://” 称为 “schema”，是 {{glossary("URI")}} 的组成部分，一般位于网络地址的开头。以“https://developer.mozilla.org”为例，该地址说明请求文档时使用 HTTP 协议；这里的 https 代指 HTTP 协议的安全版本，即 {{glossary("SSL")}} （或称 TLS）</p> + +<p>HTTP 是基于文本的(所有的通信都以纯文本的形式进行) 以及无状态的 (当前通信状态不会发现以前的通信状态)，该特性极大方便了在www上浏览网页的人。除此之外，HTTP也可以用于构建服务器之间交互的 {{glossary("REST")}} web 服务，以及使得网站内容更加动态化的 {{glossary("AJAX")}} 请求。</p> + +<div> +<h2 id="补充知识">补充知识</h2> + +<ul> + <li>在MDN上的 <a href="/zh-CN/docs/Web/HTTP">HTTP</a></li> + <li>在维基百科上的 {{interwiki("wikipedia", "超文本传输协议", "HTTP")}} </li> +</ul> +</div> diff --git a/files/zh-cn/glossary/http_2/index.html b/files/zh-cn/glossary/http_2/index.html new file mode 100644 index 0000000000..0572bafbf0 --- /dev/null +++ b/files/zh-cn/glossary/http_2/index.html @@ -0,0 +1,28 @@ +--- +title: HTTP/2 +slug: Glossary/HTTP_2 +tags: + - HTTP + - HTTP2 +translation_of: Glossary/HTTP_2 +--- +<p><span class="seoSummary"><strong>HTTP/2</strong> 是 <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP">HTTP 网络协议</a>的一个重要版本。</span> HTTP / 2的主要目标是通过启用完整的请求和响应多路复用来减少 {{glossary("延迟")}}，通过有效压缩HTTP标头字段来最小化协议开销，并增加对请求优先级和服务器推送的支持。</p> + +<p>HTTP/2 不会修改 HTTP 协议的语义。 HTTP 1.1中的所有核心概念（例如 HTTP 方法，状态码，URI 和 headers）都得以保留。 而是修改了 HTTP/2 数据在客户端和服务器之间的格式（帧）和传输方式，这两者都管理整个过程，并在新的框架层内隐藏了应用程序的复杂性。 所以，所有现有的应用程序都可以不经修改地交付。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>常识 + <ol> + <li><a href="/zh-CN/docs/Web/HTTP">HTTP on MDN</a></li> + <li>{{interwiki("wikipedia", "HTTP/2", "HTTP/2")}} on Wikipedia</li> + </ol> + </li> + <li><a href="/en-US/docs/Glossary">词汇表</a> + <ol> + <li>{{glossary("HTTP")}}</li> + <li>{{glossary("Latency")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/http_3/index.html b/files/zh-cn/glossary/http_3/index.html new file mode 100644 index 0000000000..cda37ad664 --- /dev/null +++ b/files/zh-cn/glossary/http_3/index.html @@ -0,0 +1,32 @@ +--- +title: HTTP/3 +slug: Glossary/HTTP_3 +tags: + - HTTP + - 介绍 + - 需求内容 +translation_of: Glossary/HTTP_3 +--- +<p><strong><font><font>HTTP/3</font></font></strong><font><font>是</font></font><font><font>继</font></font>{{glossary("HTTP 2", "HTTP/2")}}<font><font>即将到来的</font><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP"><font>HTTP网络协议的</font></a><font>主要修订版。</font></font><font><font>HTTP/3的要点是它使用名为QUIC</font><font>的新</font></font>{{glossary("UDP")}}<font><font>协议代替</font></font>{{glossary("TCP")}}<font><font>。</font></font></p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>基础知识 + <ol> + <li><a href="/en-US/docs/Web/HTTP">HTTP on MDN</a></li> + <li>{{interwiki("wikipedia", "HTTP/3", "HTTP/3")}} </li> + </ol> + </li> + <li>词汇表 + <ol> + <li>{{glossary("HTTP")}}</li> + <li>{{glossary("HTTP 2")}}</li> + <li>{{glossary("Latency")}}</li> + </ol> + </li> +</ol> +</section> + +<div id="gtx-trans" style="position: absolute; left: 519px; top: 178px;"> +<div class="gtx-trans-icon"></div> +</div> diff --git a/files/zh-cn/glossary/https/index.html b/files/zh-cn/glossary/https/index.html new file mode 100644 index 0000000000..1c61a9b913 --- /dev/null +++ b/files/zh-cn/glossary/https/index.html @@ -0,0 +1,14 @@ +--- +title: HTTPS +slug: Glossary/https +translation_of: Glossary/https +--- +<p><strong>HTTPS</strong> （安全的<em>HTTP</em>）是 {{Glossary("HTTP")}} 协议的加密版本。它通常使用 {{Glossary("SSL")}} 或者 {{Glossary("TLS")}} 来加密客户端和服务器之间所有的通信 。这安全的链接允许客户端与服务器安全地交换敏感的数据，例如网上银行或者在线商城等涉及金钱的操作。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "HTTPS")}}</li> +</ul> diff --git a/files/zh-cn/glossary/hyperlink/index.html b/files/zh-cn/glossary/hyperlink/index.html new file mode 100644 index 0000000000..7efa46bee5 --- /dev/null +++ b/files/zh-cn/glossary/hyperlink/index.html @@ -0,0 +1,33 @@ +--- +title: Hyperlink（超链接） +slug: Glossary/Hyperlink +tags: + - 导航 + - 术语 + - 编程 +translation_of: Glossary/Hyperlink +--- +<p>超链接将网页或其他数据连接起来。在 HTML 中，{{HTMLElement("a")}} 标签定义了网页中的某处（例如一段文本或一张图片）到其他网页（也可能是本网页）的另一处的超链接。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Hyperlink", "Hyperlink")}} on Wikipedia</li> + <li>The <a href="/en-US/docs/Web/Guide/HTML/Hyperlink">Hyperlink</a> guide on MDN</li> +</ul> + +<h3 id="技术资讯">技术资讯</h3> + +<ul> + <li><a class="external external-icon" href="https://www.w3.org/TR/1999/REC-html401-19991224/struct/links.html">Links in HTML Documents - W3C</a></li> + <li><a class="external external-icon" href="https://w3c.github.io/html-reference/a.html">HTML5 a - hyperlink - W3C</a></li> +</ul> + +<h3 id="学习更多">学习更多</h3> + +<ul> + <li><a href="/en-US/docs/Web/HTML/Element/a">MDN上的 <code><a></code></a></li> + <li><a href="/en-US/docs/Web/HTML/Element/link">MDN上的 <code><link></code> </a></li> +</ul> diff --git a/files/zh-cn/glossary/hypertext/index.html b/files/zh-cn/glossary/hypertext/index.html new file mode 100644 index 0000000000..3f2331d12a --- /dev/null +++ b/files/zh-cn/glossary/hypertext/index.html @@ -0,0 +1,24 @@ +--- +title: Hypertext +slug: Glossary/Hypertext +translation_of: Glossary/Hypertext +--- +<p> </p> + +<p>Hypertext 包含了指向其他文本的链接，而不是像小说中的单一线性流。</p> + +<p>这个术语是由 Ted Nelson 在1965年左右提出的</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本信息">基本信息</h3> + +<ul> + <li>维基百科上的{{interwiki("wikipedia", "Hypertext", "Hypertext")}} </li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.ualberta.ca/dept/chemeng/AIX-43/share/man/info/C/a_doc_lib/aixuser/aix6kdov/hyperv1aix.htm">Hypertext Information Base</a></li> +</ul> diff --git a/files/zh-cn/glossary/i18n/index.html b/files/zh-cn/glossary/i18n/index.html new file mode 100644 index 0000000000..bdc60832db --- /dev/null +++ b/files/zh-cn/glossary/i18n/index.html @@ -0,0 +1,48 @@ +--- +title: I18N +slug: Glossary/I18N +tags: + - Beginner + - Credibility + - Glossary + - Internationalization + - OpenPractices + - i18n +translation_of: Glossary/I18N +--- +<p>i18n （取自 "internationalization", 共20个字母）是让产品或服务更容易适应各种文化的最佳实践。</p> + +<blockquote> +<p><strong>国际化</strong>是指在设计和开发产品、应用或文档内容时，为不同文化、地区或语言的目标受众提供方便的本地化服务。（{{Glossary("W3C")}} 定义）</p> +</blockquote> + +<p>在其他方面，i18n 仍然需要许多支持</p> + +<ul> + <li>字符集 （通常使用 <a href="http://searchcio-midmarket.techtarget.com/definition/Unicode">Unicode</a>）</li> + <li>计量单位 （货币、°C/°F 、km/miles 等）</li> + <li>时间和日期格式</li> + <li>键盘布局</li> + <li>文字书写顺序</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Internationalization and localization", "i18n")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.w3.org/International/questions/qa-i18n.en#Internationalization">i18n on W3C</a></li> + <li><a href="http://www.gala-global.org/what-internationalization">i18n on gala-global.org</a></li> +</ul> + +<h3 id="学习_i18n">学习 i18n</h3> + +<ul> + <li><a href="http://www.i18nguy.com/">i18n material on i18nguy.com </a></li> +</ul> diff --git a/files/zh-cn/glossary/ice/index.html b/files/zh-cn/glossary/ice/index.html new file mode 100644 index 0000000000..04e3d19b99 --- /dev/null +++ b/files/zh-cn/glossary/ice/index.html @@ -0,0 +1,37 @@ +--- +title: ICE +slug: Glossary/ICE +tags: + - WebRTC + - 代码脚本 + - 协议 + - 术语 + - 网络 +translation_of: Glossary/ICE +--- +<p><strong>ICE</strong> (<em>交互式连接建立</em>)是一个被{{glossary("WebRTC")}}使用的框架（跟其他技术在一起使用），它被用在两端之间的连接，不管是何种网络类型 (通常用在视频或语音聊天)。这个协议让两端能够互相找到对方并建立一个连接，即便它们都使用了网络地址转译({{glossary("NAT")}})去跟内网的其他设备共享了一个公网IP地址。</p> + +<p>这个框架的算法是寻找最低等待时间的路径去连接两端，通常采用以下顺序寻找：</p> + +<ol> + <li>直接的UDP连接 (在且仅在这种情况下，一个{{glossary("STUN")}}的服务器会被用来查找主机端面向网络的地址)。</li> + <li>直接的TCP连接, 通过HTTP端口</li> + <li>直接的TCP连接, 通过HTTPS端口</li> + <li>间接的连接通过中继器／{{glossary("TURN")}}服务器 (如果一个直接连接失败了, 比如当一个主机端位于防火墙之后阻止了NAT穿越)</li> +</ol> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="通用知识">通用知识</h3> + +<ul> + <li><a href="/en-US/docs/Web/API/WebRTC_API">WebRTC</a>, 重要的使用ICE的网络相关协议</li> + <li><a href="/en-US/docs/Web/API/WebRTC_API/Architecture/Protocols">WebRTC 协议</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>{{rfc("5245")}}, ICE的IETF详细说明书</li> + <li>{{domxref("RTCIceCandidate")}}, ICE candidate的展现接口</li> +</ul> diff --git a/files/zh-cn/glossary/ide/index.html b/files/zh-cn/glossary/ide/index.html new file mode 100644 index 0000000000..4f75c18aff --- /dev/null +++ b/files/zh-cn/glossary/ide/index.html @@ -0,0 +1,12 @@ +--- +title: IDE +slug: Glossary/IDE +translation_of: Glossary/IDE +--- +<p>集成编程开发环境(<span class="_Tgc"><strong>I</strong>ntegrated <strong>D</strong>evelopment <strong>E</strong>nvironment</span>)或交互式开发环境，是为程序员提供了软件开发所需的完善工具链的软件应用。一个 IDE 通常包含一个代码编辑器，自动编译工具和一个调试器。</p> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "Integrated_development_environment", "IDE")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/identifier/index.html b/files/zh-cn/glossary/identifier/index.html new file mode 100644 index 0000000000..ce7b5f003e --- /dev/null +++ b/files/zh-cn/glossary/identifier/index.html @@ -0,0 +1,18 @@ +--- +title: 标识符 +slug: Glossary/Identifier +tags: + - 词汇表 +translation_of: Glossary/Identifier +--- +<p>代码中用来标识<strong>{{glossary("variable","变量")}}、{{glossary("function","函数")}}、或{{glossary("property","属性")}}</strong>的字符序列。</p> + +<p>在{{glossary("JavaScript")}}中，标识符只能包含字母或数字或下划线（“_”）或美元符号（“$”），且不能以数字开头。标识符与字符串不同之处在于字符串是数据，而标识符是代码的一部分。在 JavaScript 中，无法将标识符转换为字符串，但有时可以将字符串解析为标识符。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Identifier#In_computer_science", "Identifier")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/index.html b/files/zh-cn/glossary/index.html new file mode 100644 index 0000000000..2d27a1dfde --- /dev/null +++ b/files/zh-cn/glossary/index.html @@ -0,0 +1,37 @@ +--- +title: 术语表 +slug: Glossary +tags: + - 属于 + - 引导页 + - 术语表 + - 索引 +translation_of: Glossary +--- +<div style="width: 44%; float: right; margin: 4px 0 .5em 1em;">{{LearnBox({"title":"学习一个新术语："})}}</div> + +<p>Web 技术文档和代码中含有大量的术语和缩写。本术语表给出了可以帮助你正确理解并运用于 Web 开发所需要的名词与缩写，以及它们的定义。</p> + +<p>{{GlossaryList({"split":"h3", "css":"multiColumnList"})}}</p> + +<h2 id="为本表作贡献">为本表作贡献</h2> + +<div class="blockIndicator note"> +<p>由于中文术语表目前（同英文版一样）使用首字符排序，标题中每一个不同的首字符都会产生一个子索引（而不是首字母排序，仅使用 26 个首字母与单独一个“其他”分类），建议暂时使用类似 <a href="/zh-CN/docs/Glossary/Endianness">Endianness（字节序）</a>的形式来翻译文章标题，以保证本索引的可读性。</p> +</div> + +<p>编辑术语表是一项永无止境的工作，你可以<a href="/zh-CN/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">添加新的条目</a>或改进、完善现有条目。现在就点击下面的按钮或者选择一项来开始吧。</p> + +<p><strong><a href="/zh-CN/docs/new?parent=4391">向术语表中添加新条目</a></strong></p> + +<p>{{GlossaryList({"terms":[], "filter":"notdefined", "css":"multiColumnList"})}}</p> + +<p>如果你想要了解更多关于如何对该术语表做贡献的相关信息，请访问<a href="/zh-CN/docs/MDN/Doc_status/Glossary">术语表文档状态页面</a>。</p> + +<div class="hidden"> +<section id="Quick_Links"> +<ol> + <li><strong><a href="/zh-CN/docs/Glossary">MDN Web 文档术语</a></strong>{{ListSubpagesForSidebar("/zh-CN/docs/Glossary", 0)}}</li> +</ol> +</section> +</div> diff --git a/files/zh-cn/glossary/indexeddb/index.html b/files/zh-cn/glossary/indexeddb/index.html new file mode 100644 index 0000000000..3d1f32ca5d --- /dev/null +++ b/files/zh-cn/glossary/indexeddb/index.html @@ -0,0 +1,19 @@ +--- +title: IndexedDB +slug: Glossary/IndexedDB +tags: + - API + - CodingScripting + - Sql + - 数据库 + - 术语表 +translation_of: Glossary/IndexedDB +--- +<p>IndexedDB 是一个用于在浏览器中储存较大数据结构的 Web {{glossary("API")}}, 并提供索引功能以实现高性能查找. 像其他基于 {{glossary("SQL")}} 的 <a href="https://en.wikipedia.org/wiki/Relational_database_management_system" title="Relational DataBase Management System">关系型数据库管理系统 (RDBMS)</a> 一样, IndexedDB 是一个事务型的数据库系统. 然而, 它是使用 {{glossary("JavaScript")}} 对象而非列数固定的表格来储存数据的.</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>MDN 页面 {{domxref('IndexedDB_API','IndexedDB API','',1)}}</li> + <li><a href="http://w3c.github.io/IndexedDB/">The W3C specification for IndexedDB</a></li> +</ul> diff --git a/files/zh-cn/glossary/information_architecture/index.html b/files/zh-cn/glossary/information_architecture/index.html new file mode 100644 index 0000000000..661b2649e2 --- /dev/null +++ b/files/zh-cn/glossary/information_architecture/index.html @@ -0,0 +1,14 @@ +--- +title: Information architecture +slug: Glossary/Information_architecture +translation_of: Glossary/Information_architecture +--- +<p>应用于web设计和开发的信息架构是组织一个web站点的信息、内容和功能的实践，信息和服务的易使用和易查找使得它能提供最好的用户体验。</p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="基本知识"><strong>基本知识</strong></h3> + +<ul> + <li>{{interwiki("wikipedia", "Information_architecture", "Information architecture")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/input_method_editor/index.html b/files/zh-cn/glossary/input_method_editor/index.html new file mode 100644 index 0000000000..381c2ac71b --- /dev/null +++ b/files/zh-cn/glossary/input_method_editor/index.html @@ -0,0 +1,31 @@ +--- +title: Input method editor +slug: Glossary/Input_method_editor +tags: + - IME + - 词汇表 + - 输入法编辑器 +translation_of: Glossary/Input_method_editor +--- +<p>输入法编辑器 (IME) 是一种程序，可为文本输入提供专门的用户界面。输入法编辑器在许多情况下使用:</p> + +<ul> + <li>使用拉丁键盘输入中文，日文或韩文文本</li> + <li>使用数字键盘输入拉丁文字</li> + <li>使用手写识别在触摸屏上输入文本</li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>维基百科文章 + <ol> + <li>{{Interwiki("wikipedia", "Input method")}}</li> + </ol> + </li> + <li><a href="/en-US/docs/Glossary">词汇表</a> + <ol> + <li>{{Glossary("I18N")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/instance/index.html b/files/zh-cn/glossary/instance/index.html new file mode 100644 index 0000000000..e6a47e14b4 --- /dev/null +++ b/files/zh-cn/glossary/instance/index.html @@ -0,0 +1,16 @@ +--- +title: Instance +slug: Glossary/Instance +tags: + - 术语 +translation_of: Glossary/Instance +--- +<p>一个<a href="/zh-CN/docs/Glossary/Object">对象</a>，由<a href="/zh-CN/docs/Glossary/Constructor">构造函数</a>所创建的实例</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="知识">知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Instance (computer science)", "实例")}} - 维基百科</li> +</ul> diff --git a/files/zh-cn/glossary/internet/index.html b/files/zh-cn/glossary/internet/index.html new file mode 100644 index 0000000000..4a056ab397 --- /dev/null +++ b/files/zh-cn/glossary/internet/index.html @@ -0,0 +1,16 @@ +--- +title: Internet +slug: Glossary/Internet +tags: + - 互联网 +translation_of: Glossary/Internet +--- +<p>互联网是由全世界众多网络连接而成的网络，使用了互联网协议族（也根据它两个最重要的 {{glossary("protocol","协议")}} 称之为 {{glossary("TCP")}}/{{glossary("IPv6","IP")}}）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="了解它">了解它</h3> + +<ul> + <li><a href="/zh-CN/docs/learn/How_the_Internet_works">互联网是如何工作的</a>（给初学者的介绍）</li> +</ul> diff --git a/files/zh-cn/glossary/ipv6/index.html b/files/zh-cn/glossary/ipv6/index.html new file mode 100644 index 0000000000..5a33d533a0 --- /dev/null +++ b/files/zh-cn/glossary/ipv6/index.html @@ -0,0 +1,21 @@ +--- +title: IPv6 +slug: Glossary/IPv6 +tags: + - Glossary + - IPv6 + - Infrastructure + - Intermediate + - Web + - WebMechanics +translation_of: Glossary/IPv6 +--- +<p id="Summary"><strong>IPv6</strong> 是当前版本的互联网（{{glossary("Internet")}}）通信协议（{{glossary("protocol")}}）。IPv6 正在慢慢地取代 {{Glossary("IPv4")}}，因为 IPv6 允许使用更多不同的 {{Glossary("IP address","IP 地址")}}。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "IPv6", "IPv6")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/ip地址/index.html b/files/zh-cn/glossary/ip地址/index.html new file mode 100644 index 0000000000..52686f1c20 --- /dev/null +++ b/files/zh-cn/glossary/ip地址/index.html @@ -0,0 +1,20 @@ +--- +title: IP地址 +slug: Glossary/IP地址 +tags: + - IP地址 + - 初学者 + - 术语表 +translation_of: Glossary/IP_Address +--- +<p>IP地址是分配给连接到使用Internet协议的网络的每个设备的一串数字。</p> + +<p>在更广泛地使用IPv6之前，"IP地址"通常仍指32位IPv4地址。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "IP address", "IP address")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/irc/index.html b/files/zh-cn/glossary/irc/index.html new file mode 100644 index 0000000000..58a4870d2d --- /dev/null +++ b/files/zh-cn/glossary/irc/index.html @@ -0,0 +1,15 @@ +--- +title: IRC +slug: Glossary/IRC +translation_of: Glossary/IRC +--- +<p><strong>IRC </strong>(<em>Internet Relay Chat </em><strong>因特网中继聊天</strong>) 是一个基于互联网连接和IRC客户端的全球聊天系统，其通过IRC服务器收发消息。</p> + +<p>由 Jarrko Oikarinen 在20世纪80年代末设计出， IRC 使用 {{glossary("TCP")}} ，这是一个开放的协议。IRC服务器将消息广播给每个连接到多个 IRC 通道(每个通道都有自己的 ID)中的一个的人。</p> + +<h3 id="学习更多"><strong>学习更多</strong></h3> + +<ul> + <li><a href="/en-US/docs/Mozilla/QA/Getting_Started_with_IRC">IRC 起步</a></li> + <li><a href="https://wiki.mozilla.org/IRC">在Mozilla上使用IRC</a></li> +</ul> diff --git a/files/zh-cn/glossary/isp/index.html b/files/zh-cn/glossary/isp/index.html new file mode 100644 index 0000000000..0289733b2a --- /dev/null +++ b/files/zh-cn/glossary/isp/index.html @@ -0,0 +1,19 @@ +--- +title: ISP +slug: Glossary/ISP +tags: + - 互联网服务供应商 + - 术语表 + - 网络 +translation_of: Glossary/ISP +--- +<p>互联网服务供应商（Internet Service Provider，简称 ISP）通过电话线上的拨号连接（这在以前比较常见），或宽带连接（如电缆调制解调器或 DSL 服务）出售互联网接入服务 ，有时也会提供其他服务，如电子邮件、虚拟主机和 IP 语音。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="补充知识">补充知识</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-CN/docs/learn/How_the_Internet_works">互联网是如何工作的</a>（给初学者的说明）</li> + <li><a href="https://zh.wikipedia.org/wiki/%E4%BA%92%E8%81%94%E7%BD%91%E6%9C%8D%E5%8A%A1%E4%BE%9B%E5%BA%94%E5%95%86">互联网服务供应商</a>（中文维基百科）</li> +</ul> diff --git a/files/zh-cn/glossary/jank/index.html b/files/zh-cn/glossary/jank/index.html new file mode 100644 index 0000000000..90a81d0f47 --- /dev/null +++ b/files/zh-cn/glossary/jank/index.html @@ -0,0 +1,6 @@ +--- +title: Jank +slug: Glossary/Jank +translation_of: Glossary/Jank +--- +<p><strong><font><font>Jank</font></font></strong><font><font>既指“卡顿”表现，通常是由于在主线程上执行长任务，阻止渲染或在后台进程上消耗过多处理器能力所致。</font></font></p> diff --git a/files/zh-cn/glossary/java/index.html b/files/zh-cn/glossary/java/index.html new file mode 100644 index 0000000000..d530dfa9c7 --- /dev/null +++ b/files/zh-cn/glossary/java/index.html @@ -0,0 +1,14 @@ +--- +title: Java +slug: Glossary/Java +translation_of: Glossary/Java +--- +<p>Java 是一个旨在实现最小的依赖关系的基于{{Glossary("class","类")}}的 {{glossary("OOP", "面向对象的")}} 便携式 {{Glossary("computer programming", "计算机程序")}} 语言。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 {{interwiki("wikipedia", "Java")}}</li> +</ul> diff --git a/files/zh-cn/glossary/javascript/index.html b/files/zh-cn/glossary/javascript/index.html new file mode 100644 index 0000000000..232e87ec8f --- /dev/null +++ b/files/zh-cn/glossary/javascript/index.html @@ -0,0 +1,44 @@ +--- +title: JavaScript +slug: Glossary/JavaScript +tags: + - JavaScript + - 术语 +translation_of: Glossary/JavaScript +--- +<p>JavaScript (JS) 是一种编程语言，为通常用于客户端（client-side）的网页动态脚本，不过，也常通过像<a href="http://nodejs.org/" rel="external">Node.js</a>这样的包，用于服务器端（{{Glossary("Server","server")}}-side）。</p> + +<p>不应该把JavaScript 和 <a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_Java">Java</a> 的混淆。“Java” 和 “JavaScript” 都是 Oracle 公司在美国和其他国家注册的商标，但是这两种编程语言在语法、语义和使用方面都明显不同。</p> + +<p>Brendan Eich （彼时受雇于 Netscape ）为服务器端构想的语言，JavaScript ，不久却在 1995 年九月加入 Netscape Navigator 2.0。JavaScript 很快获得了成功，而 <a href='{{glossary("Microsoft Internet Explorer", "Internet Explorer 3.0")}}'>Internet Explorer 3.0</a> 也在 1996 年八月，引入了对 JavaScript 的支持，冠以 JScript 之名。</p> + +<p>1996 年十一月，Netscape 开始与 ECMA 国际化组织合作以使 JavaScript 成为行业标准。从此以后，标准化的 JavaScript 就被称为 ECMAScript 并规范于 ECMA-262 之下，其最新（第八）版在 2017 年六月生效。</p> + +<p>JavaScript 通常用于浏览器，使开发者能通过{{Glossary("DOM")}}来操纵网页内容、或透过{{Glossary("AJAX")}}与{{Glossary("IndexedDB")}}来操作数据；还可以用它在{{Glossary("canvas")}}上面绘图、通过各种{{Glossary("API","APIs")}}与运行浏览器的各种设备交互……等等。由于近年来的发展、以及各浏览器的{{Glossary("API","APIs")}}性能改善，JavaScript 成了世界上最常用的编程语言之一。</p> + +<p>最近，JavaScript 的流行程度 ，由于<a href="http://nodejs.org/">Node.js</a>平台 ——这个除浏览器外最流行的跨平台JavaScript运行环境——的成功，大大提升。Node.js 使开发者可以在 PC 上使用 JavaScript 作为脚本语言使用以自动化处理和构建功能完备的 {{Glossary("HTTP")}} 和 {{Glossary("Web Sockets")}} 服务器。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科上的{{interwiki("wikipedia", "JavaScript", "JavaScript")}}</li> +</ul> + +<h3 id="学习JavaScript">学习JavaScript</h3> + +<ul> + <li>MDN 的 {{Link("/en-US/docs/Web/JavaScript/Guide")}} </li> + <li><a href="http://nodeschool.io/#workshoppers">NodeSchool 的 javascripting 工坊</a></li> + <li><a href="http://www.codecademy.com/tracks/javascript" rel="external">codecademy.com 的 JavaScript 课程</a></li> + <li><a href="http://ejohn.org/apps/learn/" rel="external">John Resig 的 Learning Advanced JavaScript</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm" rel="external">John Resig 的 Learning Advanced JavaScript</a></li> + <li>MDN 的 {{Link("/en-US/docs/Web/JavaScript/reference")}} 参考文件</li> + <li><a href="http://eloquentjavascript.net/" rel="external"><em>Eloquent JavaScript</em> </a>一书</li> +</ul> diff --git a/files/zh-cn/glossary/jpeg/index.html b/files/zh-cn/glossary/jpeg/index.html new file mode 100644 index 0000000000..8a76ac209a --- /dev/null +++ b/files/zh-cn/glossary/jpeg/index.html @@ -0,0 +1,87 @@ +--- +title: JPEG +slug: Glossary/jpeg +tags: + - JPEG +translation_of: Glossary/jpeg +--- +<p><strong>JPEG</strong>（联合图像专家小组） 是一个广泛用于数字图像有损压缩的方法。</p> + +<p><strong>JPEG</strong>（Joint Photographic Experts Group）是JPEG标准的产物，该标准由国际标准化组织（ISO）制订，是面向连续色调静止图像的一种压缩标准。JPEG格式是最常用的<a href="https://baike.baidu.com/item/%E5%9B%BE%E5%83%8F%E6%96%87%E4%BB%B6%E6%A0%BC%E5%BC%8F/10728158">图像文件格式</a>，后缀名为.jpg或.jpeg</p> + +<h2 id="简介">简介</h2> + +<p><strong>JPEG</strong>（ Joint Photographic Experts Group）即联合图像专家组，是用于连续色调静态<a href="https://baike.baidu.com/item/%E5%9B%BE%E5%83%8F%E5%8E%8B%E7%BC%A9/8325585">图像压缩</a>的一种标准，文件后缀名为，jpg或，jpeg，是最常用的图像文件格式。其主要是采用<a href="https://baike.baidu.com/item/%E9%A2%84%E6%B5%8B%E7%BC%96%E7%A0%81/5907587">预测编码</a>（DPCM）、<a href="https://baike.baidu.com/item/%E7%A6%BB%E6%95%A3%E4%BD%99%E5%BC%A6%E5%8F%98%E6%8D%A2/7118270">离散余弦变换</a>（DCT）以及<a href="https://baike.baidu.com/item/%E7%86%B5%E7%BC%96%E7%A0%81/3303605">熵编码</a>的联合编码方式，以去除冗余的图像和彩色数据，属于<a href="https://baike.baidu.com/item/%E6%9C%89%E6%8D%9F%E5%8E%8B%E7%BC%A9/2311513">有损压缩</a>格式，它能够将图像压缩在很小的储存空间，一定程度上会造成<a href="https://baike.baidu.com/item/%E5%9B%BE%E5%83%8F%E6%95%B0%E6%8D%AE/5199370">图像数据</a>的损伤。尤其是使用过高的压缩比例，将使最终<a href="https://baike.baidu.com/item/%E8%A7%A3%E5%8E%8B%E7%BC%A9/2471723">解压缩</a>后恢复的图像质量降低，如果追求高品质图像，则不宜采用过高的压缩比例。<sup> </sup></p> + +<p>然而，JPEG压缩技术十分先进，它可以用有损压缩方式去除冗余的图像数据，换句话说，就是可以用较少的磁盘空间得到较好的图像品质。而且JPEG是一种很灵活的格式，具有调节<a href="https://baike.baidu.com/item/%E5%9B%BE%E5%83%8F%E8%B4%A8%E9%87%8F/5133364">图像质量</a>的功能，它允许用不同的压缩比例对文件进行压缩，支持多种压缩级别，压缩比率通常在10；1到40；1，压缩比越大，图像品质就越低；相反地，压缩比越小，图像品质就越高。同一幅图像，用JPEG格式存储的文件是其他类型文件的1/10~1/20，通常只有几十KB，质量损失较小，基本无法看出。JPEG格式压缩的主要是高频信息，对色彩的信息保留较好，适合应用于互联网；它可减少图像的传输时间，支持24位真彩色；也普遍应用于需要连续色调的图像中。</p> + +<p>JPEG格式可分为标准JPEG、渐进式JPEG及JPEG2000三种格式。</p> + +<p>1. 标准JPEG格式；此类型在网页下载时只能由上而下依序显示图像，直到图像资料全部下载完毕，才能看到图像全貌。<sup> </sup></p> + +<p>2. 渐进式JPEG；此类型在网页下载时，先呈现出图像的粗略外观后，再慢慢地呈现出完整的内容，而且存成渐进式JPG格式的文档比存成标准JPG格式的文档要来得小，所以如果要在网页上使用图像，可以多用这种格式。<sup> </sup></p> + +<p>3. JPEG2000；它是新一代的影像压缩法，压缩品质更高，并可改善在无线传输时，常因信号不稳造成马赛克现象及位置错乱的情况，改善传输的品质。</p> + +<h2 id="性能">性能</h2> + +<p>JPEG的性能，用质量与<a href="https://baike.baidu.com/item/%E6%AF%94%E7%89%B9%E7%8E%87/1022775">比特率</a>之比来衡量，是相当优越的。</p> + +<p><strong>JPEG的优点是：</strong></p> + +<ul> + <li> + <p>它支持极高的压缩率，因此JPEG图像的下载速度大大加快。</p> + </li> + <li> + <p>它能够轻松地处理16.8M颜色，可以很好地再现全彩色的图像。</p> + </li> + <li> + <p>在对图像的压缩处理过程中，该图像格式可以允许自由地在最小文件尺寸（最低图像质量）和最大文件尺寸（最高图像质量）之间选择。</p> + </li> + <li> + <p>该格式的文件尺寸相对较小，下载速度快，有利于在带宽并不“富裕”的情况下传输。</p> + </li> +</ul> + +<p><strong>JPEG的缺点是：</strong></p> + +<ul> + <li> + <p>并非所有的浏览器都支持将各种JPEG图像插入网页。</p> + </li> + <li> + <p>压缩时，可能使图像的质量受到损失，因此不适宜用该格式来显示高清晰度的图像。</p> + </li> +</ul> + +<p>JPEG的复杂度之低和使用时间之长，给人以深刻的印象。以下是对于8位/像素的中等复杂画面的图像，JPEG所给出的几个等级作为衡量压缩编码效果的准则：</p> + +<ul> + <li> + <p>0.25位/像素~0.5位/像素；中~好，足以满足一些应用。<sup> </sup></p> + </li> + <li> + <p>0.5位/像素~0.75位/像素；好~很好，足以满足许多应用。</p> + </li> + <li> + <p>0.75位/像素~1.5位/像素；优秀，足以满足大多数应用。<sup> </sup></p> + </li> + <li> + <p>1.5位/像素~2.0位/像素；难于与原图像区别，足以满足绝大多数应用。<sup> </sup></p> + </li> + <li> + <p>>2.0位/像素；近乎完美，满足几乎全部的应用。</p> + </li> +</ul> + +<p>其中位/像素（ bit/pixel）定义为压缩图像（包括色度分量）的总位数除以亮度分量的样本数。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "JPEG")}}</li> + <li>在百度百科上的 <a href="https://baike.baidu.com/item/JPEG%E6%A0%BC%E5%BC%8F/3462770" title="JPEG-百度百科">jpeg</a></li> +</ul> diff --git a/files/zh-cn/glossary/jquery/index.html b/files/zh-cn/glossary/jquery/index.html new file mode 100644 index 0000000000..f0a4d1ce37 --- /dev/null +++ b/files/zh-cn/glossary/jquery/index.html @@ -0,0 +1,58 @@ +--- +title: jQuery +slug: Glossary/jQuery +tags: + - JQuery + - JavaScript + - 术语 +translation_of: Glossary/jQuery +--- +<p><strong>jQuery</strong> 是一个着重简化 {{Glossary("DOM")}} 操作，{{Glossary("AJAX")}} 调用和{{Glossary("Event", "事件")}}处理的 {{Glossary("JavaScript")}} {{Glossary("Library", "库")}}。一些前端 JavaScript 开发者经常会用到它。</p> + +<p>jQuery 使用 <code>$(selector).action()</code> 的格式给一个（或多个）元素绑定事件。具体来说，<code>$(selector)</code> 让 jQuery 选择匹配 CSS 选择器 <code>selector</code> 的元素，并将它/它们传递给叫做 <code>.action()</code> 的事件 {{Glossary("API")}}。</p> + +<pre class="brush: js"><code class="language-js">$(document).ready(function(){ + alert("Hello World!"); + $("#blackBox").hide(); +});</code></pre> + +<p>上述代码和以下代码功能相同：</p> + +<pre class="brush: js"><code class="language-js">window.onload = function() { + alert( "Hello World!" ); + document.getElementById("blackBox").style.display = "none"; +};</code></pre> + +<h2 id="下载_jQuery">下载 jQuery</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">npm</th> + <th scope="col">bower（单文件）</th> + <th scope="col">Google CDN</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>npm install jquery</code></td> + <td><code>bower install https://code.jquery.com/jquery-3.2.1.min.js</code></td> + <td><code>https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js</code></td> + </tr> + </tbody> +</table> + +<h2 id="更多学习">更多学习</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "jQuery")}}</li> + <li><a href="http://jquery.com/">jQuery 官方网站</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li><a href="https://api.jquery.com/">官方 API 文档</a></li> +</ul> diff --git a/files/zh-cn/glossary/json/index.html b/files/zh-cn/glossary/json/index.html new file mode 100644 index 0000000000..4f13048b27 --- /dev/null +++ b/files/zh-cn/glossary/json/index.html @@ -0,0 +1,33 @@ +--- +title: JSON +slug: Glossary/JSON +tags: + - JSON + - 介绍 + - 术语 + - 脚本编写 +translation_of: Glossary/JSON +--- +<p> <em>JavaScript Object Notation</em> (<strong>JSON</strong>) 是一种数据交换格式。尽管不是严格意义上的子集，JSON 非常接近 {{Glossary("JavaScript")}} 语法的子集。</p> + +<p>许多编程语言都支持 JSON，尤其是 JavaScript，它在网站和浏览器扩展应用广泛。</p> + +<p>JSON 可以表示数字、布尔值、字符串、<code>null</code>、数组（有序序列），以及由这些值组成的对象（字符串与值的映射）。JSON 不支持复杂的数据类型（函数、正则表达式、日期等）。日期对象默认会转化为 ISO 格式的字符串，因此信息不会完全丢失。</p> + +<p>如果你需要使用 JSON 来表示复杂的数据类型，请在它们转化为字符串值。</p> + +<p>与 XML 非常相似， JSON 能存储 CSV 格式，同时保留它的分级信息。有许多工具能帮助你进行格式转换（例如 <a href="https://json-csv.com">JSON to CSV Converter</a> 或<a href="https://jsontoexcel.com/">JSON to CSV Converter</a>）。</p> + +<h2 id="详细了解">详细了解</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "JSON", "JSON")}} （维基百科）</li> +</ul> + +<h3 id="Technical_reference">Technical reference</h3> + +<ul> + <li>{{Link("/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON")}}（MDN）</li> +</ul> diff --git a/files/zh-cn/glossary/keyword/index.html b/files/zh-cn/glossary/keyword/index.html new file mode 100644 index 0000000000..a4c0f35c7b --- /dev/null +++ b/files/zh-cn/glossary/keyword/index.html @@ -0,0 +1,18 @@ +--- +title: Keyword +slug: Glossary/Keyword +translation_of: Glossary/Keyword +--- +<p> </p> + +<p id="Summary"><strong>关键字</strong>是用以描述内容的词汇或短语。网上的关键字在搜索引擎中用于搜索或者作为识别网站内容的词汇。</p> + +<p>在使用搜索引擎的时候，你可以用关键字指定搜寻内容，搜索引擎会返回相关网页 。想获得更精确的结果，尝试用更具体的关键字， 比如用 "Blue Mustang GTO" 而不是简单的一个"Mustang".。网页也在meta标签(在{{htmlelement("head")}}部分) 中使用关键字来描述页面内容，以使搜索引擎可以更好地识别和组织网页。</p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="基本信息"><strong>基本信息</strong></h3> + +<ul> + <li>维基百科上的{{interwiki("wikipedia", "Keyword_research", "Keyword")}}</li> +</ul> diff --git a/files/zh-cn/glossary/latency/index.html b/files/zh-cn/glossary/latency/index.html new file mode 100644 index 0000000000..8159d00ea3 --- /dev/null +++ b/files/zh-cn/glossary/latency/index.html @@ -0,0 +1,19 @@ +--- +title: Latency +slug: Glossary/Latency +tags: + - 网络性能 + - 词汇 +translation_of: Glossary/Latency +--- +<p><strong>延迟</strong>是请求的资源到达其目的地所花费的网络时间。 低延迟是好的，这意味着几乎没有延迟。 高延迟是不好的，这意味着所请求的资源要花很长时间才能到达目的地。</p> + +<p>延迟可能是任何类型的数据流中的一个因素，但是最常见的讨论方式是网络延迟（数据包从源传输到目标所花费的时间）和媒体编解码器延迟（传输数据包所需的时间）。 源数据进行编码或解码，并到达结果数据的使用者）。</p> + +<h2 id="更多">更多</h2> + +<ul> + <li>理解延迟</li> +</ul> + +<section class="Quick_links" id="Quick_Links"></section> diff --git a/files/zh-cn/glossary/ligature/index.html b/files/zh-cn/glossary/ligature/index.html new file mode 100644 index 0000000000..4e22b4d696 --- /dev/null +++ b/files/zh-cn/glossary/ligature/index.html @@ -0,0 +1,14 @@ +--- +title: Ligature +slug: Glossary/Ligature +translation_of: Glossary/Ligature +--- +<p>“连字” 是指将两个字符组合后变为一个形状，像是法语中的“œ” 就是“oe”的连字。</p> + +<p>你可以在网页中使用 {{cssxref("font-variant-ligatures")}} 来实现连字</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>{{interwiki("wikipedia", "Typographic ligature", "Ligature")}} on Wikipedia</li> +</ol> +</section> diff --git a/files/zh-cn/glossary/main_thread/index.html b/files/zh-cn/glossary/main_thread/index.html new file mode 100644 index 0000000000..ceb985bb00 --- /dev/null +++ b/files/zh-cn/glossary/main_thread/index.html @@ -0,0 +1,25 @@ +--- +title: 主线程 +slug: Glossary/Main_thread +translation_of: Glossary/Main_thread +--- +<p><strong>主线程</strong>用于浏览器处理用户事件和页面绘制等。默认情况下，浏览器在一个线程中运行一个页面中的所有 JavaScript 脚本，以及呈现布局，回流，和垃圾回收。这意味着一个长时间运行的 JavaScript 会阻塞线程，导致页面无法响应，造成不佳的用户体验。</p> + +<p>除非故意使用 <a href="/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">web worker</a>，比如 <a href="/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">service worker</a>，不然 JavaScript 只在线程中运行，所以脚本的运行时，很容易导致事件处理流程或绘制的延迟。主线程中运行的工作越少，就有越多的余地来处理用户事件，页面绘制和对用户保持响应。 </p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>另可参考 + <ol> + <li><a href="/en-US/docs/Learn/JavaScript/Asynchronous">异步 JavaScript</a></li> + <li><a href="/en-US/docs/Web/API/Web_Workers_API">Web worker API</a></li> + <li><a href="/en-US/docs/Web/API/Service_Worker_API">Service worker API</a></li> + </ol> + </li> + <li><a href="/en-US/docs/Glossary">词汇表</a> + <ol> + <li>{{Glossary("Thread")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/metadata/index.html b/files/zh-cn/glossary/metadata/index.html new file mode 100644 index 0000000000..c3ae627ccb --- /dev/null +++ b/files/zh-cn/glossary/metadata/index.html @@ -0,0 +1,20 @@ +--- +title: Metadata +slug: Glossary/Metadata +translation_of: Glossary/Metadata +--- +<p><strong>Metadata ——元数据</strong>，简单的来说就是描述数据的数据。例如, 一个 {{glossary("HTML")}} 文件是一种数据, 但 HTML 文件也能在 {{htmlelement("head")}} 元素中包含描述该文档的元数据，比如该文件的作者和概要。</p> + +<h2 id="更多相关内容">更多相关内容</h2> + +<h3 id="通俗释义">通俗释义</h3> + +<ul> + <li>{{interwiki("wikipedia", "metadata", "metadata")}} 来自维基百科</li> +</ul> + +<h3 id="HTML_中的_metadata_元素">HTML 中的 metadata 元素</h3> + +<ul> + <li>{{htmlelement("meta")}} 来自MDN</li> +</ul> diff --git a/files/zh-cn/glossary/method/index.html b/files/zh-cn/glossary/method/index.html new file mode 100644 index 0000000000..0d4e53b15d --- /dev/null +++ b/files/zh-cn/glossary/method/index.html @@ -0,0 +1,40 @@ +--- +title: Method +slug: Glossary/Method +translation_of: Glossary/Method +--- +<p>一个方法就是一个函数，是对象的属性之一。有两种类型的方法：<em>实例方法</em>是由对象实例执行的内置任务，另一种是<em>静态方法</em>，在对象构造函数内直接调用的任务<em>。</em></p> + +<div class="note"> +<p><strong>注意:</strong> 在 JavaScript 中，函数本身也是对象，因此，在这种情况下，一个方法实际上就是指向一个函数的对象引用。</p> +</div> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="Learn_about_it">Learn about it</h3> + +<ul> + <li>{{InterWiki("wikipedia","Method (computer programming)")}} in Wikipedia</li> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">Defining a method in JavaScript</a> (comparison of the traditional syntax and the new shorthand)</li> +</ul> + +<h3 id="Technical_reference">Technical reference</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Methods_Index">List of JavaScript built-in methods</a></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ul> + <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a> + + <ul> + <li>{{Glossary("function")}}</li> + <li>{{Glossary("object")}}</li> + <li>{{Glossary("property")}}</li> + <li>{{Glossary("static method")}}</li> + </ul> + </li> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">Defining a method in JavaScript</a></li> +</ul> +</section> diff --git a/files/zh-cn/glossary/microsoft_internet_explorer/index.html b/files/zh-cn/glossary/microsoft_internet_explorer/index.html new file mode 100644 index 0000000000..a7344c5758 --- /dev/null +++ b/files/zh-cn/glossary/microsoft_internet_explorer/index.html @@ -0,0 +1,42 @@ +--- +title: Microsoft Internet Explorer +slug: Glossary/Microsoft_Internet_Explorer +tags: + - Windows + - 微软 + - 术语 + - 浏览器 +translation_of: Glossary/Microsoft_Internet_Explorer +--- +<p>Internet Explorer (or IE) 是一个由微软为遗留企业用户维护的免费的可视化 {{glossary("浏览器")}} 。{{glossary("Microsoft Edge")}} 是 Windows 现在默认的浏览器。</p> + +<p>微软在 1995 年首次将 IE 和 Windows 捆绑，作为 "Microsoft Plus!" 包的一部分出售。在大约 2002，Internet Explorer 已经成了世界上使用最多的浏览器，但目前已经落后于 Chrome、Firefox、Edge 和 Safari。</p> + +<p>IE 已经发行了许多版本，目前停留在版本 11.0.12，可以得到桌面、手机和 Xbox 控制台的相应版本。之前可以在 Mac 和 UNIX 上获得，Microsoft 分别于 2003 和 2001 停止了对它们的支持。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识" style="line-height: 24px; font-size: 1.71428571428571rem;">常识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Internet Explorer", "Internet Explorer")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "History of Internet Explorer", "History of Internet Explorer")}} on Wikipedia</li> + <li>{{interwiki("wikipedia", "Internet Explorer versions", "Internet Explorer versions")}} on Wikipedia</li> +</ul> + +<h3 id="了解_Internet_Explorer" style="line-height: 24px; font-size: 1.71428571428571rem;">了解 Internet Explorer</h3> + +<ul> + <li><a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">http://windows.microsoft.com/en-us/internet-explorer/download-ie</a></li> + <li><a href="http://windows.microsoft.com/en-us/windows7/getting-started-with-internet-explorer-9">http://windows.microsoft.com/en-us/windows7/getting-started-with-internet-explorer-9</a></li> + <li><a href="http://windows.microsoft.com/en-us/internet-explorer/internet-explorer-help">http://windows.microsoft.com/en-us/internet-explorer/internet-explorer-help</a></li> + <li><a href="http://windows.microsoft.com/en-us/internet-explorer/make-ie-default-browser#ie=ie-11">http://windows.microsoft.com/en-us/internet-explorer/make-ie-default-browser#ie=ie-11</a></li> +</ul> + +<h3 id="技术参考" style="line-height: 24px; font-size: 1.71428571428571rem;">技术参考</h3> + +<ul> + <li><a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements">http://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements</a></li> + <li><a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements">http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements</a></li> + <li><a href="http://support.microsoft.com/kb/969393">http://support.microsoft.com/kb/969393</a></li> +</ul> diff --git a/files/zh-cn/glossary/mime_type/index.html b/files/zh-cn/glossary/mime_type/index.html new file mode 100644 index 0000000000..644efba619 --- /dev/null +++ b/files/zh-cn/glossary/mime_type/index.html @@ -0,0 +1,24 @@ +--- +title: MIME type +slug: Glossary/MIME_type +tags: + - Glossary +translation_of: Glossary/MIME_type +--- +<p><strong>MIME type</strong> （现在称为“媒体类型(media type)”，但有时也是“内容类型(content type)”）是指示文件类型的字符串，与文件一起发送（例如，一个声音文件可能被标记为 <code>audio/ogg</code> ，一个图像文件可能是 <code>image/png</code> ）。它与传统Windows上的文件扩展名有相同目的。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Internet media type", "Internet media type")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.iana.org/assignments/media-types/media-types.xhtml">MIME types 列表</a></li> + <li><a href="/en-US/docs/Properly_Configuring_Server_MIME_Types">正确配置服务器 MIME Types</a></li> + <li>有关在Web环境中使用 <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME Types</a> 的详细信息。</li> +</ul> diff --git a/files/zh-cn/glossary/mitm/index.html b/files/zh-cn/glossary/mitm/index.html new file mode 100644 index 0000000000..9cc73ced1c --- /dev/null +++ b/files/zh-cn/glossary/mitm/index.html @@ -0,0 +1,30 @@ +--- +title: 中间人攻击（MitM） +slug: Glossary/MitM +translation_of: Glossary/MitM +--- +<p>中间人攻击（<strong>Man-in-the-middle attack，</strong>MitM）会在消息发出方和接收方之间拦截双方通讯。举例来说，路由器就可以被破解用来进行中间人攻击。</p> + +<p>用日常生活中的写信来类比的话：你给朋友写了一封信，邮递员可以把每一份你寄出去的信都拆开看，甚至把信的内容改掉，然后重新封起来，再寄出去给你的朋友。朋友收到信之后给你回信，邮递员又可以拆开看，看完随便改，改完封好再送到你手上。你全程都不知道自己寄出去的信和收到的信都经过邮递员这个“中间人”转手和处理——换句话说，对于你和你朋友来讲，邮递员这个“中间人”角色是不可见的。</p> + +<p> </p> + +<p>对于实际生活中的信件沟通和线上的信息交流来说，中间人攻击都是很难防范的，这里有一些小建议：</p> + +<ul> + <li>不要忽视浏览器弹出的证书警告！你可能访问的是钓鱼网站或者假冒的服务器；</li> + <li>公共网络环境下（例如公共WiFi），没有HTTPS加密的敏感网站不要随便登录，一般不可信；</li> + <li>在任何网站上登录自己的账号前确保网址是走的HTTPS加密协议；</li> +</ul> + +<p> </p> + +<div> +<h2 id="更多资料">更多资料</h2> + +<ul> + <li>OWASP 文章: <a href="https://www.owasp.org/index.php/Man-in-the-middle_attack">Man-in-the-middle attack</a></li> + <li>维基百科: <a href="https://en.wikipedia.org/wiki/Man-in-the-middle_attack">Man-in-the-middle attack</a></li> + <li>The {{HTTPHeader("Public-Key-Pins")}} header ({{Glossary("HPKP")}}) can significantly decrease the risk of MITM by instructing browsers to require a whitelisted certificate for all subsequent connections to that website.</li> +</ul> +</div> diff --git a/files/zh-cn/glossary/mixin/index.html b/files/zh-cn/glossary/mixin/index.html new file mode 100644 index 0000000000..e9122218df --- /dev/null +++ b/files/zh-cn/glossary/mixin/index.html @@ -0,0 +1,21 @@ +--- +title: 混合 +slug: Glossary/Mixin +tags: + - Mixin + - 混合 +translation_of: Glossary/Mixin +--- +<p><span class="seoSummary"><em>混合（mixin）</em>是一个 {{Glossary("class")}} 或者 {{Glossary("interface")}}，其中部分或全部{{Glossary("method", "methods")}}与{{Glossary("property", "properties")}}未实现，需要另一个{{Glossary("class")}}或者{{Glossary("interface")}}来提供这些缺失的实现。</span> 新的类或者接口包括<em>混合所有的</em>以及自有的属性和方法。所有方法和属性的使用方法在混合或混合的实现中保持一致。</p> + +<p>混合的优点在于：可用于简化多个接口需要包含相同的方法何与属性的API的设计。</p> + +<p>例如，{{domxref("WindowOrWorkerGlobalScope")}}混合用于提供需要在{{domxref("Window")}}与{{domxref("WorkerGlobalScope")}}上都可用的方法和属性。该混合由这两个接口实现。</p> + +<h2 id="更多">更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的<a class="external external-icon" href="http://en.wikipedia.org/wiki/Mixin">Mixin</a></li> +</ul> diff --git a/files/zh-cn/glossary/mvc/index.html b/files/zh-cn/glossary/mvc/index.html new file mode 100644 index 0000000000..b5cf9661dc --- /dev/null +++ b/files/zh-cn/glossary/mvc/index.html @@ -0,0 +1,28 @@ +--- +title: MVC +slug: Glossary/MVC +translation_of: Glossary/MVC +--- +<p><strong>MVC</strong> (Model-View-Controller) 是一种软件设计模式.它强调分离软件的业务逻辑和显示. 这种“分离”提供了更好的分工和改进的维护. 一些其他的模式也是基于MVC来设计的, 像 MVVM (Model-View-Viewmodel), MVP (Model-View-Presenter), 和 MVW (Model-View-Whatever).</p> + +<p>对MVC软件设计模式的三个部分可以被描述如下：</p> + +<ol> + <li>Model: 模型持有所有的数据、状态和程序逻辑.</li> + <li>View: 负责界面的布局和显示.</li> + <li>Controller: 负责模型和界面之间的交互.</li> +</ol> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li>{{interwiki("wikipedia", "Model–view–controller")}} on Wikipedia</li> +</ul> + +<h3 id="Learning_MVC">Learning MVC</h3> + +<ul> + <li><a href="/en-US/Apps/Fundamentals/Modern_web_app_architecture/MVC_architecture">MVC architecture</a></li> +</ul> diff --git a/files/zh-cn/glossary/nan/index.html b/files/zh-cn/glossary/nan/index.html new file mode 100644 index 0000000000..aafd7798a5 --- /dev/null +++ b/files/zh-cn/glossary/nan/index.html @@ -0,0 +1,24 @@ +--- +title: NaN +slug: Glossary/NaN +translation_of: Glossary/NaN +--- +<p>NaN(不是一个数字)是一种数值表达形式 {{Glossary("Type", "data type")}}这意味一种未定义的值或者不能够被描述的值，尤其浮点型结算的结果。</p> + +<p>举例，NaNs能够描述无穷大，数字除0的结果，缺少值，或者平方根为负数（这是虚构的，而浮点数是真实的）。</p> + +<p>实际上，如果我在{{glossary("JavaScript")}} 程序中划分两个变量，结果可能是NaN，它在JavaScript中被预定义为“undefined”。于是这个除法可能中断程序。 现在，如果这个计算是一个大规模算法的一小部分，那么确定错误实际发生的地方真的很困难。 幸运的是，由于结果将是NaN，我知道我的除数可能会变为0，我可以设置防止任何此类计算的测试条件，或通知我发生的位置。</p> + +<h2 id="学习更多" style="line-height: 30px;">学习更多</h2> + +<h3 id="通常的知识点" style="line-height: 24px;">通常的知识点</h3> + +<ul> + <li>{{Interwiki("wikipedia", "NaN")}} 在维基百科</li> +</ul> + +<h3 id="权威的信息">权威的信息</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN in JavaScript</a> </li> +</ul> diff --git a/files/zh-cn/glossary/nat/index.html b/files/zh-cn/glossary/nat/index.html new file mode 100644 index 0000000000..29804d0ed5 --- /dev/null +++ b/files/zh-cn/glossary/nat/index.html @@ -0,0 +1,21 @@ +--- +title: NAT +slug: Glossary/NAT +tags: + - WebRTC + - 初学者 + - 基础知识 + - 术语 + - 网络运作 +translation_of: Glossary/NAT +--- +<p><strong>NAT </strong>(网络地址翻译)是一个能够让多台主机共享一个IP地址的技术。NAT会给局域网内每台主机分配一个唯一的地址同时调整输入和输出的网络流量，使之能够发送到正确的位置。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="通用知识">通用知识</h3> + +<ul> + <li><a href="/en-US/docs/Web/API/WebRTC_API/Architecture/Protocols">WebRTC 协议</a></li> + <li>{{interwiki("wikipedia", "NAT")}} 在 Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/native/index.html b/files/zh-cn/glossary/native/index.html new file mode 100644 index 0000000000..e9d8c384e1 --- /dev/null +++ b/files/zh-cn/glossary/native/index.html @@ -0,0 +1,18 @@ +--- +title: Native +slug: Glossary/Native +translation_of: Glossary/Native +--- +<p>一个<em>原生</em>的应用程序在被编译后，可以在由指定结构组成的硬件/软件环境中运行</p> + +<p>原生安卓应用的一个例子：在安卓工具链的支持下使用Java编写的手机应用</p> + +<p>从另一方面来讲，一个在浏览器中运行的网页应用就不是原生——其必须运行在基于原生环境的浏览器中，而不是在原生环境本身。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常规知识">常规知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "Native (computing)")}} </li> +</ul> diff --git a/files/zh-cn/glossary/navigation_directive/index.html b/files/zh-cn/glossary/navigation_directive/index.html new file mode 100644 index 0000000000..0638d8322b --- /dev/null +++ b/files/zh-cn/glossary/navigation_directive/index.html @@ -0,0 +1,35 @@ +--- +title: Navigation directive +slug: Glossary/Navigation_directive +tags: + - CSP + - HTTP + - 安全 +translation_of: Glossary/Navigation_directive +--- +<p><strong>{{Glossary("CSP")}} 浏览指令（navigation directives</strong>）出现于 {{HTTPHeader("Content-Security-Policy")}} 首部，支配着用户所能浏览的或者提交表单的资源位置。</p> + +<p>浏览指令不将 {{CSP("default-src")}} 指令作为回退机制。</p> + +<p>以下 CSP 指令属于浏览指令：</p> + +<ul> + <li>{{CSP("form-action")}}</li> + <li>{{CSP("frame-ancestors")}}</li> + <li>{{CSP("navigation-to")}}</li> +</ul> + +<div> +<h2 id="更多内容">更多内容</h2> + +<ul> + <li>{{HTTPHeader("Content-Security-Policy")}}</li> + <li>其他类型的指令： + <ul> + <li>{{Glossary("Fetch directive")}}</li> + <li>{{Glossary("Navigation directive")}}</li> + <li>{{Glossary("Reporting directive")}}</li> + </ul> + </li> +</ul> +</div> diff --git a/files/zh-cn/glossary/node.js/index.html b/files/zh-cn/glossary/node.js/index.html new file mode 100644 index 0000000000..6a66fa01cb --- /dev/null +++ b/files/zh-cn/glossary/node.js/index.html @@ -0,0 +1,29 @@ +--- +title: Node.js +slug: Glossary/Node.js +tags: + - JavaScript + - Node + - node.js + - nodejs +translation_of: Glossary/Node.js +--- +<p>Node.js 是一个跨平台 {{Glossary("JavaScript")}} 运行环境，使开发者可以搭建服务器端的JavaScript应用程序。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Node.js">Node.js 的维基</a></li> + <li><a href="https://nodejs.org/">Node.js 官网</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li><a href="https://nodejs.org/api/">API文档</a></li> + <li><a href="https://nodejs.org/documentation/tutorials/">教程</a></li> +</ul> + +<div>{{QuickLinksWithSubpages("zh-CN/docs/Glossary")}}</div> diff --git a/files/zh-cn/glossary/node/dom/index.html b/files/zh-cn/glossary/node/dom/index.html new file mode 100644 index 0000000000..4242389f60 --- /dev/null +++ b/files/zh-cn/glossary/node/dom/index.html @@ -0,0 +1,17 @@ +--- +title: Node (DOM) +slug: Glossary/Node/DOM +tags: + - 术语 + - 编程 +translation_of: Glossary/Node/DOM +--- +<p><span class="seoSummary">在 {{Glossary("DOM")}} 的上下文中，节点（Node）是节点树中的单个点。包括文档本身、元素、文本以及注释都属于是节点。</span></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li>The <a href="https://dom.spec.whatwg.org/#concept-node">node tree</a> WHATWG spec</li> +</ul> diff --git a/files/zh-cn/glossary/node/index.html b/files/zh-cn/glossary/node/index.html new file mode 100644 index 0000000000..a6aa471845 --- /dev/null +++ b/files/zh-cn/glossary/node/index.html @@ -0,0 +1,15 @@ +--- +title: Node +slug: Glossary/Node +tags: + - Disambiguation + - Glossary + - NeedsTranslation + - TopicStub +translation_of: Glossary/Node +--- +<p>术语 <strong>node</strong> 根据不同的上下文，可以是多种不同的意思。他可能是：</p> + +<p>{{GlossaryDisambiguation}}</p> + +<p>这个词的另一个含义，我们将在 {{Glossary("Node.js")}} 中讨论。</p> diff --git a/files/zh-cn/glossary/null/index.html b/files/zh-cn/glossary/null/index.html new file mode 100644 index 0000000000..de5a8a7986 --- /dev/null +++ b/files/zh-cn/glossary/null/index.html @@ -0,0 +1,27 @@ +--- +title: 'Null' +slug: Glossary/Null +tags: + - 'Null' + - 空值 + - 空指针 +translation_of: Glossary/Null +--- +<p>在计算机学科， <strong><code>null</code></strong> 值一直是一个被讨论点，通常来说，表示一个不存在或者无效{{glossary("object")}}或者地址引用。语言实现中空引用的含义各不相同。</p> + +<p>在 {{Glossary("JavaScript")}}，null是 {{Glossary("Primitive", "原始值")}} 之一</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="一般知识">一般知识</h3> + +<ul> + <li>维基百科{{Interwiki("wikipedia", "空指针")}} </li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript数据类型和数据结构</a></li> + <li>JavaScript 全局对象: {{jsxref("null")}}</li> +</ul> diff --git a/files/zh-cn/glossary/nullish/index.html b/files/zh-cn/glossary/nullish/index.html new file mode 100644 index 0000000000..bcde8071c5 --- /dev/null +++ b/files/zh-cn/glossary/nullish/index.html @@ -0,0 +1,19 @@ +--- +title: Nullish value +slug: Glossary/Nullish +tags: + - 'Null' + - undefined + - 原始类型 + - 空值 +translation_of: Glossary/Nullish +--- +<p>{{Draft}}</p> + +<p>一个 nullish 值要么是 {{JSxRef("null")}} 要么是 {{JSxRef("undefined")}}。nullish 值总是 <a href="/zh-CN/docs/Glossary/Falsy">falsy</a>.。</p> + +<section id="Quick_Links"> +<ul> + <li class="hidden">{{Page("/en-US/docs/Glossary/Primitive", "Quick_Links")}}</li> +</ul> +</section> diff --git a/files/zh-cn/glossary/number/index.html b/files/zh-cn/glossary/number/index.html new file mode 100644 index 0000000000..f09af089d2 --- /dev/null +++ b/files/zh-cn/glossary/number/index.html @@ -0,0 +1,25 @@ +--- +title: Number +slug: Glossary/Number +tags: + - JavaScript +translation_of: Glossary/Number +--- +<p>在 {{Glossary("JavaScript")}} 中, <strong>Number</strong> 是一种 定义为 <a class="external external-icon" href="http://en.wikipedia.org/wiki/Double_precision_floating-point_format">64位双精度浮点型（double-precision 64-bit floating point format） (IEEE 754)</a>的数字数据类型。在其他编程语言中，有不同的数字类型存在，比如：整型（Integers），单精度浮点型（Floats），双精度浮点型（Doubles），大数（Bignums）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li> + <p><span>维基百科上的{{Interwiki("wikipedia", "Data type#Numeric_types", "数字类型")}} </span></p> + </li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>JavaScript 数据结构: <a href="/en-US/docs/Web/JavaScript/Data_structures#Number_type">Number</a></li> + <li>JavaScript 全局对象 {{jsxref("Number")}}</li> +</ul> diff --git a/files/zh-cn/glossary/object/index.html b/files/zh-cn/glossary/object/index.html new file mode 100644 index 0000000000..bb11c9edeb --- /dev/null +++ b/files/zh-cn/glossary/object/index.html @@ -0,0 +1,20 @@ +--- +title: Object +slug: Glossary/Object +tags: + - 对象 + - 简介 + - 词汇表 +translation_of: Glossary/Object +--- +<p><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object">对象</a> 指包含数据和用于处理数据的指令的数据结构. 对象有时也指现实世界中的一些事, 例如在赛车游戏当中一辆车或者一幅地图都可以是一个对象. {{glossary("JavaScript")}}, Java, C++, Python, 还有 Ruby 这些例子都是{{glossary("OOP","面向对象的程序设计")}} 语言.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常用的知识点">常用的知识点</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Object-oriented programming")}} on Wikipedia</li> + <li>{{jsxref("Object")}} in the <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript reference</a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Objects">Object data structures in JavaScript</a></li> +</ul> diff --git a/files/zh-cn/glossary/opengl/index.html b/files/zh-cn/glossary/opengl/index.html new file mode 100644 index 0000000000..652937205d --- /dev/null +++ b/files/zh-cn/glossary/opengl/index.html @@ -0,0 +1,15 @@ +--- +title: OpenGL +slug: Glossary/OpenGL +tags: + - OpenGL + - 术语表 +translation_of: Glossary/OpenGL +--- +<p><span class="seoSummary"><strong>OpenGL (Open Graphics Library)</strong>是一套用来渲染2D和3D矢量图形的跨语言的、跨平台的应用程序接口(API) . 这种接口通常用来与图形处理单元(GPU)交互, 来达到硬件加速渲染的目的<strong>。</strong></span></p> + +<h2 id="深入了解">深入了解</h2> + +<ul> + <li>{{Interwiki("wikipedia", "OpenGL")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/parse/index.html b/files/zh-cn/glossary/parse/index.html new file mode 100644 index 0000000000..b3ea0aa8a8 --- /dev/null +++ b/files/zh-cn/glossary/parse/index.html @@ -0,0 +1,20 @@ +--- +title: Parse +slug: Glossary/Parse +translation_of: Glossary/Parse +--- +<p>Parsing means analyzing and converting a program into an internal format that a runtime environment can actually run, for example the {{glossary("JavaScript")}} engine inside browsers.</p> + +<p>Parsing 就是将程序解析以及转换成能够在运行环境中运行的计算机内部格式，浏览器中的{{glossary("JavaScript")}} 驱动就是一个很好的解析例子。</p> + +<p>In JavaScript, this is done during {{glossary("compile time")}} or whenever the {{glossary("parser")}} is invoked, such as during a call to a method.</p> + +<p>JavaScript 中的解析过程一般在{{glossary("compile time")}}中完成，或者是在任意{{glossary("parser")}} 参与的时候完成。比如说在调用一个JS方法的过程中完成parsing。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Parsing">Parse</a> on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/pdf/index.html b/files/zh-cn/glossary/pdf/index.html new file mode 100644 index 0000000000..aac5840c39 --- /dev/null +++ b/files/zh-cn/glossary/pdf/index.html @@ -0,0 +1,16 @@ +--- +title: PDF +slug: Glossary/PDF +tags: + - PDF +translation_of: Glossary/PDF +--- +<p><span id="result_box" lang="zh-CN"><span><strong>PDF</strong>（可移植文档格式）是一种能够用来在任何特定软、硬件平台或操作系统上分享文档的文件格式。PDF 提供打印文档的数字图像，并能在打印时保持相同的外观。</span></span></p> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>维基百科：{{Interwiki("wikipedia", "Portable Document Format", "PDF")}}</li> +</ul> diff --git a/files/zh-cn/glossary/percent-encoding/index.html b/files/zh-cn/glossary/percent-encoding/index.html new file mode 100644 index 0000000000..c874c580a3 --- /dev/null +++ b/files/zh-cn/glossary/percent-encoding/index.html @@ -0,0 +1,76 @@ +--- +title: Percent-encoding +slug: Glossary/percent-encoding +tags: + - WebMechanics + - 词汇表 +translation_of: Glossary/percent-encoding +--- +<p><strong>百分比编码 </strong>是一种拥有8位字符编码的编码机制，这些编码在{{Glossary("URL")}}的上下文中具有特定的含义。它有时被称为URL编码。编码由英文字母替换组成：“%” 后跟替换字符的ASCII的十六进制表示。</p> + +<p>需要编码的特殊字符有： <code>':'</code><font><font>，</font></font><code>'/'</code><font><font>，</font></font><code>'?'</code><font><font>，</font></font><code>'#'</code><font><font>，</font></font><code>'['</code><font><font>，</font></font><code>']'</code><font><font>，</font></font><code>'@'</code><font><font>，</font></font><code>'!'</code><font><font>，</font></font><code>'$'</code><font><font>，</font></font><code>'&'</code><font><font>，</font></font><code>"'"</code><font><font>，</font></font><code>'('</code><font><font>，</font></font><code>')'</code><font><font>，</font></font><code>'*'</code><font><font>，</font></font><code>'+'</code><font><font>，</font></font><code>','</code><font><font>，</font></font><code>';'</code><font><font>，</font></font><code>'='</code>，以及，<code>'%'</code> 本身. 其他的字符虽然可以进行编码但是不需要。</p> + +<table class="standard-table"> + <tbody> + <tr> + <td><code>':'</code></td> + <td><code>'/'</code></td> + <td><code>'?'</code></td> + <td><code>'#'</code></td> + <td><code>'['</code></td> + <td><code>']'</code></td> + <td><code>'@'</code></td> + <td><code>'!'</code></td> + <td><code>'$'</code></td> + <td><code>'&'</code></td> + <td><code>"'"</code></td> + <td><code>'('</code></td> + <td><code>')'</code></td> + <td><code>'*'</code></td> + <td><code>'+'</code></td> + <td><code>','</code></td> + <td><code>';'</code></td> + <td><code>'='</code></td> + <td><code>'%'</code></td> + <td><code>' '</code></td> + </tr> + <tr> + <td><code>%3A</code></td> + <td><code>%2F</code></td> + <td><code>%3F</code></td> + <td><code>%23</code></td> + <td><code>%5B</code></td> + <td><code>%5D</code></td> + <td><code>%40</code></td> + <td><code>%21</code></td> + <td><code>%24</code></td> + <td><code>%26</code></td> + <td><code>%27</code></td> + <td><code>%28</code></td> + <td><code>%29</code></td> + <td><code>%2A</code></td> + <td><code>%2B</code></td> + <td><code>%2C</code></td> + <td><code>%3B</code></td> + <td><code>%3D</code></td> + <td><code>%25</code></td> + <td><code>%20</code> 或 <code>+</code></td> + </tr> + </tbody> +</table> + +<p>根据上下文, 空白符 <code>' '</code> 将会转换为 <code>'+'</code> （必须在HTTP的POST方法中使定义 <code>application/x-www-form-urlencoded </code> 传输方式）， 或者将会转换为 <code>'%20'</code> 的 URL。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科中 <a href="https://en.wikipedia.org/wiki/Percent-encoding">percent-encoding</a> 的相关定义。</li> +</ul> + +<h3 id="技术规范">技术规范</h3> + +<ul> + <li>{{RFC(3986)}}, 第2.1节，其中定义了这种编码方式。</li> +</ul> diff --git a/files/zh-cn/glossary/php/index.html b/files/zh-cn/glossary/php/index.html new file mode 100644 index 0000000000..7a2a510df5 --- /dev/null +++ b/files/zh-cn/glossary/php/index.html @@ -0,0 +1,14 @@ +--- +title: PHP +slug: Glossary/PHP +translation_of: Glossary/PHP +--- +<p>PHP是一个用于建造WebAPP和动态网站的服务器端脚本语言。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="http://php.net/">官方网站</a></li> + <li>在维基百科上的 {{Interwiki("wikipedia", "PHP")}}</li> + <li>在Wikibooks上的 <a href="https://en.wikibooks.org/wiki/PHP_Programming">PHP</a></li> +</ul> diff --git a/files/zh-cn/glossary/png/index.html b/files/zh-cn/glossary/png/index.html new file mode 100644 index 0000000000..7406cfea52 --- /dev/null +++ b/files/zh-cn/glossary/png/index.html @@ -0,0 +1,14 @@ +--- +title: PNG +slug: Glossary/PNG +translation_of: Glossary/PNG +--- +<p><strong>PNG（便携式网络图形）</strong>是支持无损数据压缩的图形文件格式。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 <a href="https://zh.wikipedia.org/wiki/PNG">PNG</a></li> +</ul> diff --git a/files/zh-cn/glossary/polyfill/index.html b/files/zh-cn/glossary/polyfill/index.html new file mode 100644 index 0000000000..d7ca530c9e --- /dev/null +++ b/files/zh-cn/glossary/polyfill/index.html @@ -0,0 +1,16 @@ +--- +title: Polyfill +slug: Glossary/Polyfill +translation_of: Glossary/Polyfill +--- +<p>Polyfill 是一块代码（通常是 Web 上的 JavaScript），用来为旧浏览器提供它没有原生支持的较新的功能。</p> + +<p>比如说 polyfill 可以让 IE7 使用 Silverlight 插件来模拟 HTML Canvas 元素的功能，或模拟 CSS 实现 rem 单位的支持，或 {{cssxref("text-shadow")}}，或其他任何你想要的功能。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="https://remysharp.com/2010/10/08/what-is-a-polyfill">什么是 polyfill？</a> （Remy Sharp 著，概念发明者）</li> +</ul> diff --git a/files/zh-cn/glossary/preflight_request/index.html b/files/zh-cn/glossary/preflight_request/index.html new file mode 100644 index 0000000000..fcb8cd1028 --- /dev/null +++ b/files/zh-cn/glossary/preflight_request/index.html @@ -0,0 +1,36 @@ +--- +title: Preflight request +slug: Glossary/Preflight_request +translation_of: Glossary/Preflight_request +--- +<p> </p> + +<p>一个 CORS 预检请求是用于检查服务器是否支持 {{Glossary("CORS")}} 即跨域资源共享。</p> + +<p>它一般是用了以下几个 HTTP 请求首部的 {{HTTPMethod("OPTIONS")}} 请求：{{HTTPHeader("Access-Control-Request-Method")}} 和 {{HTTPHeader("Access-Control-Request-Headers")}}，以及一个 {{HTTPHeader("Origin")}} 首部。</p> + +<p>当有必要的时候，浏览器会自动发出一个预检请求；所以在正常情况下，前端开发者不需要自己去发这样的请求。</p> + +<p>举个例子，一个客户端可能会在实际发送一个 <code>DELETE</code> 请求之前，先向服务器发起一个预检请求，用于询问是否可以向服务器发起一个 {{HTTPMethod("DELETE")}} 请求：</p> + +<pre>OPTIONS /resource/foo +Access-Control-Request-Method: DELETE +Access-Control-Request-Headers: origin, x-requested-with +Origin: https://foo.bar.org +</pre> + +<p>如果服务器允许，那么服务器就会响应这个预检请求。并且其响应首部 {{HTTPHeader("Access-Control-Allow-Methods")}} 会将 <code>DELETE</code> 包含在其中：</p> + +<pre>HTTP/1.1 200 OK +Content-Length: 0 +Connection: keep-alive +Access-Control-Allow-Origin: https://foo.bar.org +Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE +Access-Control-Max-Age: 86400</pre> + +<h2 id="参见">参见</h2> + +<ul> + <li><a href="/en-US/docs/Glossary/CORS">CORS</a></li> + <li>{{HTTPMethod("OPTIONS")}}</li> +</ul> diff --git a/files/zh-cn/glossary/presto/index.html b/files/zh-cn/glossary/presto/index.html new file mode 100644 index 0000000000..06d74cb857 --- /dev/null +++ b/files/zh-cn/glossary/presto/index.html @@ -0,0 +1,12 @@ +--- +title: Presto +slug: Glossary/Presto +translation_of: Glossary/Presto +--- +<p>Presto 是专有浏览器渲染引擎, 在 {{Glossary("Opera browser")}} 15版本以下使用. 之后的Opera浏览器基于Chromium, 使用 {{Glossary('Blink')}} 渲染引擎.</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="https://zh.wikipedia.org/wiki/Presto">维基上的Presto 渲染引擎</a></li> +</ul> diff --git a/files/zh-cn/glossary/primitive/index.html b/files/zh-cn/glossary/primitive/index.html new file mode 100644 index 0000000000..66db39c9b5 --- /dev/null +++ b/files/zh-cn/glossary/primitive/index.html @@ -0,0 +1,123 @@ +--- +title: 原始数据 +slug: Glossary/Primitive +tags: + - Glossary + - JavaScript + - 基本数据类型 + - 基本类型 + - 词汇 +translation_of: Glossary/Primitive +--- +<p><strong>基本类型</strong>（基本数值、基本数据类型）是一种既非{{Glossary("object", "对象")}}也无{{glossary("method","方法")}}的数据。在 {{Glossary("JavaScript")}} 中，共有7种基本类型：{{Glossary("string")}}，{{Glossary("number")}}，{{Glossary("bigint")}}，{{Glossary("boolean")}}，{{Glossary("null")}}，{{Glossary("undefined")}}，{{Glossary("symbol")}} ({{Glossary("ECMAScript")}} 2016新增)。</p> + +<p>多数情况下，基本类型直接代表了最底层的语言实现。</p> + +<p>所有基本类型的值都是<strong>不可改变</strong>的。但需要注意的是，基本类型本身和一个赋值为基本类型的变量的区别。变量会被赋予一个新值，而原值不能像数组、对象以及函数那样被改变。</p> + +<h2 id="示例1">示例1</h2> + +<p>这个示例会帮助你了解基本类型<strong>不可改变</strong>的事实。</p> + +<h3 id="JavaScript">JavaScript</h3> + +<pre><code>// 使用字符串方法不会改变一个字符串 +var bar = "baz"; +console.log(bar); // baz +bar.toUpperCase(); +console.log(bar); // baz + +// 使用数组方法可以改变一个数组 +var foo = []; +console.log(foo); // [] +foo.push("plugh"); +console.log(foo); // ["plugh"] + +// 赋值行为可以给基本类型一个新值，而不是改变它 +bar = bar.toUpperCase(); // BAZ</code></pre> + +<p>基本类型值可以被替换，但不能被改变。</p> + +<h2 id="示例2">示例2</h2> + +<p>下面的示例将让你体会到JavaScript是如何处理基本类型的。</p> + +<h3 id="JavaScript_2">JavaScript</h3> + +<pre><code>// 基本类型 +let foo = 5; + +// 定义一个貌似可以改变基本类型值的函数 +function addTwo(num) { + num += 2; +} +// 和前面的函数一样 +function addTwo_v2(foo) { + foo += 2; +} + +// 调用第一个函数，并传入基本类型值作为参数 +addTwo(foo); +// Getting the current Primitive value +console.log(foo); // 5 + +// 尝试调用第二个函数... +addTwo_v2(foo); +console.log(foo); // 5</code></pre> + +<p>你是否认为会得到<code>7</code>，而不是<code>5</code>？如果是，请看看代码是如何运行的：</p> + +<ul> + <li><code>addTwo</code>和<code>addTwo_v2</code>函数调用时，JavaScript会检查标识符<code>foo</code>的值，从而准确无误的找到第一行实例化变量的声明语句。</li> + <li>找到以后，JavaScript将其作为参数传递给函数的形参。</li> + <li>在执行函数体内语句之前，<strong>JavaScript会将传递进来的参数（基本类型的值）复制一份</strong>，创建一个本地副本。这个副本只存在于该函数的作用域中，我们能够通过指定在函数中的标识符访问到它（<code>addTwo</code>中的<code>num</code>，<code>addTwo_v2</code>中的<code>foo</code>）。</li> + <li>接下来，函数体中的语句开始执行： + <ul> + <li>第一个函数中，创建了本地<code>num</code>参数，<code>num</code>的值加2，但这个值并不是原来的<code>foo</code>的值。</li> + <li>第二个函数中，创建了本地参数<code>foo</code>，并将它的值加2，这个值不是外部foo的值。在这种情况下，外部的<code>foo</code>变量不能以<strong>任何</strong>方式被访问到。这是因为JavaScript的词法作用域（lexical scoping）所导致的变量覆盖，本地的变量<code>foo</code>覆盖了外部的变量<code>foo</code>。欲知详情，请参阅<a href="/zh-CN/docs/Web/JavaScript/Closures">闭包</a>。</li> + </ul> + </li> + <li>综上所述，函数中的任何操作都<strong>不会</strong>影响到最初的<code>foo</code>，我们操作的只不过是它的<strong>副本</strong>。</li> +</ul> + +<p>这就是为什么说所有基本类型的值都是无法改变的。</p> + +<h2 id="JavaScript_中的基本类型包装对象">JavaScript 中的基本类型包装对象</h2> + +<p>除了 <code>null</code> 和 <code>undefined</code>之外，所有基本类型都有其对应的包装对象：</p> + +<ul> + <li>{{jsxref("String")}} 为字符串基本类型。</li> + <li>{{jsxref("Number")}} 为数值基本类型。</li> + <li>{{jsxref("BigInt")}} 为大整数基本类型。</li> + <li>{{jsxref("Boolean")}} 为布尔基本类型。</li> + <li>{{jsxref("Symbol")}} 为字面量基本类型。</li> +</ul> + +<p>这个包裹对象的<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf"><code>valueOf()</code></a>方法返回基本类型值。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/JavaScript/Data_structures">JavaScript 数据类型和数据结构</a></li> + <li>维基百科上的{{Interwiki("wikipedia", "Primitive data type", "基本类型")}}</li> +</ul> + +<ol> + <li><a href="/zh-CN/docs/Glossary">术语表</a> + + <ol> + <li>{{Glossary("JavaScript")}}</li> + <li>{{Glossary("string")}}</li> + <li>{{Glossary("number")}}</li> + <li>{{Glossary("bigint")}}</li> + <li>{{Glossary("boolean")}}</li> + <li>{{Glossary("null")}}</li> + <li>{{Glossary("undefined")}}</li> + <li>{{Glossary("symbol")}}</li> + </ol> + </li> + <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Data_structures">JavaScript 数据类型和数据结构</a></li> +</ol> diff --git a/files/zh-cn/glossary/protocol/index.html b/files/zh-cn/glossary/protocol/index.html new file mode 100644 index 0000000000..8e5ac562ca --- /dev/null +++ b/files/zh-cn/glossary/protocol/index.html @@ -0,0 +1,26 @@ +--- +title: Protocol（协议） +slug: Glossary/Protocol +tags: + - 协议 + - 术语 +translation_of: Glossary/Protocol +--- +<p id="Summary"><strong>协议</strong>是定义了数据如何在计算机内和之间进行交换的规则的系统。设备之间通信要求设备接受正在交换的数据的格式。定义格式的一组规则称之为协议。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科中的 {{Interwiki("wikipedia", "通信协议")}}</li> + <li><a href="http://www.rfc-editor.org/search/standards.php">RFC 官方互联网协议标准</a></li> +</ul> + +<h2 id="参见">参见</h2> + +<ul> + <li><a href="/zh-CN/docs/Glossary/TCP">TCP</a></li> + <li><a href="/zh-CN/docs/Web/HTTP/Overview">HTTP 总览</a></li> + <li><a href="/zh-CN/docs/Glossary/Packet">packet</a></li> +</ul> diff --git a/files/zh-cn/glossary/prototype-based_programming/index.html b/files/zh-cn/glossary/prototype-based_programming/index.html new file mode 100644 index 0000000000..9be53f4b83 --- /dev/null +++ b/files/zh-cn/glossary/prototype-based_programming/index.html @@ -0,0 +1,19 @@ +--- +title: 原型编程 +slug: Glossary/Prototype-based_programming +tags: + - CodingScripting + - 词汇表 +translation_of: Glossary/Prototype-based_programming +--- +<p><strong>原型编程</strong> 是一种 {{Glossary("OOP", "面向对象编程")}} 的风格。在这种风格中，我们不会显式地定义{{Glossary('Class', '类')}} ，而会通过向其它类的实例（对象）中添加属性和方法来创建类，甚至偶尔使用空对象创建类。</p> + +<p>简单来说，这种风格是在不定义{{Glossary('Class', 'class')}}的情况下创建一个 {{Glossary('Object', 'object')}}。</p> + +<h2 id="更多内容">更多内容</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Prototype-based programming", "原型编程")}} 的维基页面</li> +</ul> diff --git a/files/zh-cn/glossary/prototype/index.html b/files/zh-cn/glossary/prototype/index.html new file mode 100644 index 0000000000..f36a2ceb9e --- /dev/null +++ b/files/zh-cn/glossary/prototype/index.html @@ -0,0 +1,21 @@ +--- +title: Prototype +slug: Glossary/Prototype +tags: + - Inheritance_and_the_prototype_chain + - Prototype + - __proto__ + - 维基百科 +translation_of: Glossary/Prototype +--- +<p>原型是一种在开发生命周期的早期显示应用程序或产品的外观和行为的模型。</p> + +<p>请参见 <a href="/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain">继承和原型链</a> </p> + +<h2 id="了解更多">了解更多 </h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Software Prototyping")}} 维基百科</li> +</ul> diff --git a/files/zh-cn/glossary/python/index.html b/files/zh-cn/glossary/python/index.html new file mode 100644 index 0000000000..30986b8b12 --- /dev/null +++ b/files/zh-cn/glossary/python/index.html @@ -0,0 +1,17 @@ +--- +title: Python +slug: Glossary/Python +translation_of: Glossary/Python +--- +<p><strong>Python</strong> 是一个高级通用编程语言。它使用多范式方法。这意味着它支持程序化、面向对象和一些功能性编程结构。</p> + +<p>它是由 <em>Guido van Rossum </em>创建的，作为1985年至1990年间的另一种语言（称为ABC）的继任者。目前Python被用于大量的领域，如Web开发，作为其他应用程序的脚本语言和构建实际应用程序。</p> + +<p>Python是根据OSI批准的开源许可证开发的，使其免费使用和分发，即使是商业用途也是如此。Python的许可证是由 <a href="https://www.python.org/psf">Python软件基金会</a> 管理的。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>在维基百科上的 {{interwiki('wikipedia','Python')}}</li> + <li><a href="http://www.tutorialspoint.com/python/index.htm">python的入门教程</a></li> +</ul> diff --git a/files/zh-cn/glossary/quality_values/index.html b/files/zh-cn/glossary/quality_values/index.html new file mode 100644 index 0000000000..326d312ef0 --- /dev/null +++ b/files/zh-cn/glossary/quality_values/index.html @@ -0,0 +1,77 @@ +--- +title: Quality values +slug: Glossary/Quality_values +translation_of: Glossary/Quality_values +--- +<p><ruby>质量价值<rt>Quality values</rt></ruby>亦称作q值，其与q因子以逗号分隔的方式来描述值的优先级顺序，是HTTP消息头以及HTML中的特殊语法。值的重要性以一种后缀表示：<code>';q='</code>。该后缀紧接<code>0</code>到<code>1</code>间的值(值可达小数点后三位)，最高值表明最高优先级。无此后缀时，默认值为<code>1</code>。</p> + +<h2 id="示例">示例</h2> + +<p>以下语法</p> + +<pre class="notranslate"><code>text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8</code></pre> + +<p>表明优先级先后顺序：</p> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Value 值</th> + <th scope="col">Priority 优先级</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>text/html</code> and <code>application/xhtml+xml</code></td> + <td><code>1.0</code></td> + </tr> + <tr> + <td><code>application/xml</code></td> + <td><code>0.9</code></td> + </tr> + <tr> + <td><code>*/*</code></td> + <td><code>0.8</code></td> + </tr> + </tbody> +</table> + +<p>如果前面这两个值未定义优先级，值的顺序并不重要。然而，q值相同时，值越具体，其优先级越高。</p> + +<pre class="notranslate"><code>text/html;q=0.8,text/*;q=0.8,*/*;q=0.8</code> +</pre> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Value 值</th> + <th scope="col">Priority 优先级</th> + </tr> + <tr> + <td><code>text/html</code></td> + <td><code>0.8</code> (but totally specified)</td> + </tr> + <tr> + <td><code>text/*</code></td> + <td><code>0.8</code> (partially specified)</td> + </tr> + <tr> + <td><code>*/*</code></td> + <td><code>0.8</code> (not specified)</td> + </tr> + </thead> +</table> + +<p>像Accept消息头的语法可以有额外的标记，比如<code>text/html;level=1</code>。这使值更具体，不过该用法不常见。</p> + +<h2 id="浏览器信息">浏览器信息</h2> + +<h3 id="火狐">火狐</h3> + +<p>从Firefox 18开始，质量因子的值可达小数点后二位（之前的版本只能达小数点后一位）。({{bug(672448)}})</p> + +<h2 id="更多">更多</h2> + +<ul> + <li>使用q值的HTTP消息头：{{HTTPHeader("Accept")}}、{{HTTPHeader("Accept-Charset")}}、{{HTTPHeader("Accept-Language")}}、{{HTTPHeader("Accept-Encoding")}}和{{HTTPHeader("TE")}}。</li> +</ul> diff --git a/files/zh-cn/glossary/rail/index.html b/files/zh-cn/glossary/rail/index.html new file mode 100644 index 0000000000..ddd4a54dfb --- /dev/null +++ b/files/zh-cn/glossary/rail/index.html @@ -0,0 +1,27 @@ +--- +title: RAIL +slug: Glossary/RAIL +tags: + - RAIL模型 + - 网页性能 + - 词汇表 +translation_of: Glossary/RAIL +--- +<p><strong>RAIL</strong>, 是 <strong>Response, Animation, Idle, 和 Load 的首字母缩写</strong>, 是一种由Google Chrome团队与2015年提出的性能模型, 用于提升浏览器内的用户体验和性能. RAIL模型的理念是 "以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。" RAIL把交互分为四个阶段: 页面加载, 空闲, 响应用户输入, 滚动和动画. 按首字母缩写顺序，其主要原则是：</p> + +<dl> + <dt><strong>响应</strong></dt> + <dd>应该尽可能快速的响应用户, 应该在100ms或者100ms以内响应用户输入。</dd> + <dt><strong>动画</strong></dt> + <dd>在展示动画的时候，每一帧应该以16ms进行渲染，这样可以保持动画效果的一致性，并且避免卡顿。</dd> + <dt><strong>空闲</strong></dt> + <dd>当使用Javascript主线程的时候，应该把任务划分到执行时间小于50ms的片段中去，这样可以释放线程以进行用户交互</dd> + <dt><strong>加载</strong></dt> + <dd>应该在小于1s的时间内加载完成你的网站，并可以进行用户交互。</dd> +</dl> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a href="/en-US/docs/Learn/Performance/How_long_is_too_long">Recommended Web Performance Timings: How long is too long</a></li> +</ul> diff --git a/files/zh-cn/glossary/recursion/index.html b/files/zh-cn/glossary/recursion/index.html new file mode 100644 index 0000000000..9c6c6e3a7b --- /dev/null +++ b/files/zh-cn/glossary/recursion/index.html @@ -0,0 +1,18 @@ +--- +title: Recursion（递归） +slug: Glossary/Recursion +tags: + - 术语 + - 编程 +translation_of: Glossary/Recursion +--- +<p>一种函数调用自身的操作。递归被用于处理包含有更小的子问题的一类问题。一个递归函数可以接受两个输入参数：一个最终状态（终止递归）或一个递归状态（继续递归）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="通用信息">通用信息</h3> + +<ul> + <li>Wikipedia 页面：{{Interwiki("wikipedia", "Recursion (computer science)")}}</li> + <li><a href="/en-US/docs/Web/JavaScript/Guide/Functions#Recursion">更多关于 JavaScript 中递归的细节</a></li> +</ul> diff --git a/files/zh-cn/glossary/reflow/index.html b/files/zh-cn/glossary/reflow/index.html new file mode 100644 index 0000000000..0a9bcb65e3 --- /dev/null +++ b/files/zh-cn/glossary/reflow/index.html @@ -0,0 +1,12 @@ +--- +title: 回流 +slug: Glossary/Reflow +translation_of: Glossary/Reflow +--- +<p>当浏览器必须重新处理和绘制部分或全部页面时，回流就会发生，例如当一个交互式站点更新后。</p> + +<h2 id="更多">更多</h2> + +<ul> + <li><a href="https://developers.google.com/speed/articles/reflow">Google 关于 “最小化浏览器回流” 的文章 </a></li> +</ul> diff --git a/files/zh-cn/glossary/regular_expression/index.html b/files/zh-cn/glossary/regular_expression/index.html new file mode 100644 index 0000000000..34bf56464b --- /dev/null +++ b/files/zh-cn/glossary/regular_expression/index.html @@ -0,0 +1,24 @@ +--- +title: Regular expression +slug: Glossary/Regular_expression +translation_of: Glossary/Regular_expression +--- +<p><strong>正则表达式</strong>（<em>Regular expressions</em>或 <em>regex</em>）是决定了在搜索中使用何种字符串序列的规则。</p> + +<p>正则表达式在多种语言中都得到了实现，但是最知名的实现，当属Perl的实现。该实现引出了名为PCRE（<em>Perl Compatible Regular Expression</em>）的生态系统。 在Web中，{{glossary("JavaScript")}} 通过 {{jsxref("RegExp")}} 对象，给出了正则表达式的另一种实现。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "正则表达式")}}</li> + <li><a href="http://regexone.com/">互动教程</a></li> + <li><a href="http://regexper.com/">虚拟化的正则表达式</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions">在JavaScript中写正则表达式</a></li> +</ul> diff --git a/files/zh-cn/glossary/response_header/index.html b/files/zh-cn/glossary/response_header/index.html new file mode 100644 index 0000000000..6212a893d4 --- /dev/null +++ b/files/zh-cn/glossary/response_header/index.html @@ -0,0 +1,39 @@ +--- +title: Response header 响应头 +slug: Glossary/Response_header +tags: + - Response Header + - 响应头 +translation_of: Glossary/Response_header +--- +<p><strong>响应头（Response header）</strong> 可以定义为：被用于http响应中并且和响应消息主体无关的那一类 {{glossary("header", "HTTP header")}}。像{{HTTPHeader("Age")}}, {{HTTPHeader("Location")}} 和 {{HTTPHeader("Server")}}都属于响应头，他们被用于描述响应。</p> + +<p>并非所有出现在响应中的http header都属于响应头，例如{{HTTPHeader("Content-Length")}}就是一个代表响应体消息大小的{{glossary("entity header")}}，虽然你也可以把它叫做响应头。</p> + +<p>下面展示了一个 {{HTTPMethod("GET")}}请求的响应头。需要注意的是，严格来说{{HTTPHeader("Content-Encoding")}}和{{HTTPHeader("Content-Type")}}都是属于{{glossary("entity headers")}}。</p> + +<pre>200 OK +Access-Control-Allow-Origin: * +Connection: Keep-Alive +Content-Encoding: gzip +Content-Type: text/html; charset=utf-8 +Date: Mon, 18 Jul 2016 16:06:00 GMT +Etag: "c561c68d0ba92bbeb8b0f612a9199f722e3a621a" +Keep-Alive: timeout=5, max=997 +Last-Modified: Mon, 18 Jul 2016 02:36:04 GMT +Server: Apache +Set-Cookie: mykey=myvalue; expires=Mon, 17-Jul-2017 16:06:00 GMT; Max-Age=31449600; Path=/; secure +Transfer-Encoding: chunked +Vary: Cookie, Accept-Encoding +X-Backend-Server: developer2.webapp.scl3.mozilla.com +X-Cache-Info: not cacheable; meta data too large +X-kuma-revision: 1085259 +x-frame-options: DENY</pre> + +<h2 id="更多">更多</h2> + +<h3 id="相关内容">相关内容</h3> + +<ul> + <li><a href="/en-US/docs/Web/HTTP/Headers">HTTP头部列表</a> </li> +</ul> diff --git a/files/zh-cn/glossary/rest/index.html b/files/zh-cn/glossary/rest/index.html new file mode 100644 index 0000000000..6be2db2d84 --- /dev/null +++ b/files/zh-cn/glossary/rest/index.html @@ -0,0 +1,32 @@ +--- +title: REST +slug: Glossary/REST +tags: + - HTTP + - Rest + - 初学者 + - 术语 + - 架构 +translation_of: Glossary/REST +--- +<p>具象状态传输（<strong>REST，</strong>Representational State Transfer) 是一组实现效率、可读性、还有可拓展分散式系统的软件架构设计规范。如果一个系统能坚守这些规范，那么它就是 RESTful。</p> + +<p>REST 的基本概念是资源（resource），例如文件能通过明确和标准的操作与格式，转换其状态与超文本的关系。通常在 {{Glossary("API","API's")}} 或服务能直接修改文件的类型，而非触发其他行为时，它们就称自己为 RESTful。</p> + +<p>由于万维网 {{glossary("World Wide Web","Web")}} 背后的 {{Glossary("HTTP")}} 协议也能传输文件和超文本链接，同时又充当了标准，简易的 HTTP API 虽然有时不一定遵守所有的 RESTful 规范，但它们还是会被称为 RESTful API、RESTful 服务，或者直接叫 REST 服务。初学者可以先假设 REST API 代表一个能通过标准 web 库和工具调用的 HTTP 服务。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="搞懂它">搞懂它</h3> + +<ul> + <li><a href="http://www.restapitutorial.com/">restapitutorial.com</a></li> + <li><a href="http://restcookbook.com/">restcookbook.com</a></li> +</ul> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Representational_state_transfer", "REST")}} on Wikipedia</li> + <li><a href="https://www.service-architecture.com/articles/web-services/representational_state_transfer_rest.html">REST Architecture</a></li> +</ul> diff --git a/files/zh-cn/glossary/rss/index.html b/files/zh-cn/glossary/rss/index.html new file mode 100644 index 0000000000..762aebc957 --- /dev/null +++ b/files/zh-cn/glossary/rss/index.html @@ -0,0 +1,26 @@ +--- +title: RSS +slug: Glossary/RSS +tags: + - OpenPractices + - RSS + - WebMechanics + - 分享 + - 术语 +translation_of: Glossary/RSS +--- +<p><strong>RSS</strong>（简易信息聚合）指的是用于发布站点更新的数种 XML 文档格式。当您订阅一个网站的 RSS 摘要时，网站会将 RSS 信息和更新信息发送到一个称为资讯（feed）的 RSS 文档中，因此您无需手动查看所有喜爱的网站就可以获取这些网站的更新动态。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "RSS")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.rssboard.org/rss-specification">最新的 RSS 标准</a></li> +</ul> diff --git a/files/zh-cn/glossary/safe/index.html b/files/zh-cn/glossary/safe/index.html new file mode 100644 index 0000000000..c1f710f630 --- /dev/null +++ b/files/zh-cn/glossary/safe/index.html @@ -0,0 +1,44 @@ +--- +title: Safe（安全） +slug: Glossary/safe +tags: + - Glossary + - HTTP + - 术语 +translation_of: Glossary/safe +--- +<p>如果说一个 HTTP 方法是<code>安全</code>的，是指这是个不会修改服务器的数据的方法。也就是说，这是一个对服务器只读操作的方法。这些方法是安全的：{{HTTPMethod("GET")}}，{{HTTPMethod("HEAD")}} 和 {{HTTPMethod("OPTIONS")}}。所有安全的方法都是{{glossary("idempotent", "幂等")}}的，有些不安全的方法如 {{HTTPMethod("PUT")}} 和 {{HTTPMethod("DELETE")}} 则不是。</p> + +<p>就算方法具有只读的语义，服务器也能更改它自己的数据，比如：记录这次请求的日志或者数据分析。安不安全的定义是这个方法需不需要服务器修改数据。客户端不需要服务端修改数据，也就不会给服务端造成不必要的负担。浏览器调用安全的方法不用考虑会给服务端造成什么危害，这样，服务端就能允许客户端预加载资源。网络爬虫也是依赖于安全的 HTTP 方法。</p> + +<p>安全的方法并不意味着只是对服务端的静态文件的请求，服务端可以在请求的时候即时生成资源返回，只要生成资源的脚本保证是安全的即可：也就是说生成资源的时候没有额外的影响。就像在一个电商网站添加删除购物车里的物品一样。</p> + +<p>服务端有正确响应安全请求动作的义务，但是像 Apache、nginx 和 IIS，并没有关于此项的强制规定。再次强调，任何应用都不应让 {{HTTPMethod("GET")}} 请求修改服务端的状态（数据）。</p> + +<p>安全的请求，不会改变服务端的状态（数据）：</p> + +<pre>GET /pageX.html HTTP/1.1 +</pre> + +<p>非安全的请求方式，可能会引起服务端状态的改变：</p> + +<pre>POST /pageX.html HTTP/1.1 </pre> + +<p>一个幂等（idempotent）但是不安全的方法：</p> + +<pre>DELETE /idX/delete HTTP/1.1</pre> + +<h2 id="更多">更多</h2> + +<h3 id="一般了解">一般了解</h3> + +<ul> + <li>HTTP规范中的 <a href="https://tools.ietf.org/html/rfc7231#section-4.2.1">安全</a> 定义。</li> +</ul> + +<h3 id="技术规范">技术规范</h3> + +<ul> + <li>安全方法的详细解释: {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("OPTIONS")}}</li> + <li>非安全方法的详细解释: {{HTTPMethod("PUT")}}, {{HTTPMethod("DELETE")}}, {{HTTPMethod("POST")}}</li> +</ul> diff --git a/files/zh-cn/glossary/same-origin_policy/index.html b/files/zh-cn/glossary/same-origin_policy/index.html new file mode 100644 index 0000000000..1ca230949a --- /dev/null +++ b/files/zh-cn/glossary/same-origin_policy/index.html @@ -0,0 +1,6 @@ +--- +title: Same-origin policy +slug: Glossary/Same-origin_policy +translation_of: Glossary/Same-origin_policy +--- +<p>同源策略是一种重要的安全机制，用来限制来自某个域的文档或脚本与另一个域的资源的交互行为，能够隔离潜在的恶意文件，减少受攻击的可能性。</p> diff --git a/files/zh-cn/glossary/scope/index.html b/files/zh-cn/glossary/scope/index.html new file mode 100644 index 0000000000..25ba7c7ee5 --- /dev/null +++ b/files/zh-cn/glossary/scope/index.html @@ -0,0 +1,55 @@ +--- +title: Scope（作用域） +slug: Glossary/Scope +tags: + - CodingScripting + - Glossary + - scope +translation_of: Glossary/Scope +--- +<p>当前的执行上下文。{{glossary("value","值")}}和<strong>表达式</strong>在其中 "可见" 或可被访问到的上下文。如果一个<strong>{{glossary("variable","变量")}}</strong>或者其他表达式不 "在当前的作用域中"，那么它就是不可用的。 作用域也可以根据代码层次分层，以便子作用域可以访问父作用域，通常是指沿着链式的作用域链查找，而不能从父作用域引用子作用域中的变量和引用。</p> + +<p>当然，一个 {{glossary("function","Function")}} 将生成一个闭包（通常是返回一个函数引用），这个函数引用从外部作用域（在当前环境下）可以访问闭包内部的作用域。例如，下面的代码是无效的，并不是闭包的形式）：</p> + +<pre class="brush: js notranslate">function exampleFunction() { + var x = "declared inside function"; // x只能在 exampleFunction 函数中使用 + console.log("Inside function"); + console.log(x); +} + +console.log(x); // 引发error</pre> + +<p>但是，由于变量在函数外被声明为全局变量，因此下面的代码是有效的（当前作用域不存在的变量和引用，就沿着作用域链继续寻找）：</p> + +<pre class="brush: js notranslate">var x = "declared outside function"; + +exampleFunction(); + +function exampleFunction() { + console.log("Inside function"); + console.log(x); +} + +console.log("Outside function"); +console.log(x);</pre> + +<p>英文原文中，只提到了闭包的简单特例，也就是父作用域引用子作用域的变量或者引用。这儿做一个补充，当一个函数（foo）执行返回一个内部函数（bar）引用时，bar 将会保存 foo 的作用域引用。例如：</p> + +<pre class="brush: js notranslate">function foo() { + const str = "bar in foo"; + return function bar() { + return str; + } +} + +var fun = foo(); +fun(); // "bar in foo" +</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>Wikipedia 上的 {{Interwiki("wikipedia", "Scope (computer science)")}}</li> +</ul> diff --git a/files/zh-cn/glossary/sdp/index.html b/files/zh-cn/glossary/sdp/index.html new file mode 100644 index 0000000000..42611e00f2 --- /dev/null +++ b/files/zh-cn/glossary/sdp/index.html @@ -0,0 +1,32 @@ +--- +title: SDP +slug: Glossary/SDP +translation_of: Glossary/SDP +--- +<p><strong>SDP </strong>(Session Description {{glossary("Protocol")}}) 是一个描述{{Glossary("P2P","peer-to-peer")}} 连接的标准. SDP包含音视频的:编解码({{Glossary("codec")}}),源地址,和时间信息.</p> + +<p>下面是一个典型的SDP信息示例:</p> + +<pre> v=0 + o=alice 2890844526 2890844526 IN IP4 host.anywhere.com + s= + c=IN IP4 host.anywhere.com + t=0 0 + m=audio 49170 RTP/AVP 0 + a=rtpmap:0 PCMU/8000 + m=video 51372 RTP/AVP 31 + a=rtpmap:31 H261/90000 + m=video 53000 RTP/AVP 32 + a=rtpmap:32 MPV/90000</pre> + +<p><br> + SDP协议从不会被单独使用,而是依靠 {{Glossary("RTP")}} 和{{Glossary("RTSP")}}等协议.SDP也作为{{Glossary("WebRTC")}}的组件之一,用于描述一个session会话.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li><a href="/en-US/docs/Web/API/WebRTC_API/Architecture/Protocols">WebRTC protocols</a></li> + <li>{{Interwiki("wikipedia", "Session Description Protocol")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/self-executing_anonymous_function/index.html b/files/zh-cn/glossary/self-executing_anonymous_function/index.html new file mode 100644 index 0000000000..b211b41e6e --- /dev/null +++ b/files/zh-cn/glossary/self-executing_anonymous_function/index.html @@ -0,0 +1,8 @@ +--- +title: 自执行匿名函数 +slug: Glossary/Self-Executing_Anonymous_Function +translation_of: Glossary/Self-Executing_Anonymous_Function +--- +<p>一个 {{glossary("JavaScript")}} {{glossary("函数")}} 在定义后立即执行. 也被熟知为 {{glossary("IIFE")}} (立即执行函数表达式)(Immediately Invoked Function Expression).</p> + +<p>请浏览上面 IIFE 解释页链接获取更多信息/.</p> diff --git a/files/zh-cn/glossary/seo/index.html b/files/zh-cn/glossary/seo/index.html new file mode 100644 index 0000000000..546672f6b1 --- /dev/null +++ b/files/zh-cn/glossary/seo/index.html @@ -0,0 +1,38 @@ +--- +title: SEO +slug: Glossary/SEO +translation_of: Glossary/SEO +--- +<p><strong>SEO </strong>(搜索引擎优化) 是一种让网站在搜索引擎结果中更加清晰, 也帮助我们将搜索结果更靠前</p> + +<p>搜索引擎{{Glossary("Crawler", "抓取")}}网页，跟随页面之间的链接，并索引找到的内容。 搜索时，搜索引擎会显示索引内容。 爬行者遵守规则。 如果您在为网站进行搜索引擎优化时密切关注这些规则，则会为网站提供最好的机会，以便在首批结果中显示，增加流量和可能的收入（用于电子商务和广告）。</p> + +<p>搜索引擎为SEO提供了一些指导，但大型搜索引擎将结果排名保持为商业秘密。 SEO结合了官方搜索引擎指南，经验知识和科学论文或专利的理论知识。</p> + +<p>SEO方法分为三大类：</p> + +<dl> + <dt>技术</dt> + <dd>使用语义标记内容{{Glossary("HTML")}}. 浏览网站时，抓取工具应该只找到您要编入索引的内容。</dd> + <dt>撰稿</dt> + <dd>使用访问者的词汇编写内容。 使用文本和图像，以便抓取工具可以理解主题。</dd> + <dt> + <p>声望</p> + + <p>当其他已建立的站点链接到您的站点时，您获得最多流量。</p> + </dt> +</dl> + +<h2 id="想知道更多？">想知道更多？</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "SEO")}} on 维基百科</li> +</ul> + +<h3 id="学习_SEO">学习 SEO</h3> + +<ul> + <li><a href="https://www.google.com/webmasters/">Google Webmaster Central</a></li> +</ul> diff --git a/files/zh-cn/glossary/serialize/index.html b/files/zh-cn/glossary/serialize/index.html new file mode 100644 index 0000000000..d7ffde0a12 --- /dev/null +++ b/files/zh-cn/glossary/serialize/index.html @@ -0,0 +1,22 @@ +--- +title: Serialize +slug: Glossary/Serialize +tags: + - Glossary + - JavaScript + - Serialize +translation_of: Glossary/Serialization +--- +<p>序列化（Serialization ）意味着将 {{Glossary("object", "对象")}} 或某种其他类型的数据结构转换为可存储格式（例如，文件或 {{Glossary("buffer")}}）。</p> + +<p>在 {{Glossary("JavaScript")}} 中，你可以通过调用 {{jsxref("JSON.stringify()")}} {{Glossary("function", "函数")}}将某个值序列化为 {{Glossary("JSON")}} 格式的 {{Glossary("string", "字符串")}}。</p> + +<p>{{Glossary("CSS")}} 值可以通过调用 {{domxref("CSSStyleDeclaration.getPropertyValue()")}} 函数来序列化。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/Serialization">Serialization</a> on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/server/index.html b/files/zh-cn/glossary/server/index.html new file mode 100644 index 0000000000..c9ed9b503c --- /dev/null +++ b/files/zh-cn/glossary/server/index.html @@ -0,0 +1,31 @@ +--- +title: 服务器 +slug: Glossary/Server +tags: + - 协议 + - 基础 + - 服务器 + - 术语 + - 网络 +translation_of: Glossary/Server +--- +<p>服务器是为用户（通常称为客户端）提供服务的软件或硬件。硬件而言的服务器是互联网上的共享计算机，通常性能强劲且位于数据中心。软件而言的服务器（一般是运行在硬件服务器上）是一种向客户端程序或向{{glossary("UI","用户界面")}}提供服务的程序。</p> + +<p>我们一般在局域网或广域网（如互联网）提供服务。传统上，客户端程序和服务器程序通过 {{glossary("API")}} 传递信息进行连接，这种信息使用{{glossary("Protocol","协议")}}编码。</p> + +<p>举个例子：</p> + +<ul> + <li>连接到互联网的 Web 服务器向你的浏览器发送一个 {{glossary("HTML")}} 文件，这样你就可以浏览页面。</li> + <li>用于文件、域名、邮件、打印机和传真机的局域网服务器。</li> + <li>数据中心的小型机、大型机和超算。</li> +</ul> + +<h2 id="了解更多"><strong>了解更多</strong></h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions/What_is_a_web_server">服务器介绍</a></li> + <li>维基百科上的 {{Interwiki("wikipedia", "服务器")}}</li> +</ul> diff --git a/files/zh-cn/glossary/signature/function/index.html b/files/zh-cn/glossary/signature/function/index.html new file mode 100644 index 0000000000..72f2986f2f --- /dev/null +++ b/files/zh-cn/glossary/signature/function/index.html @@ -0,0 +1,58 @@ +--- +title: Signature (functions)（函数签名） +slug: Glossary/Signature/Function +tags: + - CodingScripting + - Glossary + - Java + - JavaScript + - 函数签名 +translation_of: Glossary/Signature/Function +--- +<p>一个<strong>函数签名 (</strong>或<em>类型</em>签名，或<em>方法</em>签名<strong>) </strong>定义了 {{Glossary("Function", "函数")}} 或 {{Glossary("Method", "方法")}} 的输入与输出。</p> + +<p>一个签名可以包括：</p> + +<ul> + <li>{{Glossary("Parameter", "参数")}} 及参数的 {{Glossary("Type", "类型")}}</li> + <li>一个返回值及其类型</li> + <li>可能会抛出或传回的 {{Glossary("Exception", "异常")}}</li> + <li>有关 {{Glossary("OOP", "面向对象")}} 程序中方法可用性的信息 (例如关键字 <code>public</code>、<code>static</code> 或 <code>prototype)</code>。</li> +</ul> + +<h2 id="深入">深入</h2> + +<h3 id="JavaScript_中的签名">JavaScript 中的签名</h3> + +<p>{{Glossary("JavaScript")}} 是一种<em>松散类型 </em>或 <em>动态</em>语言。这意味着您不必提前声明变量的类型。处理程序时，将自动确定类型。JavaScript 中的签名仍然可以为您提供有关该方法的一些信息:</p> + +<pre class="brush: js notranslate">MyObject.prototype.myFunction(value)</pre> + +<ul> + <li>该方法是安装在一个名为 <code>MyObject</code> 的 {{Glossary("object", "对象")}}上。</li> + <li>该方法安装在 <code>MyObject</code> 的原型上 (因此它是一个{{Glossary("instance method", "实例方法")}})，而不是一个 {{Glossary("static method", "静态方法/类方法")}} 。</li> + <li>该方法的名称是 <code>myFunction</code>。</li> + <li>该方法接受一个叫 <code>value</code> 的参数, 且没有进一步定义。</li> +</ul> + +<h3 id="Java_中的签名">Java 中的签名</h3> + +<p>在 {{Glossary("Java")}} 中，签名用于识别虚拟机代码级别的方法和类。你必须在代码中声明变量的类型才能运行 Java 代码。 Java 是<em>严格类型 </em>的，将在编译时检查所有参数是否正确。</p> + +<pre class="brush: java notranslate">public static void main(String[] args)</pre> + +<ul> + <li><code>public</code> 关键字是一个访问修饰符，指示任何对象都可以调用此方法。</li> + <li><code>static</code> 关键字指示此方法是一个类方法，而不是一个实例方法。</li> + <li><code>void</code> 关键字表指示此方法没有返回值。</li> + <li>该方法的名称为 <code>main</code>。</li> + <li>该方法接受一个类型为 String Array 的参数。它的名是 <code>args</code>。</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识"><code>基本知识</code></h3> + +<ul> + <li><span>{{Interwiki("wikipedia", "Type signature#Java", "</span>Java内部类型签名<span>")}} </span>在维基百科上</li> +</ul> diff --git a/files/zh-cn/glossary/signature/index.html b/files/zh-cn/glossary/signature/index.html new file mode 100644 index 0000000000..b9b7ca741f --- /dev/null +++ b/files/zh-cn/glossary/signature/index.html @@ -0,0 +1,17 @@ +--- +title: 签名 +slug: Glossary/Signature +tags: + - Disambiguation + - Glossary +translation_of: Glossary/Signature +--- +<p>根据上下文，术语 <strong>签名 </strong>可以有几个含义。可以参考：</p> + +<p>{{GlossaryDisambiguation}}</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{Interwiki("wikipedia", "Signature_(disambiguation)", "Signature")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/signature/security/index.html b/files/zh-cn/glossary/signature/security/index.html new file mode 100644 index 0000000000..e2bd2e392d --- /dev/null +++ b/files/zh-cn/glossary/signature/security/index.html @@ -0,0 +1,37 @@ +--- +title: 签名（安全） +slug: Glossary/Signature/Security +tags: + - Cryptography + - Glossary + - Privacy + - Security +translation_of: Glossary/Signature/Security +--- +<p><strong>签名</strong>或<em>数字签名</em>是 {{glossary("protocol","协议")}}，表明消息是真实的。</p> + +<p>从给定消息的{{glossary("hash")}}，<strong>签名过程</strong>首先使用实体的私有{{glossary("key")}}生成链接到签名实体的数字签名。</p> + +<p>收到消息后的<strong>验证过程</strong></p> + +<ul> + <li><em>验证发件人</em><em> - </em>使用发件人的公钥来{{glossary("decryption","解码")}}签名并恢复只能用发件人的私钥创建的哈希</li> + <li><em>检查消息完整性 - </em>将哈希与接收到的文档中新计算的哈希进行比较（如果文档被篡改，两个哈希将不同）</li> +</ul> + +<p>如果私钥被泄密或收件人被欺骗地给出错误的公钥，系统就会失败。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Digital signature")}} on Wikipedia</li> + <li>See {{glossary("digest")}}, {{glossary("encryption")}}</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/Security/Information_Security_Basics">信息安全基础</a></li> +</ul> diff --git a/files/zh-cn/glossary/simple_response_header/index.html b/files/zh-cn/glossary/simple_response_header/index.html new file mode 100644 index 0000000000..b916ab3c45 --- /dev/null +++ b/files/zh-cn/glossary/simple_response_header/index.html @@ -0,0 +1,39 @@ +--- +title: Simple response header +slug: Glossary/Simple_response_header +tags: + - Simple response header +translation_of: Glossary/Simple_response_header +--- +<p>一个简单的响应头（或CORS安全列表的响应头）是一个 <a href="/en-US/docs/Web/HTTP/Headers">HTTP 头 </a>，它是以下之一：</p> + +<ul> + <li>{{HTTPHeader("Cache-Control")}}</li> + <li>{{HTTPHeader("Content-Language")}}</li> + <li>{{HTTPHeader("Content-Type")}}</li> + <li>{{HTTPHeader("Expires")}}</li> + <li>{{HTTPHeader("Last-Modified")}}</li> + <li>{{HTTPHeader("Pragma")}}</li> +</ul> + +<p>These headers will not be filtered when the response is filtered by CORS, they are considered as <em>safe</em> (as the headers listed in {{HTTPHeader("Access-Control-Expose-Headers")}}.</p> + +<h2 id="Examples">Examples</h2> + +<h3 id="Extending_the_safelist">Extending the safelist</h3> + +<p>You can extend the list of CORS-safelisted response headers by using the {{HTTPHeader("Access-Control-Expose-Headers")}} header:</p> + +<pre>Access-Control-Expose-Headers: X-Custom-Header, Content-Length</pre> + +<h2 id="Learn_more">Learn more</h2> + +<ul> + <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/en-US/docs/Web/HTTP/Headers">HTTP headers</a></li> + <li>{{HTTPHeader("Access-Control-Expose-Headers")}}</li> + <li>{{Glossary("CORS")}}</li> + <li>{{Glossary("Simple header")}}</li> + <li>{{Glossary("Forbidden header name")}}</li> + <li>{{Glossary("Request header")}}</li> +</ul> diff --git a/files/zh-cn/glossary/smtp/index.html b/files/zh-cn/glossary/smtp/index.html new file mode 100644 index 0000000000..1bc6829af1 --- /dev/null +++ b/files/zh-cn/glossary/smtp/index.html @@ -0,0 +1,27 @@ +--- +title: SMTP +slug: Glossary/SMTP +translation_of: Glossary/SMTP +--- +<p><strong>SMTP</strong>（Simple Mail Transfer Protocol，简单邮件传输协议） 是用于发送的邮件的<a href="/zh-CN/docs/Glossary/Protocol">协议</a>。类似于<a href="/en-US/docs/Glossary/POP">POP3</a>和<a href="/en-US/docs/Glossary/NNTP">NNTP</a>，它是一个<a href="/zh-CN/docs/Glossary/State_machine">状态机</a>驱动的协议</p> + +<p>该协议相对简单。最复杂的部分在于添加支持不同的验证机制（<a class="external" href="http://en.wikipedia.org/wiki/Generic_Security_Services_Application_Program_Interface"><abbr title="Generic Security Services Application Program Interface">GSSAPI</abbr></a>， <a class="external" href="http://en.wikipedia.org/wiki/CRAM-MD5"><abbr title="challenge-response authentication mechanism">CRAM-MD5</abbr></a>，<a class="external" href="http://en.wikipedia.org/wiki/NTLM"><abbr title="NT LAN Manager">NTLM</abbr></a>，MSN，AUTH LOGIN，AUTH PLAIN等），处理错误响应以及在验证机制错误时进行状态回退（如服务器声明其支持某种机制但其实并不）。 </p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="/zh-CN/docs/Glossary">术语表</a> + + <ol> + <li><a href="/en-US/docs/Glossary/NNTP">NNTP</a></li> + <li><a href="/en-US/docs/Glossary/POP">POP3</a></li> + <li><a href="/zh-CN/docs/Glossary/Protocol">协议</a></li> + <li><a href="/zh-CN/docs/Glossary/State_machine">状态机</a></li> + </ol> + </li> + <li>维基百科 + <ol> + <li>{{Interwiki("wikipedia", "SMTP")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/sql/index.html b/files/zh-cn/glossary/sql/index.html new file mode 100644 index 0000000000..e84ca628c8 --- /dev/null +++ b/files/zh-cn/glossary/sql/index.html @@ -0,0 +1,24 @@ +--- +title: SQL +slug: Glossary/SQL +tags: + - Sql + - 数据库 +translation_of: Glossary/SQL +--- +<p><strong>SQL（结构化查询语言）</strong>是一个被设计用于基于表格的数据库进行更新、检索、计算数据等操作的描述性的计算机语言。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科中的 {{Interwiki("wikipedia", "SQL")}}</li> +</ul> + +<h3 id="了解SQL">了解SQL</h3> + +<ul> + <li><a href="http://sqlzoo.net/wiki/SQL_Tutorial">在 sqlzoo.net 学习 SQL</a></li> + <li><a href="http://www.tutorialspoint.com/sql/">Tutorial Point</a></li> +</ul> diff --git a/files/zh-cn/glossary/statement/index.html b/files/zh-cn/glossary/statement/index.html new file mode 100644 index 0000000000..7e13a62a98 --- /dev/null +++ b/files/zh-cn/glossary/statement/index.html @@ -0,0 +1,23 @@ +--- +title: Statement +slug: Glossary/Statement +translation_of: Glossary/Statement +--- +<p>在计算机编程语言中，<strong>语句</strong> 是一行任务指令的代码。每个程序都包含若干语句。</p> + +<h2 id="更多" style="line-height: 30px; font-size: 2.14285714285714rem;">更多</h2> + +<h3 id="一般知识">一般知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Statement (computer science)")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements">JavaScript statements and declarations</a></li> +</ul> + +<ul> +</ul> diff --git a/files/zh-cn/glossary/strict_mode/index.html b/files/zh-cn/glossary/strict_mode/index.html new file mode 100644 index 0000000000..625acc4b8c --- /dev/null +++ b/files/zh-cn/glossary/strict_mode/index.html @@ -0,0 +1,19 @@ +--- +title: Strict mode（严格模式） +slug: Glossary/strict_mode +tags: + - JavaScript + - 参考 + - 术语 +translation_of: Glossary/strict_mode +--- +<p>JavaScript 的<strong>严格模式</strong>是使用受限制的 JavaScript 的一种方式，从而隐式地退出“<a href="/zh-CN/docs/Glossary/Sloppy_mode">草率模式</a>”。严格模式不仅仅是一个子集：这种模式有意地与普通情形下的代码有所区别。</p> + +<p>通过在脚本文件/函数开头添加 <code>"use strict";</code> 声明，即可启用严格模式。</p> + +<h2 id="另请参见">另请参见</h2> + +<ul> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Strict_mode">严格模式</a></li> + <li><a href="/zh-CN/docs/Web/JavaScript/Reference/Strict_mode/Transitioning_to_strict_mode">过渡到严格模式</a></li> +</ul> diff --git a/files/zh-cn/glossary/string/index.html b/files/zh-cn/glossary/string/index.html new file mode 100644 index 0000000000..924376fd35 --- /dev/null +++ b/files/zh-cn/glossary/string/index.html @@ -0,0 +1,17 @@ +--- +title: String +slug: Glossary/String +translation_of: Glossary/String +--- +<p>在任何计算机编程语言中，字符串都是用于表示文本的\{\{Glossary（“ character”，“ characters”）}}序列。</p> + +<p>在\{\{Glossary（“ JavaScript”）}}中，字符串是\{\{Glossary（“ Primitive”，“ primitive values”）}}的其中一个，而\{\{jsxref（“ String”）}}是\{\{Glossary（ “ wrapper”）}}围绕字符串的基本形式。</p> + +<h2 id="学到更多">学到更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科上的\{\{Interwiki（“ 维基百科”，“ String（计算机科学）”）}}</li> + <li><a href="/en-US/docs/Web/JavaScript/Data_structures#String_type">JavaScript数据类型和数据结构</a></li> +</ul> diff --git a/files/zh-cn/glossary/stun/index.html b/files/zh-cn/glossary/stun/index.html new file mode 100644 index 0000000000..3376c9d1b9 --- /dev/null +++ b/files/zh-cn/glossary/stun/index.html @@ -0,0 +1,27 @@ +--- +title: STUN +slug: Glossary/STUN +tags: + - STUN + - WebRTC + - 基础知识 + - 术语 + - 网络运作 +translation_of: Glossary/STUN +--- +<p><strong>STUN </strong>(NAT会话穿越工具)是一个{{glossary("NAT")}} (网络地址转换器)传递数据的辅助协议。STUN会返回一台位于NAT背后的已接入网络的主机的{{glossary("IP address")}}(IP地址)、{{glossary("port")}}(端口号)和连通状态。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="通用知识">通用知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "STUN")}} 在 维基百科</li> + <li><a href="/en-US/docs/Web/API/WebRTC_API/Architecture/Protocols">WebRTC 协议</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://tools.ietf.org/html/rfc5389">详细说明书</a></li> +</ul> diff --git a/files/zh-cn/glossary/svg/index.html b/files/zh-cn/glossary/svg/index.html new file mode 100644 index 0000000000..b57f8c468e --- /dev/null +++ b/files/zh-cn/glossary/svg/index.html @@ -0,0 +1,40 @@ +--- +title: SVG +slug: Glossary/SVG +tags: + - SVG + - 初学者 + - 图像 + - 术语 +translation_of: Glossary/SVG +--- +<p>可缩放矢量图形 (<strong>SVG</strong>) 是一个基于 {{Glossary("XML")}} 语法的 2D 矢量图形格式。</p> + +<p>{{Glossary("W3C")}} 于20世纪90年代末开始着手 SVG 的工作，但是当 {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9 推出 SVG 支持时，SVG 才变得流行起来。现在所有主流 {{Glossary("browser","browsers")}} 都支持 SVG。</p> + +<p>基于 {{Glossary("XML")}} 语法，您可以使用 {{Glossary("CSS")}} 指定 SVG 的样式，并使用 {{Glossary("JavaScript")}} 进行交互。 HTML5 现在允许将 SVG {{Glossary("Tag","tags")}} 直接嵌入到 {{Glossary("HTML")}} 文档中。</p> + +<p>作为一种<a href="https://en.wikipedia.org/wiki/Vector_graphics">矢量图像格式</a>，SVG 图形可以无限地扩展，这使其在 {{Glossary("responsive design")}} 中非常有用，因为您可以创建可缩放到任意屏幕大小的界面元素和图形。SVG 还提供了一组有用的工具，例如裁剪，遮罩，过滤器和动画。</p> + +<p> </p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "SVG")}}</li> +</ul> + +<h3 id="学习_SVG">学习 SVG</h3> + +<ul> + <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org's SVG Primer</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li><a href="/en-US/docs/Web/SVG">SVG documentation on MDN</a></li> + <li><a href="http://www.w3.org/TR/SVG/" rel="external">Latest SVG specification</a></li> +</ul> diff --git a/files/zh-cn/glossary/svn/index.html b/files/zh-cn/glossary/svn/index.html new file mode 100644 index 0000000000..c25eda71d6 --- /dev/null +++ b/files/zh-cn/glossary/svn/index.html @@ -0,0 +1,21 @@ +--- +title: SVN +slug: Glossary/SVN +translation_of: Glossary/SVN +--- +<p>Apache Subversion (<strong>SVN</strong>) 是一个开源免费的源代码控制管理（{{Glossary("SCM")}}）系统。它允许开发者们保留文本和代码修改历史。虽然SVN可以操作二进制文件，但是我们不推荐这些文件使用SVN。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "SVN")}}</li> + <li><a href="https://subversion.apache.org/">官方网站</a></li> +</ul> + +<h3 id="学习">学习</h3> + +<ul> + <li><a href="/zh-CN/docs/Mozilla/Localization/SVN_guide_for_localizers">在MDN上的SVN使用教程</a></li> +</ul> diff --git a/files/zh-cn/glossary/symbol/index.html b/files/zh-cn/glossary/symbol/index.html new file mode 100644 index 0000000000..aa1615159e --- /dev/null +++ b/files/zh-cn/glossary/symbol/index.html @@ -0,0 +1,60 @@ +--- +title: Symbol +slug: Glossary/Symbol +tags: + - JavaScript + - Symbol +translation_of: Glossary/Symbol +--- +<p>这个技术术语页面同时描述了一种称为 “<strong>symbol</strong>” 的数据类型，可以通过调用函数 “{{jsxref("Symbol")}}<code>()</code>”，用来创建 <strong>symbol</strong> 数据类型实例。</p> + +<p>数据类型 “<strong>symbol</strong>” 是一种基本数据类型，该类型的性质在于这个类型的值可以用来创建匿名的对象属性。该数据类型通常被用作一个对象属性的键值——当你想让它是私有的时候。例如，<strong>symbol </strong>类型的键存在于各种内置的 JavaScript 对象中。同样，自定义类也可以这样创建私有成员。<strong>symbol </strong>数据类型具有非常明确的目的，并且因为其功能性单一的优点而突出；一个 <strong>symbol </strong>实例可以被赋值到一个左值变量，还可以通过标识符检查类型，这就是它的全部特性。不能对该类型实例使用其他操作符（将“<strong>Symbol</strong>”类型的实例与 “<strong>Number</strong>” 类型的实例对比，例如整数 42，该实例就具有将值与其他类型的值进行比较或组合的运算符）。</p> + +<p>一个具有数据类型 “<strong>symbol</strong>” 的值可以被称为 “符号类型值”。在 JavaScript 运行时环境中，一个符号类型值可以通过调用函数 <code>Symbol()</code> 创建，这个函数动态地生成了一个匿名，唯一的值。Symbol类型唯一合理的用法是用变量存储 symbol的值，然后使用存储的值创建对象属性。以下示例使用"<code>var</code>"创建一个变量来保存 symbol。</p> + +<pre class="brush: js notranslate">var myPrivateMethod = Symbol(); +this[myPrivateMethod] = function() {...};</pre> + +<p>当一个 symbol 类型的值在属性赋值语句中被用作标识符，该属性（像这个 symbol 一样）是匿名的；并且是不可枚举的。因为这个属性是不可枚举的，它不会在循环结构 “<code>for( ... in ...)</code>” 中作为成员出现，也因为这个属性是匿名的，它同样不会出现在 “<code>Object.getOwnPropertyNames()</code>” 的返回数组里。这个属性可以通过创建时的原始 symbol 值访问到，或者通过遍历 “<code>Object.getOwnPropertySymbols()</code>” 返回的数组。在之前的代码示例中，通过保存在变量 <code>myPrivateMethod</code>的值可以访问到对象属性。</p> + +<p>内置函数 “{{jsxref("Symbol")}}<code>()</code>” 是一个不完整的类，当作为函数调用时会返回一个 symbol 值，试图通过语法 “<code>new Symbol()</code>” 作为构造函数调用时会抛出一个错误。它有一些静态方法来访问 JavaScript 全局 symbol 表，还有一些静态属性用来保存已存在通用对象里的特定 symbol 地址。通过 <code>Symbol()</code> 函数创建 symbol 值已在上面解释过。理解试图将 <code>Symbol()</code>作为构造函数使用会抛出错误可以提前预防意外（当作构造函数使用）创建对象导致的混乱。访问全局 symbol 注册表的方法是 <code>Symbol.for()</code>和 <code>Symbol.keyFor()</code>；它们斡旋在全局 symbol 表（或注册表）与运行时环境之间。symbol 注册表通常构建在 JavaScript 编译器基础设施，所以 symbol 注册表的内容不会出现 JavaScript 运行时环境，除了通过它们的反射方法。<em><code>Symbol.for("tokenString")</code></em> 方法从注册表返回一个 symbol 值，<em><code>Symbol.keyFor(symbolValue)</code></em> 方法从注册表返回 token 字符串；正好相反，所以下面为 true：</p> + +<pre class="brush: js notranslate">Symbol.keyFor(Symbol.for("tokenString"))=="tokenString"; // true +</pre> + +<p><strong>Symbol </strong>类具有一些静态属性，对于匿名命名来说，这带有一点讽刺意味。这类属性只有几个; 它们是所谓的“众所周知”的 symbol。 它们是在某些内置对象中找到的某些特定方法属性的 symbol。 暴露出这些 symbol 使得可以直接访问这些行为；这样的访问可能是有用的，例如在定义自定义类的时候。 普遍的 symbol 的例子有：“<code>Symbol.iterator</code>”用于类似数组的对象，“<code>Symbol.search</code>”用于字符串对象。</p> + +<p><code>Symbol()</code>函数及其创建的 symbol 值可能对设计自定义类的编程人员有用。 symbol 值提供了一种自定义类可以创建私有成员的方式，并维护一个仅适用于该类的 symbol 注册表。 自定义类可以使用 symbol 值来创建“自有”属性，这些属性避免了不必要的被偶然发现带来的影响。 在类定义中，动态创建的 symbol 值将保存到作用域变量中，该变量只能在类定义中私有地使用。 没有 token 字符串; 作用域变量起到 token 的等同作用。</p> + +<p>Symbol 是 {{Glossary("JavaScript")}} 的 {{Glossary("Primitive", "原始数据类型")}} ，Symbol实例是唯一且不可改变的. </p> + +<p>在一些编程语言中 symbol也被称为原子(atoms).</p> + +<p>在{{Glossary("JavaScript")}}中，Symbol 是 {{Glossary("Primitive", "基本数据类型")}} 的一种，{{jsxref("Symbol")}} 对象是 Symbol原始值的{{Glossary("Wrapper", "封装")}} 。</p> + +<p>Symbol 的描述是可选的，但仅用于调试目的。</p> + +<p>Symbol 类型是 ECMAScript 2015 中新添加的特性，在ECMAScript 5中没有对应的类型。</p> + +<pre class="brush: js notranslate">Symbol("foo") !== Symbol("foo") +const foo = Symbol() +const bar = Symbol() +typeof foo === "symbol" +typeof bar === "symbol" +let obj = {} +obj[foo] = "foo" +obj[bar] = "bar" +JSON.stringify(obj) // {} +Object.keys(obj) // [] +Object.getOwnPropertyNames(obj) // [] +Object.getOwnPropertySymbols(obj) // [ foo, bar ]</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Symbol (programming)")}} on Wikipedia</li> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types and data structures</a></li> + <li><a href="http://2ality.com/2014/12/es6-symbols.html">Symbols in ECMAScript 6</a></li> +</ul> diff --git a/files/zh-cn/glossary/synchronous/index.html b/files/zh-cn/glossary/synchronous/index.html new file mode 100644 index 0000000000..e5e1c37af7 --- /dev/null +++ b/files/zh-cn/glossary/synchronous/index.html @@ -0,0 +1,22 @@ +--- +title: Synchronous（同步） +slug: Glossary/Synchronous +tags: + - Web + - 术语 +translation_of: Glossary/Synchronous +--- +<p>各方都实时（或者尽可能实时）地收取（而且必要的话也处理或者回复）信息的即时沟通方式，即为<strong>同步</strong>。</p> + +<p>电话即为一个日常的例子：人们都倾向于在使用电话时即时地作出回应。</p> + +<p>许多程序指令也是实时的：例如当输入一个算式时，除非编程人员有意为止，否则环境都会<strong>立即</strong>将结果反馈回来。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>{{glossary("Asynchronous")}}</li> + <li>使用了 <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest">XMLHttpRequest()</a> {{glossary("API")}} 的<a href="/zh-CN/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests">同步和异步请求</a></li> +</ul> diff --git a/files/zh-cn/glossary/syntax_error/index.html b/files/zh-cn/glossary/syntax_error/index.html new file mode 100644 index 0000000000..37d151c01b --- /dev/null +++ b/files/zh-cn/glossary/syntax_error/index.html @@ -0,0 +1,21 @@ +--- +title: Syntax error(语法错误) +slug: Glossary/Syntax_error +tags: + - CodingScripting + - JavaScript + - 术语 +translation_of: Glossary/Syntax_error +--- +<p>因为使用了未定义或错误的语法（{{Glossary("syntax")}}）而引发的异常（{{Glossary("exception")}}）。语法错误会在编译或者解析源码的过程中被检测出来。</p> + +<p>例如，如果在定义一个 {{Glossary("JavaScript")}} 函数时遗漏了闭合花括号 (<code>}</code>)，则触发了一个语法错误。浏览器的开发者工具会在控制台输出 {{Glossary("JavaScript")}} 和 {{Glossary("CSS")}} 语法错误。</p> + +<h2 id="更多">更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "语法错误")}} - 维基百科</li> + <li>{{jsxref("SyntaxError")}} - JavaScript 对象</li> +</ul> diff --git a/files/zh-cn/glossary/tag/index.html b/files/zh-cn/glossary/tag/index.html new file mode 100644 index 0000000000..8d61a36bc9 --- /dev/null +++ b/files/zh-cn/glossary/tag/index.html @@ -0,0 +1,41 @@ +--- +title: Tag +slug: Glossary/Tag +translation_of: Glossary/Tag +--- +<p>在 {{Glossary("HTML")}} 中，tag用来创建一个 {{Glossary("element")}}。HTML 元素的<strong>名称</strong>是在尖括号中使用的名称，例如 <p> 用于段落（ paragraph ）。注意，结束标记的名称前面有一个斜杠字符"</p>"。在空元素中，结束标记既不需要也不允许。在任何情况下，如果没有提及 {{Glossary("Attribute", "attributes")}} ，那么将使用默认值。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本信息">基本信息</h3> + +<ul> + <li>维基百科上的{{Interwiki("wikipedia", "HTML element")}} </li> + <li><a href="http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html">HTML Tags on W3 </a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Introduction to HTML</a></li> +</ul> + +<p> + <audio style="display: none;"> </audio> +</p> + +<p> + <audio style="display: none;"> </audio> +</p> + +<p> + <audio style="display: none;"> </audio> +</p> + +<p> + <audio style="display: none;"> </audio> +</p> + +<p> + <audio style="display: none;"> </audio> +</p> diff --git a/files/zh-cn/glossary/tcp/index.html b/files/zh-cn/glossary/tcp/index.html new file mode 100644 index 0000000000..18bcb36a7c --- /dev/null +++ b/files/zh-cn/glossary/tcp/index.html @@ -0,0 +1,18 @@ +--- +title: TCP +slug: Glossary/TCP +tags: + - TCP + - 传输控制协议 + - 基础设施 + - 数据 + - 网络 + - 词汇表 +translation_of: Glossary/TCP +--- +<h3 id="摘要"><strong>摘要</strong></h3> +<p>传输控制协议(TCP)是主要的网络协议之一。它使两台主机能够建立连接并交换数据流。TCP 能保证数据的交付，维持数据包的发送顺序。TCP 在1970年代被两位 DARPA 的科学家 Vint Cerf 和 Bob Kahn 所设计出来，他们当时被称为互联网之父。</p> +<h3 id="深入"><strong>深入</strong></h3> +<p>TCP 是互联网的基本通信语言协议。它会校验包的交付。TCP 被用于 Web 浏览器连接到互联网时以及从一个地址向另一个地址发送文件传递电子邮件。TCP 确保数据传输的可靠性，并且保证每一个字节在接收时维持它们的发送顺序。操作系统通过一个编程接口来管理TCP。TCP 使用三次握手来建立一个连接和四次握手来中断一个连接。</p> +<h3 id="了解更多"><strong>了解更多</strong></h3> +<p><a href="http://en.wikipedia.org/wiki/Transmission_Control_Protocol">维基百科上关于TCP的介绍</a></p> diff --git a/files/zh-cn/glossary/tcp_slow_start/index.html b/files/zh-cn/glossary/tcp_slow_start/index.html new file mode 100644 index 0000000000..d6aa522d99 --- /dev/null +++ b/files/zh-cn/glossary/tcp_slow_start/index.html @@ -0,0 +1,19 @@ +--- +title: TCP slow start +slug: Glossary/TCP_slow_start +translation_of: Glossary/TCP_slow_start +--- +<p>{{glossary('TCP')}} slow start helps buildup transmission speeds to the network's capabilities. It does this without initially knowing what those capabilities are and without creating congestion. {{glossary('TCP')}} slow start is an algorithm used to detect the available bandwidth for packet transmission, and balances the speed of a network connection. It prevents the appearance of network congestion whose capabilities are initially unknown, and slowly increases the volume of information diffused until the network's maximum capacity is found.</p> + +<p>To implement TCP slow start, the congestion window (<em>cwnd</em>) sets an upper limit on the amount of data a source can transmit over the network before receiving an acknowledgment (ACK). The slow start threshold (<em>ssthresh</em>) determines the (de)activation of slow start. When a new connection is made, cwnd is initialized to one TCP data or acknowledgment packet, and waits for an acknowledgement, or ACK. When that ACK is received, the congestion window is incremented until the <em>cwnd</em> is less than <em>ssthresh</em>. Slow start also terminates when congestion is experienced.</p> + +<h2 id="拥塞控制">拥塞控制</h2> + +<p>拥塞本身是发生在网络层的一种状态，当消息流量太忙，它减慢了网络响应时间。 服务器以TCP包发送数据，用户的客户端然后通过返回acknoledgements或ack来确认传输。根据硬件和网络条件，连接的容量是有限的。<span style="font-weight: 400;"> </span>如果服务器发送太多的数据包太快，它们将被丢弃。 意味着，不会有任何确认。<span style="font-weight: 400;"> </span>服务器将其注册为丢失ACKs。拥塞控制算法使用发送的数据包和ack流来确定发送速率。</p> + +<h2 id="参阅">参阅</h2> + +<ul> + <li><a href="/en-US/docs/Web/Performance/Populating_the_page:_how_browsers_work">Populating the page: how browsers work</a></li> + <li><a href="/en-US/docs/Web/HTTP/Overview">http overview</a></li> +</ul> diff --git a/files/zh-cn/glossary/three_js/index.html b/files/zh-cn/glossary/three_js/index.html new file mode 100644 index 0000000000..c1a31dcf9b --- /dev/null +++ b/files/zh-cn/glossary/three_js/index.html @@ -0,0 +1,21 @@ +--- +title: Three js +slug: Glossary/Three_js +tags: + - 3D + - JavaScript + - WebGL + - three.js + - 引擎 +translation_of: Glossary/Three_js +--- +<p>three.js，一{{Glossary("WebGL")}}引擎，基于{{Glossary("JavaScript")}}，可直接运行GPU驱动游戏与图形驱动应用于{{Glossary("browser", "浏览器")}}。其库提供大量特性与{{Glossary("API")}}以绘制3D场景于浏览器。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="小常识">小常识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Three.js")}}维基词条</li> + <li><a href="http://threejs.org/">three.js官网</a></li> +</ul> diff --git a/files/zh-cn/glossary/tls/index.html b/files/zh-cn/glossary/tls/index.html new file mode 100644 index 0000000000..677c5ebfd6 --- /dev/null +++ b/files/zh-cn/glossary/tls/index.html @@ -0,0 +1,22 @@ +--- +title: TLS +slug: Glossary/TLS +translation_of: Glossary/TLS +--- +<p id="Summary">传输层安全性协议 (Transport Layer Security，缩写作TLS)，它的前身是安全套接层(Secure Sockets Layer，缩写作SSL)，是一个被应用程序用来在网络中安全通信的 {{Glossary("protocol")}} （通讯协议），防止电子邮件、网页、消息以及其他协议被篡改或是窃听。</p> + +<p>所有现代浏览器都支持TLS协议, 它们都要求服务器提供一个有效的{{Glossary("Digital certificate", "digital certificate")}}（数字证书） 来确认身份以建立安全连接。如果客户端和服务器都能提供自己的数字证书，则它们可以互相认证。</p> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li><a href="/en-US/docs/Web/Security/Transport_Layer_Security">传输层安全性协议</a></li> + <li><a href="https://www.owasp.org/index.php/Transport_Layer_Protection_Cheat_Sheet" rel="external">OWASP: 传输层保护备忘单</a></li> + <li>维基百科上的{{Interwiki("wikipedia", "Transport Layer Security")}} </li> +</ul> + +<h3 id="协议规范">协议规范</h3> + +<ul> + <li><a href="https://tools.ietf.org/html/rfc5246" rel="external">RFC 5246</a> (传输层安全性协议， 版本：1.2)</li> +</ul> diff --git a/files/zh-cn/glossary/tree_shaking/index.html b/files/zh-cn/glossary/tree_shaking/index.html new file mode 100644 index 0000000000..24e8003e5e --- /dev/null +++ b/files/zh-cn/glossary/tree_shaking/index.html @@ -0,0 +1,32 @@ +--- +title: Tree shaking +slug: Glossary/Tree_shaking +tags: + - JavaScript + - Modules + - Statement + - Web Performance + - export + - import + - tree shaking +translation_of: Glossary/Tree_shaking +--- +<p><strong>Tree shaking </strong>是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code) 行为的术语。</p> + +<p>它依赖于ES2015中的 <a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/import">import</a> 和 <a href="/zh-CN/docs/Web/JavaScript/Reference/Statements/export">export</a> 语句，用来检测代码模块是否被导出、导入，且被 JavaScript 文件使用。</p> + +<p>在现代 JavaScript 应用程序中，我们使用模块打包(如<a href="https://webpack.js.org/">webpack</a>或<a href="https://github.com/rollup/rollup">Rollup</a>)将多个 JavaScript 文件打包为单个文件时自动删除未引用的代码。这对于准备预备发布代码的工作非常重要，这样可以使最终文件具有简洁的结构和最小化大小。</p> + +<h2 id="了解更多">了解更多</h2> + +<h4 id="常识">常识</h4> + +<ul> + <li><a href="http://exploringjs.com/es6/ch_modules.html#_benefit-dead-code-elimination-during-bundling">"捆绑过程中死代码消除的好处"</a> 在Axel Rauschmayer的书中:“探索JS:模块”</li> +</ul> + +<h4 id="技术参数资料">技术参数资料</h4> + +<ul> + <li><a href="https://webpack.js.org/guides/tree-shaking/">用webpack实现Tree shaking</a></li> +</ul> diff --git a/files/zh-cn/glossary/truthy/index.html b/files/zh-cn/glossary/truthy/index.html new file mode 100644 index 0000000000..1fc70469bc --- /dev/null +++ b/files/zh-cn/glossary/truthy/index.html @@ -0,0 +1,37 @@ +--- +title: Truthy（真值） +slug: Glossary/Truthy +tags: + - Boolean + - JavaScript + - 布尔值 + - 术语 +translation_of: Glossary/Truthy +--- +<p>在 {{Glossary("JavaScript")}} 中，<strong>truthy</strong>（真值）指的是在{{Glossary("Boolean", "布尔值")}}上下文中，转换后的值为真的值。所有值都是真值，除非它们被定义为 {{Glossary("Falsy", "假值")}}（即除 <code>false</code>、<code>0</code>、<code>""</code>、<code>null</code>、<code>undefined</code> 和 <code>NaN</code> 以外皆为真值）。</p> + +<p>{{Glossary("JavaScript")}} 在布尔值上下文中使用强制类型转换（{{Glossary("Type_Conversion", "coercion")}}）。</p> + +<p>JavaScript 中的真值示例如下（将被转换为 true，<code>if</code> 后的代码段将被执行）：</p> + +<pre class="brush: js">if (true) +if ({}) +if ([]) +if (42) +if ("foo") +if (new Date()) +if (-42) +if (3.14) +if (-3.14) +if (Infinity) +if (-Infinity)</pre> + +<h2 id="另见">另见</h2> + +<ul> + <li>{{Glossary("Falsy", "假值")}}</li> + <li>{{Glossary("Type_Conversion", "Coercion")}}</li> + <li>{{Glossary("Boolean", "布尔值")}}</li> +</ul> + +<div>{{QuickLinksWithSubpages("/zh-CN/docs/Glossary")}}</div> diff --git a/files/zh-cn/glossary/turn/index.html b/files/zh-cn/glossary/turn/index.html new file mode 100644 index 0000000000..057bb3f539 --- /dev/null +++ b/files/zh-cn/glossary/turn/index.html @@ -0,0 +1,31 @@ +--- +title: TURN +slug: Glossary/TURN +tags: + - TURN + - WebRTC + - 基础知识 + - 术语 + - 网络运作 +translation_of: Glossary/TURN +--- +<p><strong>TURN </strong>(NAT的中继穿越)是一个能够让位于{{glossary("NAT", "Network Address Translator")}}(NAT)或者防火墙之后的主机接受和发送数据的{{Glossary('protocol')}}(协议)。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="通用知识">通用知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "TURN")}} 在 Wikipedia</li> + <li><a href="/en-US/docs/Web/API/WebRTC_API/Architecture/Protocols">WebRTC 协议</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="http://www.ietf.org/rfc/rfc5766.txt">详细说明书</a></li> + <li><a href="http://www.ietf.org/rfc/rfc6156.txt">IPv6版 最新详细说明书</a></li> +</ul> + +<ul> +</ul> diff --git a/files/zh-cn/glossary/type/index.html b/files/zh-cn/glossary/type/index.html new file mode 100644 index 0000000000..cd955d368d --- /dev/null +++ b/files/zh-cn/glossary/type/index.html @@ -0,0 +1,21 @@ +--- +title: 类型 +slug: Glossary/Type +tags: + - JavaScript + - 编辑脚本 + - 词汇表 +translation_of: Glossary/Type +--- +<p><strong>类型</strong> (<em>或数据类型</em>) 是决定 {{glossary("value")}} <span class="short_text" id="result_box" lang="zh-CN"><span>可以存为哪个类型的特性</span></span> —例如在 JavaScript 中一个 {{domxref("Boolean")}} 只能存放 <code>true</code>或<code>false</code> , <span class="short_text" id="result_box" lang="zh-CN"><span>而一个</span></span> {{domxref("String")}} 能<span class="short_text" id="result_box" lang="zh-CN"><span>存放任何字符串</span></span> , 一个 {{domxref("Number")}} <span class="short_text" id="result_box" lang="zh-CN"><span>存放任何类型的数字</span></span> , 等等...</p> + +<p><span class="short_text" id="result_box" lang="zh-CN"><span>值的数据类型也影响哪个操作对该值有效</span></span> . 例如, <span class="short_text" id="result_box" lang="zh-CN"><span>一个整数可以乘以一个整数，而不是一个字符串。</span></span></p> + +<h2 id="了解更多"><span class="short_text" id="result_box" lang="zh-CN"><span class="alt-edited">了解更多</span></span></h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科的 {{Interwiki("wikipedia", "Data type")}}</li> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures">JavaScript 的数据类型</a></li> +</ul> diff --git a/files/zh-cn/glossary/ui/index.html b/files/zh-cn/glossary/ui/index.html new file mode 100644 index 0000000000..d33d16cf0f --- /dev/null +++ b/files/zh-cn/glossary/ui/index.html @@ -0,0 +1,19 @@ +--- +title: UI +slug: Glossary/UI +tags: + - 可访问性 + - 术语 + - 设计 +translation_of: Glossary/UI +--- +<p><em>用户界面 </em>(UI) 是实现人机交互的一类事物的总称。在计算机世界中，UI 可以是来自键盘、摇杆、屏幕或程序中的任何东西。 在计算机软件中，UI 可以是命令行、网页、用户、用户输入的表格或是任何应用的前端。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>维基百科上的 {{interwiki("wikipedia", "用户界面", "用户界面")}}</li> + <li>维基百科上的 {{interwiki("wikipedia", "前端开发", "前端开发")}}</li> +</ul> diff --git a/files/zh-cn/glossary/undefined/index.html b/files/zh-cn/glossary/undefined/index.html new file mode 100644 index 0000000000..87543ac7c4 --- /dev/null +++ b/files/zh-cn/glossary/undefined/index.html @@ -0,0 +1,30 @@ +--- +title: undefined +slug: Glossary/undefined +translation_of: Glossary/undefined +--- +<p><span class="seoSummary">一个声明未定义的变量的初始值，或没有实际参数的形式参数。</span></p> + +<h2 id="例子">例子</h2> + +<p> </p> + +<pre><code>var x; //创建一个变量，但并没有赋值 + +console.log("X的值是", x) //返回X的值是undefined</code></pre> + +<p> </p> + +<h2 id="更多">更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Undefined value")}} on Wikipedia</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types and data structures</a></li> +</ul> diff --git a/files/zh-cn/glossary/unicode/index.html b/files/zh-cn/glossary/unicode/index.html new file mode 100644 index 0000000000..9be0c984ed --- /dev/null +++ b/files/zh-cn/glossary/unicode/index.html @@ -0,0 +1,17 @@ +--- +title: Unicode +slug: Glossary/Unicode +translation_of: Glossary/Unicode +--- +<p><span class="seoSummary">Unicode 是一种{{Glossary("Character set","字符集")}}标准，用于对来自世界上不同语言、文字系统和符号进行编号和{{Glossary("Character","字符")}}定义。</span>通过给每个字符分配一个编号，程序员可以创建{{Glossary("Character encoding","字符编码")}}，让计算机在同一个文件或程序中存储、处理和传输任何语言组合。</p> + +<p>在 Unicode 定义之前，在同一数据中混合使用不同的语言是很困难的，而且容易出错。例如，一个字符集存储的是日文字符，而另一个字符集存储的是阿拉伯字母。如果没有明确标明数据的哪些部分属于哪个字符集，其他程序和计算机就会错误地显示文本，或者在处理过程中损坏文本。如果你曾经见过像 (<code>“”</code>) 被替换为胡言乱语 <code>£</code>，那么你就已经看到过这个被称为 {{Interwiki("wikipedia", "Mojibake")}} 的问题。</p> + +<p>网络上最常见的 Unicode 字符编码是{{Glossary("UTF-8")}}。还存在一些其他编码，如 UTF-16或过时的 UCS-2，但推荐使用 UTF-8。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{Interwiki("wikipedia", "Unicode")}} on Wikipedia</li> + <li><a href="http://www.unicode.org/standard/principles.html">The Unicode Standard: A Technical Introduction</a></li> +</ul> diff --git a/files/zh-cn/glossary/uri/index.html b/files/zh-cn/glossary/uri/index.html new file mode 100644 index 0000000000..d0178f5c6e --- /dev/null +++ b/files/zh-cn/glossary/uri/index.html @@ -0,0 +1,22 @@ +--- +title: URI +slug: Glossary/URI +tags: + - Glossary + - HTTP + - URI + - URL +translation_of: Glossary/URI +--- +<p><strong>URI</strong><em>（统一资源标识符）</em>是一个指向资源的字符串。最通常用在 {{Glossary("URL")}} 上来指定Web上资源文件的具体位置。相比之下，{{Glossary("URN")}} 是在给定的命名空间用名字指向具体的资源，如：书本的ISBN。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 {{Interwiki("wikipedia", "URI")}}</li> + <li><a href="http://tools.ietf.org/html/rfc3986">RFC 3986 on URI</a></li> + <li><a href="/en-US/docs/Web/HTTP/data_URIs">data URIs</a></li> + <li><a href="/en-US/docs/URI/www_vs_non-www_URLs">www vs non-www</a></li> +</ul> diff --git a/files/zh-cn/glossary/url/index.html b/files/zh-cn/glossary/url/index.html new file mode 100644 index 0000000000..f07cd96129 --- /dev/null +++ b/files/zh-cn/glossary/url/index.html @@ -0,0 +1,33 @@ +--- +title: URL +slug: Glossary/URL +tags: + - Glossary + - Infrastructure +translation_of: Glossary/URL +--- +<p>统一资源定位器（<strong>URL</strong>） 是指定在Internet上可以找到资源的位置的文本字符串。</p> + +<p>在 {{Glossary("HTTP")}} 的上下文中，URL 被叫做”网络地址“或“链接”。你的浏览器在其地址栏显示URL，例如 <code>https://developer.mozilla.org</code></p> + +<p>URL也可用于文件传输（{{Glossary("FTP")}}） ，电子邮件（{{Glossary("SMTP")}}）和其他应用。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识"><strong>基本知识</strong></h3> + +<ul> + <li>在维基百科的 {{Interwiki("wikipedia", "URL")}}</li> +</ul> + +<h3 id="了解">了解</h3> + +<ul> + <li><a href="/zh-CN/docs/Learn/Common_questions/What_is_a_URL">什么是URL？</a></li> +</ul> + +<h3 id="规范">规范</h3> + +<ul> + <li>URL的语法，在<a href="https://url.spec.whatwg.org/">URL Living Standard</a>中定义.</li> +</ul> diff --git a/files/zh-cn/glossary/urn/index.html b/files/zh-cn/glossary/urn/index.html new file mode 100644 index 0000000000..f33f687ecb --- /dev/null +++ b/files/zh-cn/glossary/urn/index.html @@ -0,0 +1,14 @@ +--- +title: URN +slug: Glossary/URN +translation_of: Glossary/URN +--- +<p>URN（统一资源名称）是标准格式的URI，指的是资源而不指定其位置或是否存在。 这个例子来自<a href="http://www.ietf.org/rfc/rfc3986.txt">RFC3986</a>: <code> urn:oasis:names:specification:docbook:dtd:xml:4.1.2</code></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识" style="line-height: 24px;">基础知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "URN")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/user_agent/index.html b/files/zh-cn/glossary/user_agent/index.html new file mode 100644 index 0000000000..b2fb825de8 --- /dev/null +++ b/files/zh-cn/glossary/user_agent/index.html @@ -0,0 +1,28 @@ +--- +title: 用户代理 +slug: Glossary/User_agent +translation_of: Glossary/User_agent +--- +<p>用户代理是代表一个人的计算机程序，例如，一个在 {{Glossary("World Wide Web", "Web")}} 上的 {{Glossary("Browser","浏览器")}}。</p> + +<p>除了浏览器之外，用户代理可以是抓取网页的机器人、下载管理器或可以访问Web的其他应用程序。随着向服务器发送的每个请求， 浏览器包含一个可表明身份的 <code>User-Agent</code>{{Glossary("HTTP")}} 的协议头，叫作用户代理（UA，User Agent）字符串。此字符串通常标识浏览器、及其版本号及其主机操作系统。</p> + +<p><span class="objectBox objectBox-string">垃圾邮件机器人、下载管理器和一些浏览器通常会发送一个假UA字符串来宣称自己是不同的客户端。这被称为<em>用户代理欺骗</em>。</span></p> + +<p><span class="objectBox objectBox-string">用户代理的字符串可以被 </span>{{Glossary("JavaScript")}}<span class="objectBox objectBox-string"> 在客户端中使用 </span><code>navigator.userAgent</code> 获取。</p> + +<p>典型的用户代理字符串如下所示： <span class="objectBox objectBox-string"><code>"Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0"</code>. </span></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>在维基百科上的 <a href="https://en.wikipedia.org/wiki/User_agent">User agent</a></li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>在RFC 2616的 <a href="http://tools.ietf.org/html/rfc2616#section-14.43">User agent</a> 协议头</li> +</ul> diff --git a/files/zh-cn/glossary/utf-8/index.html b/files/zh-cn/glossary/utf-8/index.html new file mode 100644 index 0000000000..e5e4d1eb36 --- /dev/null +++ b/files/zh-cn/glossary/utf-8/index.html @@ -0,0 +1,17 @@ +--- +title: UTF-8 +slug: Glossary/UTF-8 +translation_of: Glossary/UTF-8 +--- +<p>UTF-8 (UCS Transformation Format 8)是万维网上最常用的{{Glossary("Character encoding", "字符编码")}}。每个字符由 1 到 4 个字节表示。UTF-8 与 {{Glossary("ASCII")}} 向后兼容，可以表示任何标准的 Unicode字符。</p> + +<p>前 128 个 UTF-8 字符与前 128 个 ASCII 字符(编号为 0-127) 精确匹配，这意味着现有的 ASCII 文本已经是有效的 UTF-8。所有其他字符都使用 2 到 4 个字节。每个字节都有一些用于编码目的的保留位。由于非 ASCII 字符需要一个以上的字节来存储，如果字节被分隔而不重组，那么它们就会有损坏的风险。</p> + +<h2 id="了解更多" style="line-height: 18px; font-size: 1.28571rem;"><strong style="font-size: 1.71428571428571rem;">了解更多</strong></h2> + +<h3 id="General_knowledge"><strong>General knowledge</strong></h3> + +<ul> + <li>{{Interwiki("wikipedia", "UTF-8")}} on Wikipedia</li> + <li><a href="http://www.unicode.org/faq/utf_bom.html#UTF8">FAQ about UTF-8 on Unicode website</a></li> +</ul> diff --git a/files/zh-cn/glossary/ux/index.html b/files/zh-cn/glossary/ux/index.html new file mode 100644 index 0000000000..f9a35beca3 --- /dev/null +++ b/files/zh-cn/glossary/ux/index.html @@ -0,0 +1,22 @@ +--- +title: UX +slug: Glossary/UX +tags: + - 导航 + - 结构 + - 设计 + - 词汇 + - 辅助性 +translation_of: Glossary/UX +--- +<p>UX(User eXperience)是用户体验的首字母缩写。它是研究用户和系统之间的交互。其目标是使系统易于从用户的角度进行交互。</p> + +<p>该系统可以是用户最终可以交互的任何类型的产品或应用程序。例如，在网页上进行的UX研究可以证明用户是否容易理解页面，引导到不同的页面并完成一般操作，以及减少这些过程中用户的操作步骤。</p> + +<h2 id="更多">更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科{{Interwiki("wikipedia", "User experience")}}</li> +</ul> diff --git a/files/zh-cn/glossary/vendor_prefix/index.html b/files/zh-cn/glossary/vendor_prefix/index.html new file mode 100644 index 0000000000..cdf72cc791 --- /dev/null +++ b/files/zh-cn/glossary/vendor_prefix/index.html @@ -0,0 +1,77 @@ +--- +title: 浏览器引擎前缀 +slug: Glossary/Vendor_Prefix +tags: + - 术语 +translation_of: Glossary/Vendor_Prefix +--- +<p>浏览器厂商们有时会给实验性的或者非标准的 CSS 属性和 JavaScript API 添加前缀，这样开发者就可以用这些新的特性进行试验，同时（理论上）防止他们的试验代码被依赖，从而在标准化过程中破坏 web 开发者的代码。开发者应该等到浏览器行为标准化之后再使用未加前缀的属性。</p> + +<div class="note"> +<p>浏览器厂商们正在努力停止使用前缀来表示实验性质的代码的行为。Web开发者一直在生产环境的网站上使用这些实验性代码，这使得浏览器厂商更难保证浏览器兼容性和处理新特性；这也伤害了更小众的浏览器，它们被迫添加其他浏览器前缀以加载热门网站。</p> + +<p>现在的趋势是将实验性功能添加在需要用户自行设置偏好或标记（flag）的地方，同时编写一个更小规模的规范，以更快达到稳定状态。</p> +</div> + +<h2 id="CSS_前缀">CSS 前缀</h2> + +<p>主流浏览器引擎前缀:</p> + +<ul> + <li><code>-webkit-</code> （谷歌，Safari，新版Opera浏览器，以及几乎所有iOS系统中的浏览器（包括 iOS 系统中的火狐浏览器）；基本上所有基于WebKit 内核的浏览器）</li> + <li><code>-moz-</code> （火狐浏览器）</li> + <li><code>-o-</code> （旧版Opera浏览器）</li> + <li><code>-ms-</code> （IE浏览器 和 Edge浏览器）</li> +</ul> + +<p>示例:</p> + +<pre class="notranslate"><em>-webkit-</em>transition: all 4s ease; +<em>-moz-</em>transition: all 4s ease; +<em>-ms-</em>transition: all 4s ease; +<em>-o-</em>transition: all 4s ease; +transition: all 4s ease; </pre> + +<h2 id="API_前缀">API 前缀</h2> + +<p>过去，浏览器引擎也使用前缀修饰实验性质的API。如果整个接口都是实验性的，前缀修饰的就是接口名（但不包括其中的属性或者方法）。如果将一个实验性的接口或者方法添加到一个标准化的接口中，这个新增的接口或者方法被前缀修饰。 </p> + +<h3 id="接口前缀">接口前缀</h3> + +<p>需要使用大写的前缀修饰接口名：</p> + +<ul> + <li><code>WebKit</code> (谷歌, Safari, 新版Opera浏览器, 以及几乎所有iOS系统中的浏览器(包括iOS 系统中的火狐浏览器); 简单的说，所有基于WebKit 内核的浏览器)</li> + <li><code>Moz</code> (火狐浏览器)</li> + <li><code>O</code> (旧版Opera浏览器)</li> + <li><code>MS</code> (IE浏览器 和 Edge浏览器)</li> +</ul> + +<h3 id="属性和方法前缀">属性和方法前缀</h3> + +<p>需要使用小写的前缀修饰属性或者方法</p> + +<ul> + <li><code>webkit</code> (谷歌, Safari, 新版Opera浏览器, 以及几乎所有iOS系统中的浏览器(包括iOS 系统中的火狐浏览器); 简单的说，所有基于WebKit 内核的浏览器)</li> + <li><code>moz</code> (火狐浏览器)</li> + <li><code>o</code> (旧版Opera浏览器等</li> + <li><code>ms</code> (IE浏览器 和 Edge浏览器)</li> +</ul> + +<p>示例:</p> + +<pre class="brush: js notranslate">var requestAnimationFrame = window.requestAnimationFrame || + window.mozRequestAnimationFrame || + window.webkitRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame;</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li><span>维基百科{{Interwiki("wikipedia", "CSS_hack#Browser_prefixes", "浏览器引擎前缀（</span>Vendor prefix<span>）")}} </span></li> +</ul> + +<p>{{QuickLinksWithSubpages("/zh-CN/docs/Glossary")}}</p> diff --git a/files/zh-cn/glossary/viewport/index.html b/files/zh-cn/glossary/viewport/index.html new file mode 100644 index 0000000000..560335c9c5 --- /dev/null +++ b/files/zh-cn/glossary/viewport/index.html @@ -0,0 +1,19 @@ +--- +title: Viewport +slug: Glossary/Viewport +tags: + - viewport + - 视口 +translation_of: Glossary/Viewport +--- +<p>在电脑图形学里面，视口代表了一个可看见的多边形区域（通常来说是矩形）。在浏览器范畴里，它代表的是浏览器中网站可见内容的部分。视口外的内容在被滚动进来前都是不可见的。</p> + +<p>视口当前可见的部分叫做<strong>可视视口（visual viewport）</strong>。可视视口可能会比<strong>布局视口</strong>（<strong>layout viewport</strong> ）更小，因为当用户缩小浏览器缩放比例时，布局视口不变，而可视视口变小了<strong>。</strong></p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常规知识">常规知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Viewport")}} 维基百科</li> +</ul> diff --git a/files/zh-cn/glossary/webgl/index.html b/files/zh-cn/glossary/webgl/index.html new file mode 100644 index 0000000000..189bcb593d --- /dev/null +++ b/files/zh-cn/glossary/webgl/index.html @@ -0,0 +1,34 @@ +--- +title: WebGL +slug: Glossary/WebGL +tags: + - WebGL + - Web图像 + - 术语表 + - 编程脚本 + - 高级 +translation_of: Glossary/WebGL +--- +<p><strong>WebGL</strong> (<em>Web图形库</em>) 是一个用于绘制交互式2D/3D图形的 {{Glossary("JavaScript")}} {{Glossary("API")}} ，基于 {{Glossary("OpenGL")}} ES 2.0 。</p> + +<p><a href="https://www.khronos.org/">Khronos Group</a> 负责WebGL的维护。</p> + +<p>你可以在 {{Glossary("HTML")}} {{HTMLElement("canvas")}} 元素中调用WebGL。</p> + +<p>目前所有主流 {{Glossary("Browser","浏览器")}} 都支持WebGL，即便如此，WebGL是否可用还是取决于硬件设备等其他因素（比如GPU是否支持WebGL）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识" style="line-height: 24px;">常识</h3> + +<ul> + <li>维基百科上的 {{Interwiki("wikipedia", "WebGL")}}</li> + <li><a href="http://get.webgl.org/">检查你的设备是否支持WebGL</a></li> +</ul> + +<h3 id="技术信息" style="line-height: 24px;">技术信息</h3> + +<ul> + <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API">MDN上的WebGL参考资料</a></li> + <li><a href="http://caniuse.com/#feat=webgl">WebGL支持列表</a></li> +</ul> diff --git a/files/zh-cn/glossary/webp/index.html b/files/zh-cn/glossary/webp/index.html new file mode 100644 index 0000000000..08f336ea71 --- /dev/null +++ b/files/zh-cn/glossary/webp/index.html @@ -0,0 +1,14 @@ +--- +title: WebP +slug: Glossary/webp +translation_of: Glossary/webp +--- +<p><strong>WebP </strong>is 是由 Google 公司开发的一种可提供有损和无损压缩的图片格式，支持透明度，目前已支持动图。</p> + +<h2 id="Learn_more">Learn more</h2> + +<h3 id="General_knowledge">General knowledge</h3> + +<ul> + <li><a href="https://en.wikipedia.org/wiki/WebP">WebP </a>on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/webrtc/index.html b/files/zh-cn/glossary/webrtc/index.html new file mode 100644 index 0000000000..73bcfa8530 --- /dev/null +++ b/files/zh-cn/glossary/webrtc/index.html @@ -0,0 +1,29 @@ +--- +title: WebRTC +slug: Glossary/WebRTC +tags: + - JavaScript + - Web + - WebRTC +translation_of: Glossary/WebRTC +--- +<p><span class="seoSummary"><strong>WebRTC</strong> (<em>Web Real-Time Communication</em>) 是一个可以用在视频聊天，音频聊天或P2P文件分享等Web App中的 {{Glossary("API")}}。</span></p> + +<p>WebRTC主要由以下几个部分组成：</p> + +<dl> + <dt><a href="/en-US/docs/Web/API/Navigator/getUserMedia"><code>getUserMedia</code></a></dt> + <dd>为一个RTC连接获取设备的摄像头与(或)麦克风权限，并为此RTC连接接入设备的摄像头与(或)麦克风的信号。</dd> + <dt><a href="/en-US/docs/Web/API/RTCPeerConnection"><code>RTCPeerConnection</code></a></dt> + <dd>用于配置音频或视频聊天。</dd> + <dt><a href="/en-US/docs/Web/API/RTCDataChannel"><code>RTCDataChannel</code></a></dt> + <dd><font face="consolas, Liberation Mono, courier, monospace">用于设置两个浏览器之间的</font>{{Glossary("P2P", "端到端")}} 数据连接。</dd> +</dl> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>{{Interwiki("wikipedia", "WebRTC")}} on Wikipedia</li> + <li><a href="/en-US/docs/Web/Guide/API/WebRTC">Guide to WebRTC on MDN</a></li> + <li><a href="http://caniuse.com/rtcpeerconnection">Browser support of WebRTC</a></li> +</ul> diff --git a/files/zh-cn/glossary/websockets/index.html b/files/zh-cn/glossary/websockets/index.html new file mode 100644 index 0000000000..0f7b17fee2 --- /dev/null +++ b/files/zh-cn/glossary/websockets/index.html @@ -0,0 +1,37 @@ +--- +title: WebSockets +slug: Glossary/WebSockets +tags: + - Web + - WebSocket + - 协议 + - 基础设施 + - 术语 + - 网络 + - 连接 +translation_of: Glossary/WebSockets +--- +<p>WebSocket 是一种在客户端与{{Glossary("Server", "服务器")}}之间保持{{Glossary("TCP")}}长连接的{{Glossary("protocol","网络协议")}}，这样它们就可以随时进行信息交换。</p> + +<p>虽然任何客户端或服务器上的应用都可以使用WebSocket，但原则上还是指{{Glossary("Browser", "浏览器")}}与服务器之间使用。通过WebSocket，服务器可以直接向客户端发送数据，而无须客户端周期性的请求服务器，以动态更新数据内容。</p> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="基本知识" style="line-height: 24px;">基本知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Websocket")}} 维基百科</li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/API/WebSocket">WebSocket的MDN参考</a></li> +</ul> + +<h3 id="学习了解">学习了解</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications">编写WebSocket客户端应用</a></li> + <li><a href="/zh-CN/docs/Web/API/WebSockets_API/Writing_WebSocket_servers">编写WebSocket服务器应用</a></li> +</ul> diff --git a/files/zh-cn/glossary/whatwg/index.html b/files/zh-cn/glossary/whatwg/index.html new file mode 100644 index 0000000000..634f2cdc57 --- /dev/null +++ b/files/zh-cn/glossary/whatwg/index.html @@ -0,0 +1,19 @@ +--- +title: WHATWG +slug: Glossary/WHATWG +tags: + - DOM + - WHATWG + - Web +translation_of: Glossary/WHATWG +--- +<p>WHATWG（<em>Web Hypertext Application Technology Working Group</em>Web 超文本应用程序技术工作组）是一个负责<a href="https://spec.whatwg.org/">维护与开发 Web 标准</a>的社区，他们的工作成果包括 {{Glossary("DOM")}}、Fetch API，和 {{Glossary("HTML")}}。一些来自 Apple、Mozilla，和 Opera 的员工在 2004 年建立了 WHATWG。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="General_Knowledge">General Knowledge</h3> + +<ul> + <li>Wikipedia 上的 {{Interwiki("wikipedia", "WHATWG")}}</li> + <li><a href="https://whatwg.org/">WHATWG 的网站</a></li> +</ul> diff --git a/files/zh-cn/glossary/world_wide_web/index.html b/files/zh-cn/glossary/world_wide_web/index.html new file mode 100644 index 0000000000..27045205e8 --- /dev/null +++ b/files/zh-cn/glossary/world_wide_web/index.html @@ -0,0 +1,41 @@ +--- +title: World Wide Web +slug: Glossary/World_Wide_Web +tags: + - Glossary + - Infrastructure + - WWW + - World Wide Web +translation_of: Glossary/World_Wide_Web +--- +<p><em><font><font>万维网（</font></font>World Wide Web<font><font>）</font></font></em><font><font>一般称其为</font></font><strong><font><font>WWW</font></font></strong><font><font>，</font></font><strong><font><font>W3</font></font></strong><font><font>，或 </font></font><strong><font><font>Web</font></font></strong><font><font> 是通过 </font></font>{{Glossary("Internet")}} <font><font>访问公共网页的互连系统。</font><font>网络与互联网不一样：Web是建立在互联网之上的许多应用程序之一。</font></font></p> + +<p><font><font>Tim Berners-Lee提出了被称为万维网的架构。</font><font>他在1990年在CERN物理研究实验室的计算机上创建了第一个网页</font></font>{{Glossary("Server","server")}}<font><font>，web </font></font>{{Glossary("Browser","browser")}}<font><font>和网页。 1991年，他在alt.hypertext新闻组上宣布创作，标志着Web首次公开的那一刻。</font></font></p> + +<p><font><font>我们今天认为的“Web”系统由几个组件组成：</font></font></p> + +<ul> + <li><font><font>的</font></font><strong>{{Glossary("HTTP")}}</strong><font><font>协议管理服务器和客户端之间的数据传输。</font></font></li> + <li><font><font>要访问Web组件，客户端提供唯一的通用标识符，称为<strong> </strong></font></font><strong>{{Glossary("URL")}}</strong><font><font>（统一资源位置）或</font></font> {{Glossary("URI")}}<font><font>（统一资源标识符）（正式称为通用文档标识符（UDI））。</font></font></li> + <li><strong>{{Glossary("HTML")}}</strong><font><font>（超文本标记语言）是发布Web文档的最常用格式。</font></font></li> +</ul> + +<p><font><font>通过</font></font>{{Glossary("Hyperlink","超链接")}} <font><font>连接资源是Web的定义概念，帮助其身份作为连接文档的集合。</font></font></p> + +<p><font><font>Tim Berners-Lee在发明Web之后不久就创建了 </font></font>{{Glossary("W3C")}}<font><font>（万维网联盟），进一步规范和开发Web。</font><font>该联盟由核心Web兴趣小组组成，如网页浏览器开发人员，政府机构，研究人员和大学。</font><font>其使命包括教育和外联。</font></font></p> + +<h2 id="学习更多" style="line-height: 30px;"><font><font>学习更多</font></font></h2> + +<h3 id="了解它"><font><font>了解它</font></font></h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/Learn"><font><font>学习网络</font></font></a></li> + <li><a href="https://learning.mozilla.org/web-literacy"><font><font>网络素养图</font></font></a><font><font>（Web开发中所需的技能清单）</font></font></li> +</ul> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li><font><font>维基百科上的 </font></font>{{Interwiki("wikipedia", "World Wide Web")}}</li> + <li><a href="http://w3.org"><font><font>W3C网站</font></font></a></li> +</ul> diff --git a/files/zh-cn/glossary/xhr_(xmlhttprequest)/index.html b/files/zh-cn/glossary/xhr_(xmlhttprequest)/index.html new file mode 100644 index 0000000000..9f2732f251 --- /dev/null +++ b/files/zh-cn/glossary/xhr_(xmlhttprequest)/index.html @@ -0,0 +1,22 @@ +--- +title: XHR (XMLHttpRequest) +slug: Glossary/XHR_(XMLHttpRequest) +translation_of: Glossary/XHR_(XMLHttpRequest) +--- +<p>{{domxref("XMLHttpRequest")}} (XHR) 是一种创建 {{Glossary("AJAX")}} 请求的 {{Glossary("JavaScript")}} {{Glossary("API")}} 。它的方法提供了在{{Glossary("browser","浏览器")}}和{{Glossary("server","服务器")}}之间发送请求的能力。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>维基百科上的 {{interwiki("wikipedia", "XMLHttpRequest")}}</li> + <li><a href="http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/">异步通信 vs. 同步通信</a></li> +</ul> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li>{{domxref("XMLHttpRequest")}} 对象。</li> + <li><a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">MDN 上关于如何使用 XMLHttpRequest 的文档。</a></li> +</ul> diff --git a/files/zh-cn/glossary/xml/index.html b/files/zh-cn/glossary/xml/index.html new file mode 100644 index 0000000000..e0f439077c --- /dev/null +++ b/files/zh-cn/glossary/xml/index.html @@ -0,0 +1,16 @@ +--- +title: XML +slug: Glossary/XML +tags: + - 术语 +translation_of: Glossary/XML +--- +<p>可扩展标记语言（XML）是由 W3C 指定的一种通用标记语言。信息技术（IT）行业使用许多基于 XML 的语言作为数据描述性语言。</p> + +<p>XML 标签 类似 HTML 标签，但由于 XML 允许用户定义他们自己的标签，所以 XML 更加灵活。从这个层面来看，XML 表现的像一种元语言——也就是说，它可以被用来定义其他语言，例如 {{Glossary("RSS")}}。不仅如此，HTML 是陈述性语言，而 XML 是数据描述性语言。这意味着 XML 除了 Web 之外有更远更广的应用。例如，Web 服务可以利用 XML 去交换请求和响应。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="/en-US/docs/XML_Introduction">XML 介绍</a></li> +</ul> diff --git a/files/zh-cn/glossary/xpath/index.html b/files/zh-cn/glossary/xpath/index.html new file mode 100644 index 0000000000..b8c4bd1c91 --- /dev/null +++ b/files/zh-cn/glossary/xpath/index.html @@ -0,0 +1,24 @@ +--- +title: XPath +slug: Glossary/XPath +translation_of: Glossary/XPath +--- +<p> </p> + +<p><strong>XPath </strong>是一种可以访问{{glossary("XML")}} 文件中的节和内容的查询语言 </p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Web/XPath">XPath documentation on MDN</a></li> + <li><a href="http://www.w3.org/TR/xpath-30/">XPath specification</a></li> +</ul> + +<h3 id="基本信息">基本信息</h3> + +<ul> + <li><a href="http://www.w3.org/standards/techs/xpath#w3c_all">Official website</a></li> + <li>维基百科上的{{Interwiki("wikipedia", "XPath")}} </li> +</ul> diff --git a/files/zh-cn/glossary/xquery/index.html b/files/zh-cn/glossary/xquery/index.html new file mode 100644 index 0000000000..2b1aae41b1 --- /dev/null +++ b/files/zh-cn/glossary/xquery/index.html @@ -0,0 +1,23 @@ +--- +title: XQuery +slug: Glossary/XQuery +translation_of: Glossary/XQuery +--- +<p> </p> + +<p><strong>XQuery</strong>是一门用于更新、检索以及计算<strong> </strong>{{glossary("XML")}}数据库中数据的计算机语言。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本信息">基本信息</h3> + +<ul> + <li><a href="http://www.w3.org/XML/Query/">Official website</a></li> + <li>维基百科上的{{Interwiki("wikipedia", "XQuery")}} </li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/XQuery">Discussion about using XQuery from Firefox</a> </li> +</ul> diff --git a/files/zh-cn/glossary/主轴/index.html b/files/zh-cn/glossary/主轴/index.html new file mode 100644 index 0000000000..c3c8b91de1 --- /dev/null +++ b/files/zh-cn/glossary/主轴/index.html @@ -0,0 +1,50 @@ +--- +title: 主轴 +slug: Glossary/主轴 +translation_of: Glossary/Main_Axis +--- +<p>主轴是由弹性容器 {{glossary("flexbox")}} 中弹性方向 {{cssxref("flex-direction")}} 属性所定义的的。弹性方向 <code>flex-direction </code> 有4个可能的值，分别是：</p> + +<ul> + <li><code>row</code></li> + <li><code>row-reverse</code></li> + <li><code>column</code></li> + <li><code>column-reverse</code></li> +</ul> + +<p>选择行 <code>row</code> 或者 <code>row-reverse</code> 反向行，那么主轴方向就会沿着行的走向。</p> + +<p><img alt="In this image the flex-direction is row which forms the main axis" src="https://mdn.mozillademos.org/files/15708/Basics1.png" style="display: block; height: 152px; margin: 0px auto; width: 522px;"></p> + +<p>选择列 <code>column</code> 或者反向列 <code>column-reverse</code> ，那么主轴就会从上至下沿着块的走向。</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15709/Basics2.png" style="display: block; height: 227px; margin: 0px auto; width: 709px;"></p> + +<p>在主轴上，你可以用 <code>flex</code> 属性来增加可用空间，从而控制弹性元素的尺寸，你还可以用 <code>justify-content</code> 属性来控制元素周围的空间、间距。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<div class="index"> +<ul> + <li>{{cssxref("flex-basis")}}</li> + <li>{{cssxref("flex-direction")}}</li> + <li>{{cssxref("flex-grow")}}</li> + <li>{{cssxref("flex-shrink")}}</li> + <li>{{cssxref("justify-content")}}</li> + <li>{{cssxref("flex")}}</li> +</ul> +</div> + +<h3 id="拓展阅读">拓展阅读</h3> + +<ul> + <li>CSS 弹性容器指南： <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS 弹性容器指南： <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> + <li>CSS 弹性容器指南： <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> +</ul> + +<div id="gtx-trans" style="position: absolute; left: 188px; top: 1222.14px;"> +<div class="gtx-trans-icon"></div> +</div> diff --git a/files/zh-cn/glossary/交叉轴/index.html b/files/zh-cn/glossary/交叉轴/index.html new file mode 100644 index 0000000000..27412c4d85 --- /dev/null +++ b/files/zh-cn/glossary/交叉轴/index.html @@ -0,0 +1,72 @@ +--- +title: 交叉轴 +slug: Glossary/交叉轴 +translation_of: Glossary/Cross_Axis +--- +<p>弹性容器 {{glossary("flexbox")}} 的交叉轴和主轴 {{glossary("main axis")}} 垂直，因此如果弹性方向是 {{cssxref("flex-direction")}} 行 <code>row</code> 或者反向行 <code>row-reverse</code> ，那么交叉轴就是从上至下地垂直走向的。</p> + +<p><img alt="The cross axis runs down the column" src="https://mdn.mozillademos.org/files/15710/Basics3.png" style="display: block; height: 125px; margin: 0px auto; width: 666px;"></p> + +<p>如果你的主轴是列 <code>column</code> 或者反向列 <code>column-reverse</code> ，那么交叉轴就是水平走向的。</p> + +<p><img alt="The cross axis runs along the row." src="https://mdn.mozillademos.org/files/15711/Basics4.png" style="display: block; height: 244px; margin: 0px auto; width: 523px;"></p> + +<p>要在交叉轴上对齐，是通过弹性容器的 <code>align-items</code> 属性来控制的，或者通过弹性元素的 <code>align-self</code> 属性来单独决定的对齐方式。在多行弹性容器中，交叉轴上有多余控件的话，你还可以用 <code>align-content</code> 来控制行的间距。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="属性参考">属性参考</h3> + +<div class="index"> +<ul> + <li>{{cssxref("align-content")}}</li> + <li>{{cssxref("align-items")}}</li> + <li>{{cssxref("align-self")}}</li> + <li>{{cssxref("flex-wrap")}}</li> + <li>{{cssxref("flex-direction")}}</li> + <li>{{cssxref("flex")}}</li> +</ul> +</div> + +<h3 id="拓展阅读">拓展阅读</h3> + +<ul> + <li>CSS 弹性容器指南：<em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS 弹性容器指南：<em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> + <li>CSS 弹性容器指南：<em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a> + + <ol> + <li>{{Glossary("Cross Axis")}}</li> + <li>{{Glossary("Flex")}}</li> + <li>{{Glossary("Flex Container")}}</li> + <li>{{Glossary("Flex Item")}}</li> + <li>{{Glossary("Grid")}}</li> + </ol> + </li> + <li>相关 CSS 属性 + <ol> + <li>{{cssxref("align-content")}}</li> + <li>{{cssxref("align-items")}}</li> + <li>{{cssxref("align-self")}}</li> + <li>{{cssxref("flex")}}</li> + <li>{{cssxref("flex-basis")}}</li> + <li>{{cssxref("flex-direction")}}</li> + <li>{{cssxref("flex-flow")}}</li> + <li>{{cssxref("flex-grow")}}</li> + <li>{{cssxref("flex-shrink")}}</li> + <li>{{cssxref("flex-wrap")}}</li> + <li>{{cssxref("justify-content")}}</li> + <li>{{cssxref("order")}}</li> + </ol> + </li> +</ol> +</section> + +<div id="gtx-trans" style="position: absolute; left: 78px; top: 1380px;"> +<div class="gtx-trans-icon"></div> +</div> diff --git a/files/zh-cn/glossary/代理服务器/index.html b/files/zh-cn/glossary/代理服务器/index.html new file mode 100644 index 0000000000..86774d0a71 --- /dev/null +++ b/files/zh-cn/glossary/代理服务器/index.html @@ -0,0 +1,24 @@ +--- +title: 代理服务器 +slug: Glossary/代理服务器 +tags: + - 代理 + - 服务器 + - 术语 +translation_of: Glossary/Proxy_server +--- +<p><strong>代理服务器</strong> 是用来在不同Internet网络之间进行导航的中继软件或者计算机。 它们有助于访问万维网上的内容。代理服务器会拦截请求并提供响应；它不一定会转发所有请求（比如说在有缓存的情况）， 而且也许会修改请求或者响应 （比如说在两个网络环境边界的时候修改请求头部信息）。</p> + +<p>代理可以存在用户自己的电脑上，或者任何其他在用户计算机与互联网上的远程服务器之间的任何地方。一般来说有两种代理类型：</p> + +<ul> + <li><strong>正向代理</strong> 指处理到互联网的请求的代理</li> + <li><strong>反向代理 </strong>指处理互联网上的请求并转发到服务器的代理</li> +</ul> + +<h2 id="更多资料">更多资料</h2> + +<ul> + <li><a href="/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling">Proxy servers and tunneling </a></li> + <li><a href="https://en.wikipedia.org/wiki/Proxy_server">Proxy server</a> on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/优雅降级/index.html b/files/zh-cn/glossary/优雅降级/index.html new file mode 100644 index 0000000000..acd22a665e --- /dev/null +++ b/files/zh-cn/glossary/优雅降级/index.html @@ -0,0 +1,37 @@ +--- +title: Graceful degradation（优雅降级） +slug: Glossary/优雅降级 +tags: + - 优雅降级 + - 设计 + - 词汇表 +translation_of: Glossary/Graceful_degradation +--- +<p><strong>优雅降级（Graceful degradation）</strong>是一种设计理念，其核心是尝试构建可在最新浏览器中运行的现代网站/应用程序，而作为降级体验，在低版本浏览器中仍然提供必要的内容和功能。</p> + +<p>{{Glossary("Polyfill","Polyfill")}}可用于使用JavaScript构建缺少的功能，但应尽可能提供样式和布局等功能的可接受替代方案，例如使用CSS级联或HTML回退行为。在<a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">处理常见的HTML和CSS问题</a>中可以找到一些很好的例子。</p> + +<p>这个技术很有用，因为它让Web开发者，在专注开发最强大的网站同时，和某些未知的用户代理，在访问网站时发生的问题间达到权衡。{{Glossary("渐进增强")}}相关而不同—通常被看做优雅降级的相反行为。实际上，这两种方法都是有效的，并且通常可以相互补充。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科的{{Interwiki("wikipedia", "优雅降级")}}</li> +</ul> + +<section class="Quick_links" id="Quick_Links"> +<ul> + <li><a href="/en-US/docs/Glossary">MDN Web 文档词汇表</a> + + <ul> + <li>{{Glossary("Graceful degradation")}}</li> + <li>{{Glossary("Polyfill")}}</li> + <li>{{Glossary("渐进增强")}}</li> + </ul> + </li> + <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">处理常见的 HTML 和 CSS 问题</a></li> + <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">实现特性检测</a></li> +</ul> +</section> diff --git a/files/zh-cn/glossary/伪类/index.html b/files/zh-cn/glossary/伪类/index.html new file mode 100644 index 0000000000..56c818928f --- /dev/null +++ b/files/zh-cn/glossary/伪类/index.html @@ -0,0 +1,18 @@ +--- +title: 伪类 +slug: Glossary/伪类 +tags: + - CSS + - 伪类 + - 选择器 +translation_of: Glossary/Pseudo-class +--- +<p>在 CSS 中, 一个伪类选择器只依据元素的状态, 而不是元素在文档树中的信息, 来选择目标对象.举例来说, 选择器 <code>a</code>{{ cssxref(":visited") }} 仅仅应用于那些用户已经浏览过的连接.</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li> <a href="/zh-CN/docs/Web/CSS/Pseudo-classes">伪类 文档</a></li> +</ul> diff --git a/files/zh-cn/glossary/元素/index.html b/files/zh-cn/glossary/元素/index.html new file mode 100644 index 0000000000..d199da5b07 --- /dev/null +++ b/files/zh-cn/glossary/元素/index.html @@ -0,0 +1,22 @@ +--- +title: Element（元素） +slug: Glossary/元素 +tags: + - HTML + - XML + - 术语 + - 编程 +translation_of: Glossary/Element +--- +<p><strong>元素</strong>是网页的一部分，在 {{glossary("XML")}} 和 {{glossary("HTML")}} 中，一个元素可以包含一个数据项，或是一块文本，或是一张照片，亦或是什么也不包含。 一个典型的元素包括一个具有一些{{glossary("attribute", "属性")}}的开始标签，中间的文本内容和一个结束标签。<br> + <img alt="Example: in <p class="nice">Hello world!</p>, '<p class="nice">' is an opening tag, 'class="nice"' is an attribute and its value, 'Hello world!' is enclosed text content, and '</p>' is a closing tag." src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p> + +<p>元素和{{glossary("tag", "标签")}}不是同一种概念。源代码中的标签用来标识元素的开始或结束，而元素是文档对象模型（{{Glossary("DOM")}}）中的一部分，文档对象模型会被{{glossary("browser", "浏览器")}}渲染、展示为页面。</p> + +<h2 id="相关信息">相关信息</h2> + +<ul> + <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">开始学习 HTML</a></li> + <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">自定义元素（Custom elements）</a></li> + <li>{{domxref("Element")}} 接口，在 DOM 中表示一个元素</li> +</ul> diff --git a/files/zh-cn/glossary/卡片分类法/index.html b/files/zh-cn/glossary/卡片分类法/index.html new file mode 100644 index 0000000000..9d5a3c4ff5 --- /dev/null +++ b/files/zh-cn/glossary/卡片分类法/index.html @@ -0,0 +1,18 @@ +--- +title: 卡片分类法 +slug: Glossary/卡片分类法 +tags: + - 卡片分类法 + - 名称 + - 设计 +translation_of: Glossary/Card_sorting +--- +<p>卡片分类法是一种简单的技巧 ，{{glossary("Information architecture")}} 通常是邀请参与网站开发的设计师（或是开发其他类型产品的人），让他们写下他们认为这个产品应当包含的内容、服务和功能，然后将这些功能分组。一个很好的例子是考虑网站上每个页面应当显示什么样的内容。这个名字源于这个分类是通过把要分类的项目写在卡片上，再通过排列卡片完成的。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识"><strong>常识</strong></h3> + +<ul> + <li>{{interwiki("wikipedia", "Card_sorting", "Card sorting")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/地址路由参数域/index.html b/files/zh-cn/glossary/地址路由参数域/index.html new file mode 100644 index 0000000000..8c30be2d15 --- /dev/null +++ b/files/zh-cn/glossary/地址路由参数域/index.html @@ -0,0 +1,18 @@ +--- +title: ARPA +slug: Glossary/地址路由参数域 +tags: + - 专业术语 + - 互联网服务基础设施 +translation_of: Glossary/ARPA +--- +<p><strong>.arpa </strong>(address and routing parameter area， <span style="background-color: #ffffff; color: #222222; display: inline !important; float: none; font-family: sans-serif; font-size: 15.008px; font-style: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal;">地址路由参数域</span> ) 是专门用来<span style="background-color: #ffffff; color: #222222; display: inline !important; float: none; font-family: sans-serif; font-size: 15.008px; font-style: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal;">互联网基础设施配置的</span>顶级域{{glossary("TLD","top-level domain")}} ，尤其是DNS反向解析，即从 {{glossary("IP 地址")}})找出旗下的主机名(i.e., find the {{glossary('domain name')}} 。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="通用知识库">通用知识库</h3> + +<ul> + <li><a href="http://www.iana.org/domains/arpa">官方网站</a></li> + <li>{{Interwiki("wikipedia", ".arpa")}}，来自维基百科</li> +</ul> diff --git a/files/zh-cn/glossary/域名/index.html b/files/zh-cn/glossary/域名/index.html new file mode 100644 index 0000000000..cb88cc041b --- /dev/null +++ b/files/zh-cn/glossary/域名/index.html @@ -0,0 +1,15 @@ +--- +title: 域名 +slug: Glossary/域名 +translation_of: Glossary/Domain_name +--- +<p>域名是在 {{Glossary("Internet", "互联网")}} 的网站的地址。域名被用于 {{Glossary("URL","URL")}} 识别一个服务器属于哪个特定的网站。域名包含由句号点（”.“）分隔的名称（标签）的分级序列并以 {{glossary("TLD","扩展名")}} 作为结尾。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识"><strong>基础知识</strong></h3> + +<ul> + <li>在维基百科的 {{interwiki("wikipedia", "域名", "域名")}} </li> + <li><a href="/zh-CN/Learn/Understanding_domain_names">了解“域名“</a></li> +</ul> diff --git a/files/zh-cn/glossary/基线/index.html b/files/zh-cn/glossary/基线/index.html new file mode 100644 index 0000000000..2158190685 --- /dev/null +++ b/files/zh-cn/glossary/基线/index.html @@ -0,0 +1,24 @@ +--- +title: 基线 +slug: Glossary/基线 +translation_of: Glossary/baseline +--- +<p><strong>基线</strong>是指欧洲和西亚文字排版中，用于在上面放置字符的一条假象的基准线。</p> + +<p>字符的降部比如 g 和 p 会向下超出基线， 带弧形的会向上和向下扩展的字形（ {{Glossary("glyph", "Glyphs")}} ），比如 C 或 3 会略微向下超出基线。</p> + +<p>东亚文字没有基线，他们的字形放置在方盒子，没有升部和降部。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科上的基线 <a href="https://en.wikipedia.org/wiki/Baseline_(typography)">Baseline</a> </li> +</ul> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li>MDN 上的 CSS 盒对齐 <a href="/en-US/docs/Web/CSS/CSS_Box_Alignment#Types_of_alignment">CSS Box Alignment</a> </li> +</ul> diff --git a/files/zh-cn/glossary/字符编码/index.html b/files/zh-cn/glossary/字符编码/index.html new file mode 100644 index 0000000000..40dbc7ca8a --- /dev/null +++ b/files/zh-cn/glossary/字符编码/index.html @@ -0,0 +1,26 @@ +--- +title: Character encoding（字符编码） +slug: Glossary/字符编码 +tags: + - 术语 + - 术语表 +translation_of: Glossary/character_encoding +--- +<p>一套编码系统定义字节与文本间的映射。一连串字节文本能让不同文本解释得以进行。我们指明一套特定编码系统时（如 UTF-8），也就指明了字节得以解释的方式。</p> + +<p>例如，我们通常在 HTML 里声明 UTF-8 字符编码，使用如下：</p> + +<div class="example"> +<pre class="brush: html"><code><meta charset="utf-8"></code></pre> + +<p>这就确保你在 HTML 文档中可以使用几乎任何一种人类语言中的字符，并且会稳定显示。</p> +</div> + +<h2 id="了解更多"> 了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li><a href="https://www.w3.org/International/articles/definitions-characters/">Character encoding on W3C</a></li> + <li>{{Interwiki("wikipedia", "Character encoding")}} on Wikipedia</li> +</ul> diff --git a/files/zh-cn/glossary/幂等/index.html b/files/zh-cn/glossary/幂等/index.html new file mode 100644 index 0000000000..cc8b22c143 --- /dev/null +++ b/files/zh-cn/glossary/幂等/index.html @@ -0,0 +1,49 @@ +--- +title: 幂等 +slug: Glossary/幂等 +tags: + - Glossary + - WebMechanics +translation_of: Glossary/Idempotent +--- +<p>一个HTTP方法是<strong>幂等</strong>的，指的是同样的请求被执行一次与连续执行多次的效果是一样的，服务器的状态也是一样的。换句话说就是，幂等方法不应该具有副作用（统计用途除外）。在正确实现的条件下， {{HTTPMethod("GET")}} ， {{HTTPMethod("HEAD")}} ， {{HTTPMethod("PUT")}} 和 {{HTTPMethod("DELETE")}} 等方法都是<strong>幂等</strong>的，而 {{HTTPMethod("POST")}} 方法不是。所有的 {{glossary("safe")}} 方法也都是幂等的。</p> + +<p>幂等性只与后端服务器的实际状态有关，而每一次请求接收到的状态码不一定相同。例如，第一次调用 {{HTTPMethod("DELETE")}} 方法有可能返回 {{HTTPStatus("200")}} ，但是后续的请求可能会返回 {{HTTPStatus("404")}} 。 {{HTTPMethod("DELETE")}} 的言外之意是，开发者不应该使用 <code>DELETE</code> 法实现具有删除最后条目功能的 RESTful API。</p> + +<p>需要注意的是，服务器不一定会确保请求方法的幂等性，有些应用可能会错误地打破幂等性约束。</p> + +<p><code>GET /pageX HTTP/1.1</code> 幂等的。连续调用多次，客户端接收到的结果都是一样的：</p> + +<pre class="notranslate">GET /pageX HTTP/1.1 +GET /pageX HTTP/1.1 +GET /pageX HTTP/1.1 +GET /pageX HTTP/1.1 +</pre> + +<p><code>POST /add_row HTTP/1.1</code> 是幂等的。如果调用多次，就会增加多行记录：</p> + +<pre class="notranslate">POST /add_row HTTP/1.1 +POST /add_row HTTP/1.1 -> Adds a 2nd row +POST /add_row HTTP/1.1 -> Adds a 3rd row +</pre> + +<p><code>DELETE /idX/delete HTTP/1.1</code> 幂等的，即便是不同请求之间接收到的状态码不一样：</p> + +<pre class="notranslate">DELETE /idX/delete HTTP/1.1 -> Returns 200 if idX exists +DELETE /idX/delete HTTP/1.1 -> Returns 404 as it just got deleted +DELETE /idX/delete HTTP/1.1 -> Returns 404</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>在HTTP协议中<a href="https://tools.ietf.org/html/rfc7231#section-4.2.2">幂等</a>的定义。</li> +</ul> + +<h3 id="技术知识">技术知识</h3> + +<ul> + <li>常见的幂等方法： {{HTTPMethod("GET")}} ， {{HTTPMethod("HEAD")}} , {{HTTPMethod("PUT")}} ， {{HTTPMethod("DELETE")}} ， {{HTTPMethod("OPTIONS")}} </li> + <li>常见的非幂等方法： {{HTTPMethod("POST")}} </li> +</ul> diff --git a/files/zh-cn/glossary/异步/index.html b/files/zh-cn/glossary/异步/index.html new file mode 100644 index 0000000000..0bc0353e3d --- /dev/null +++ b/files/zh-cn/glossary/异步/index.html @@ -0,0 +1,37 @@ +--- +title: 异步 +slug: Glossary/异步 +tags: + - 异步 + - 术语表 +translation_of: Glossary/Asynchronous +--- +<p><span class="seoSummary"><strong>异步</strong>指</span>两个或两个以上的对象或事件<strong>不</strong>同时存在或发生（<span class="seoSummary">或多个相关事物的发生无需等待其前一事物的完成）。</span>在计算机技术中，"异步"一词被用于两大语境。</p> + +<dl> + <dt>网络与通信</dt> + <dd> + <p>异步通信是一种在双方或多方之间交换消息的方式。其中每个参与方各自在他们方便或可操作的情况下接收并处理消息，而不是在收到消息后立即进行处理。 另外，消息的发送无需等待确认信息，前提是如果出现问题，接收方将请求更正或以其他方式处理该情况。</p> + + <p>对人类来说，电子邮件就是一种异步通信方式；发送者发送了一封邮件，接着接收者会在方便时读取和回复该邮件，而不是马上这样做。双方可以继续随时发送和接收信息，而无需双方安排何时进行操作。</p> + + <p>在软件进行异步通信时，一个程序可能会向另一软件（如服务器）请求信息，并在等待回复的同时继续执行其他操作。例如，<a href="/en-US/docs/Web/Guide/AJAX">AJAX</a>(Asynchronous JavaScript and {{Glossary("XML")}})编程技术（现在通常简写为"Ajax"，不过现在的应用不常用XML，而是用{{Glossary("JSON")}}）就是这样一种机制，它通过HTTP从服务器请求较少的数据，当结果可被返回时才返回结果，而不是立即返回。</p> + </dd> + <dt>软件设计</dt> + <dd> + <p>异步软件设计通过构建代码扩展了异步的概念，按照这种设计编写的代码使得程序能够要求一个任务与先前的一个（或多个）任务一起执行，而无需为了等待它们完成而停止执行。 当后来的任务完成时，程序将使用约定好的机制通知先前的任务，以便让它知道任务已经完成，以及如果有结果存在的话，这个结果是可用的。</p> + + <p>还有许多用来实现异步软件的编程技术。查看文章<a href="/en-US/docs/Learn/JavaScript/Asynchronous">Asynchronous JavaScript</a>来了解它们吧。</p> + </dd> +</dl> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="技术参考">技术参考</h3> + +<ul> + <li><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">Fetching data from the server</a> (Learning Area) 从服务器获取数据</li> + <li>{{glossary("Synchronous")}} 同步</li> +</ul> + +<p>{{IncludeSubnav("/en-US/docs/Glossary")}}</p> diff --git a/files/zh-cn/glossary/抽象编程/index.html b/files/zh-cn/glossary/抽象编程/index.html new file mode 100644 index 0000000000..a7497bdc94 --- /dev/null +++ b/files/zh-cn/glossary/抽象编程/index.html @@ -0,0 +1,22 @@ +--- +title: 抽象编程 +slug: Glossary/抽象编程 +tags: + - 名词解释 + - 抽象 + - 编程 + - 编程脚本 + - 编程语言 +translation_of: Glossary/Abstraction +--- +<p>在计算机编程{{Glossary("computer programming")}}领域中，抽象编程指在研发大型复杂软件系统时，通过抽象的方法来降低编程复杂度，实现系统快速高效设计和开发的编程模式。它将系统各功能实现的技术细节隐藏在相对简单的 {{Glossary("API", "APIs")}}之后。</p> + +<h2 id="更多资料"><strong>更多资料</strong></h2> + +<h3 id="基础知识"><strong>基础知识</strong></h3> + +<ul> + <li>维基百科相应条目{{interwiki("wikipedia", "Abstraction (computer science)", "Abstraction")}}</li> +</ul> + +<p> </p> diff --git a/files/zh-cn/glossary/数字证书/index.html b/files/zh-cn/glossary/数字证书/index.html new file mode 100644 index 0000000000..0f6702c480 --- /dev/null +++ b/files/zh-cn/glossary/数字证书/index.html @@ -0,0 +1,12 @@ +--- +title: 数字证书 +slug: Glossary/数字证书 +translation_of: Glossary/Digital_certificate +--- +<p><span class="seoSummary">数字证书是一个将公开的{{Glossary("Key", "加密密钥")}}和一个组织绑定的数据文件。</span> 一个数字证书包含一个组织的信息，如公共名称（例如mozilla.org），组织单元（例如Mozilla Corporation）以及位置（例如Mountain View）。数字证书通常由{{Glossary("certificate authority")}}签署，以证明其真实性。</p> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li>Wikipedia上的{{interwiki("wikipedia", "Public_key_certificate", "Digital certificate ")}}</li> +</ul> diff --git a/files/zh-cn/glossary/数据库/index.html b/files/zh-cn/glossary/数据库/index.html new file mode 100644 index 0000000000..d26907d711 --- /dev/null +++ b/files/zh-cn/glossary/数据库/index.html @@ -0,0 +1,25 @@ +--- +title: 数据库 +slug: Glossary/数据库 +tags: + - 数据库 +translation_of: Glossary/Database +--- +<p><span class="seoSummary"><strong>数据库</strong>是一种用于收集已组织好的数据以便于搜索、结构化和扩充的存储系统。</span></p> + +<p>网站开发中, 大多数数据库采用关系型数据库管理系统 (RDBMS) 来组织数据， 通过 {{glossary("SQL")}}语言来编程。 但有些数据库没有遵循上述的组织数据的机制，这类被称作 NoSQL 数据库。</p> + +<p>被广泛使用的服务端关系型数据库有 <em>MySQL </em>(或者源于它的 <em>MariaDB</em> ), <em>SQL Server</em>, 和 <em>Oracle Database </em>等。另一边，出名的 NoSQL 数据库有 <em>MongoDB</em> ， <em>Cassandra</em>和<em>Redis</em>等。</p> + +<p>浏览器也有他们特有的数据库系统，被称作 {{glossary("IndexedDB")}}。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li>维基百科上的词条 {{Interwiki("wikipedia", "Database")}} + <ol> + <li>{{Glossary("IndexedDB")}}</li> + <li>{{Glossary("SQL")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/正常模式/index.html b/files/zh-cn/glossary/正常模式/index.html new file mode 100644 index 0000000000..3856bd5b35 --- /dev/null +++ b/files/zh-cn/glossary/正常模式/index.html @@ -0,0 +1,16 @@ +--- +title: 正常模式 +slug: Glossary/正常模式 +translation_of: Glossary/Sloppy_mode +--- +<p>因为翻译原因，正常模式也被翻译为——马虎模式/稀松模式/懒散模式</p> + +<p>{{Glossary("ECMAScript")}} 5 以及其后续的版本可以选择性的使用一种新模式——严格模式(<a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a>)，这种严格模式在多个方面改变了JavaScript的语义，从而使得当出现问题时我们更好的理解到底发生了什么。</p> + +<p>常见的，非严格模式——平时我们会称之为正常模式(<strong>sloppy mode)，</strong>这并不是一个官方说法，但是你会经常见到如上的一些说法，其意义就是指代非严格模式，即正常模式。</p> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>"<a href="http://speakingjs.com/es5/ch07.html#strict_mode">Strict Mode</a>"，第七章("JavaScript Syntax")，《Speaking <em>JavaScript》</em></li> +</ul> diff --git a/files/zh-cn/glossary/浏览器/index.html b/files/zh-cn/glossary/浏览器/index.html new file mode 100644 index 0000000000..a52951c1b7 --- /dev/null +++ b/files/zh-cn/glossary/浏览器/index.html @@ -0,0 +1,24 @@ +--- +title: 浏览器 +slug: Glossary/浏览器 +translation_of: Glossary/Browser +--- +<p>网页浏览器是一种从 {{Glossary("World Wide Web","Web")}} 获取和显示页面的程序，并且让用户通过 {{Glossary("hyperlink","超链接")}} 访问更多页面。</p> + +<h2 id="获悉更多">获悉更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>维基百科上的{{Interwiki("wikipedia", "浏览器")}} </li> + <li><a href="http://www.evolutionoftheweb.com/?hl=zh-cn" rel="external">网络的演变</a></li> +</ul> + +<h3 id="下载一个浏览器">下载一个浏览器</h3> + +<ul> + <li><a href="http://www.mozilla.org/en-US/firefox/features/">Mozilla Firefox</a></li> + <li><a href="http://www.google.com/chrome/" rel="external">Google Chrome</a></li> + <li><a href="http://windows.microsoft.com/en-US/internet-explorer/browser-ie" rel="external">Microsoft Internet Explorer</a></li> + <li><a href="http://www.opera.com/" rel="external">Opera Browser</a></li> +</ul> diff --git a/files/zh-cn/glossary/渐进增强/index.html b/files/zh-cn/glossary/渐进增强/index.html new file mode 100644 index 0000000000..7a0b586b9a --- /dev/null +++ b/files/zh-cn/glossary/渐进增强/index.html @@ -0,0 +1,24 @@ +--- +title: 渐进增强 +slug: Glossary/渐进增强 +tags: + - 无障碍 + - 设计 + - 词汇表 +translation_of: Glossary/Progressive_Enhancement +--- +<p><strong>渐进增强（Progressive enhancement）</strong>是一种设计理念，其核心是为尽可能多的用户提供基本内容和功能，同时进一步为现代化浏览器用户提供最佳体验，运行所有需要的代码。</p> + +<p><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">特性检测</a>通常用于确定浏览器是否可以处理高级内容，而<a href="/en-US/docs/Glossary/Polyfill">polyfill</a>通常用于使用JavaScript构建缺少的功能。</p> + +<p>另外请关注无障碍支持 — 尽可能提供备选方案。</p> + +<p>这个技术很有用，因为它让Web开发者，在专注开发最强大的网站同时，和某些未知的用户代理在访问网站时发生问题，两者之间达到权衡。 {{Glossary("优雅降级")}} 相关而不同 — 通常被视为与渐进增强相反的方向。实际上，这两种方法都是有效的，并且通常可以相互补充。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基本知识">基本知识</h3> + +<ul> + <li>维基百科的{{Interwiki("wikipedia", "渐进增强")}} </li> +</ul> diff --git a/files/zh-cn/glossary/源/index.html b/files/zh-cn/glossary/源/index.html new file mode 100644 index 0000000000..83090ee98f --- /dev/null +++ b/files/zh-cn/glossary/源/index.html @@ -0,0 +1,52 @@ +--- +title: Origin +slug: Glossary/源 +translation_of: Glossary/Origin +--- +<p>Web内容的源由用于访问它的{{Glossary("URL")}} 的方案(协议)，主机(域名)和端口定义。只有当方案，主机和端口都匹配时，两个对象具有相同的起源。</p> + +<p>某些操作仅限于同源内容，而可以使用 <a href="/zh-CN/docs/Glossary/CORS">CORS</a> 解除这个限制。</p> + +<h2 id="同源的例子">同源的例子</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td style="width: 50%;"><code>http://example.com/app1/index.html</code><br> + <code>http://example.com/app2/index.html</code></td> + <td style="width: 50%;">same origin because same scheme (<code>http</code>) and host (<code>example.com</code>)</td> + </tr> + <tr> + <td style="width: 50%;"><code>http://Example.com:80</code><br> + <code>http://example.com</code></td> + <td style="width: 50%;">same origin because a server delivers HTTP content through port 80 by default</td> + </tr> + </tbody> +</table> + +<h2 id="不同源的例子">不同源的例子</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td style="width: 50%;"><code>http://example.com/app1</code><br> + <code>https://example.com/app2</code></td> + <td>different schemes</td> + </tr> + <tr> + <td style="width: 50%;"><code>http://example.com</code><br> + <code>http://www.example.com</code><br> + <code>http://myapp.example.com</code></td> + <td style="width: 50%;">different hosts</td> + </tr> + <tr> + <td style="width: 50%;"><code>http://example.com</code><br> + <code>http://example.com:8080</code></td> + <td style="width: 50%;">different ports</td> + </tr> + </tbody> +</table> + +<h2 id="了解更多">了解更多</h2> + +<p>详细信息，请看<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Same_origin_policy_for_JavaScript" title="/en-US/docs/Web/JavaScript/Same_origin_policy_for_JavaScript">同源策略</a>。</p> diff --git a/files/zh-cn/glossary/禁止修改的消息首部/index.html b/files/zh-cn/glossary/禁止修改的消息首部/index.html new file mode 100644 index 0000000000..6e14c9b0a1 --- /dev/null +++ b/files/zh-cn/glossary/禁止修改的消息首部/index.html @@ -0,0 +1,39 @@ +--- +title: 禁止修改的消息首部 +slug: Glossary/禁止修改的消息首部 +translation_of: Glossary/Forbidden_header_name +--- +<p>禁止修改的消息首部指的是不能在代码中通过编程的方式进行修改的<a href="/en-US/docs/Web/HTTP/Headers">HTTP协议消息首部</a>。本文仅讨论相关的HTTP<strong>请求</strong>首部（关于禁止修改的响应首部，请参考 {{Glossary("Forbidden response header name")}}）。</p> + +<p>用户代理对这些消息首部保留全部控制权，应用程序无法设置它们。 Names starting with `<code title="">Sec-</code>` are reserved for creating new headers safe from {{glossary("API","APIs")}} using <a href="/en-US/docs/Web/API/Fetch_API">Fetch</a> that grant developers control over headers, such as {{domxref("XMLHttpRequest")}}.</p> + +<p>禁止修改的消息首部包括以 Proxy- 和 Sec- 开头的消息首部，以及下面列出的消息首部：</p> + +<ul class="brief"> + <li><code title="">Accept-Charset</code></li> + <li><code title="">Accept-Encoding</code></li> + <li><code title="">Access-Control-Request-Headers</code></li> + <li><code title="">Access-Control-Request-Method</code></li> + <li><code title="">Connection</code></li> + <li><code title="">Content-Length</code></li> + <li><code title="">Cookie</code></li> + <li><code title="">Cookie2</code></li> + <li><code title="">Date</code></li> + <li><code title="">DNT</code></li> + <li><code title="">Expect</code></li> + <li><code title="">Host</code></li> + <li><code title="">Keep-Alive</code></li> + <li><code title="http-origin">Origin</code></li> + <li><code title="http-origin">Proxy-</code></li> + <li><code title="http-origin">Sec-</code></li> + <li><code title="">Referer</code></li> + <li><code title="">TE</code></li> + <li><code title="">Trailer</code></li> + <li><code title="">Transfer-Encoding</code></li> + <li><code title="">Upgrade</code></li> + <li><code title="">Via</code></li> +</ul> + +<div class="note"> +<p><span style="font-size: 14px;"><strong>注意</strong></span>: <a href="https://fetch.spec.whatwg.org/#terminology-headers">根据最新的规范</a>，<code>User-Agent</code> 首部已经从列表中移除。更多内容请参考规范的 forbidden header name list 一节（Firefox 43 实现了对这一更改的支持）。因此，该首部已经可以用于诸如 Fetch 的 <a href="/en-US/docs/Web/API/Headers">Headers</a> 对象，XHR 的 <a href="/en-US/docs/Web/API/XMLHttpRequest#setRequestHeader%28%29">setRequestHeader()</a>? 中。</p> +</div> diff --git a/files/zh-cn/glossary/空元素/index.html b/files/zh-cn/glossary/空元素/index.html new file mode 100644 index 0000000000..6d9fb8d229 --- /dev/null +++ b/files/zh-cn/glossary/空元素/index.html @@ -0,0 +1,40 @@ +--- +title: 空元素 +slug: Glossary/空元素 +tags: + - Glossary + - 中级 + - 词汇 +translation_of: Glossary/Empty_element +--- +<p>一个<strong>空元素（empty element）</strong>可能是 HTML，SVG，或者 MathML 里的一个不能存在子节点（例如内嵌的元素或者元素内的文本）的{{Glossary("element")}}。</p> + +<p><a href="http://www.w3.org/html/wg/drafts/html/CR/">HTML</a>，<a href="http://www.w3.org/TR/SVG2/">SVG</a> 和 <a href="http://www.w3.org/Math/draft-spec/">MathML</a> 的规范都详细定义了每个元素能包含的具体内容（define very precisely what each element can contain）。许多组合是没有任何语义含义的，比如一个 {{HTMLElement("audio")}} 元素嵌套在一个 {{HTMLElement("hr")}} 元素里。</p> + +<p>在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如， <code><input type="text"></input></code> 的闭标签是无效的 HTML。</p> + +<p>在 HTML 中有以下这些空元素：</p> + +<ul> + <li>{{HTMLElement("area")}}</li> + <li>{{HTMLElement("base")}}</li> + <li>{{HTMLElement("br")}}</li> + <li>{{HTMLElement("col")}}</li> + <li>{{HTMLElement("colgroup")}} when the {{htmlattrxref("span", "colgroup")}} is present</li> + <li>{{HTMLElement("command")}}</li> + <li>{{HTMLElement("embed")}}</li> + <li>{{HTMLElement("hr")}}</li> + <li>{{HTMLElement("img")}}</li> + <li>{{HTMLElement("input")}}</li> + <li>{{HTMLElement("keygen")}}</li> + <li>{{HTMLElement("link")}}</li> + <li>{{HTMLElement("meta")}}</li> + <li>{{HTMLElement("param")}}</li> + <li>{{HTMLElement("source")}}</li> + <li>{{HTMLElement("track")}}</li> + <li>{{HTMLElement("wbr")}}</li> +</ul> + +<div class="note"> +<p><strong>Note</strong>: 在极少数情况下，空元素被错误地称为“无效元素”(void elements)。</p> +</div> diff --git a/files/zh-cn/glossary/立即执行函数表达式/index.html b/files/zh-cn/glossary/立即执行函数表达式/index.html new file mode 100644 index 0000000000..659d1e8670 --- /dev/null +++ b/files/zh-cn/glossary/立即执行函数表达式/index.html @@ -0,0 +1,63 @@ +--- +title: IIFE（立即调用函数表达式） +slug: Glossary/立即执行函数表达式 +tags: + - CodingScripting + - Glossary + - JavaScript + - 术语 +translation_of: Glossary/IIFE +--- +<p><strong>IIFE</strong>（ 立即调用函数表达式）是一个在定义时就会立即执行的 {{glossary("JavaScript")}} {{glossary("function","函数")}}。</p> + +<pre class="brush: js">(function () { + statements +})();</pre> + +<p>这是一个被称为 {{glossary("Self-Executing Anonymous Function", "自执行匿名函数")}} 的设计模式，主要包含两部分。第一部分是包围在 {{jsxref("Operators/Grouping", "圆括号运算符")}} <code>()</code> 里的一个匿名函数，这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量，而且又不会污染全局作用域。</p> + +<p>第二部分再一次使用 <code>()</code> 创建了一个立即执行函数表达式，JavaScript 引擎到此将直接执行函数。</p> + +<h2 id="示例">示例</h2> + +<p>当函数变成立即执行的函数表达式时，表达式中的变量不能从外部访问。</p> + +<pre class="brush: js">(function () { + var name = "Barry"; +})(); +// 无法从外部访问变量 name +name // 抛出错误："Uncaught ReferenceError: name is not defined" +</pre> + +<p>将 IIFE 分配给一个变量，不是存储 IIFE 本身，而是存储 IIFE 执行后返回的结果。</p> + +<pre class="brush: js">var result = (function () { + var name = "Barry"; + return name; +})(); +// IIFE 执行后返回的结果： +result; // "Barry"</pre> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="了解">了解</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions">Quick example</a>（在“函数”部分的末尾，“自定义对象”之前）</li> +</ul> + +<h3 id="常识">常识</h3> + +<ul> + <li>{{interwiki("wikipedia", "Immediately-invoked function expression", "IIFE")}} 维基百科</li> +</ul> + +<ul> + <li><a href="/zh-CN/docs/Glossary">相关术语</a> + + <ul> + <li>{{Glossary("Function")}}</li> + <li>{{Glossary("Self-Executing Anonymous Function")}}</li> + </ul> + </li> +</ul> diff --git a/files/zh-cn/glossary/第一字节时间/index.html b/files/zh-cn/glossary/第一字节时间/index.html new file mode 100644 index 0000000000..8bcc8f0ce9 --- /dev/null +++ b/files/zh-cn/glossary/第一字节时间/index.html @@ -0,0 +1,20 @@ +--- +title: 第一字节时间 +slug: Glossary/第一字节时间 +translation_of: Glossary/time_to_first_byte +--- +<p><strong>第一字节时间</strong>（TTFB）是指从浏览器请求页面到从浏览器接收来自服务器发送的信息的第一个字节的时间。这一次包括DNS查找和使用（三次）<a href="/en-US/docs/Glossary/TCP">TCP</a>握手和<a href="/en-US/docs/Glossary/SSL_Glossary">SSL</a>握手建立连接（如果请求是通过<a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/https">https</a>发出的）。</p> + + + +<p>TTFB是从请求开始到响应开始之间所用的时间，以毫秒为单位：</p> + +<pre class="notranslate">TTFB = <a href="/en-US/docs/Web/API/PerformanceResourceTiming/responseStart">responseStart</a> - <a href="/en-US/docs/Web/API/PerformanceResourceTiming/requestStart">requestStart</a></pre> + +<h2 id="See_Also">See Also:</h2> + +<ul> + <li><a href="/en-US/docs/Web/HTTP/Session">A typical HTTP session</a></li> + <li><a href="/en-US/docs/Web/API/PerformanceResourceTiming">PerformanceResourceTiming</a></li> + <li><a href="/en-US/docs/Web/API/PerformanceTiming">PerformanceTiming</a></li> +</ul> diff --git a/files/zh-cn/glossary/简单头部/index.html b/files/zh-cn/glossary/简单头部/index.html new file mode 100644 index 0000000000..c2c1f71d4f --- /dev/null +++ b/files/zh-cn/glossary/简单头部/index.html @@ -0,0 +1,38 @@ +--- +title: 简单头部 +slug: Glossary/简单头部 +tags: + - HTTP + - 简单头部 + - 跨域 +translation_of: Glossary/Simple_header +--- +<p>以下的 <a href="/en-US/docs/Web/HTTP/Headers">HTTP headers</a>都可以被认为是简单头部:</p> + +<ul> + <li>{{HTTPHeader("Accept")}},</li> + <li>{{HTTPHeader("Accept-Language")}},</li> + <li>{{HTTPHeader("Content-Language")}},</li> + <li>{{HTTPHeader("Content-Type")}}并且值是 <code>application/x-www-form-urlencoded</code>, <code>multipart/form-data</code>, 或者 <code>text/plain之一的（忽略参数）</code>.</li> +</ul> + +<p>或者以下客户端头部之一的也可以被认为是简单头部：</p> + +<ul> + <li>{{HTTPHeader("DPR")}}</li> + <li>{{HTTPHeader("Downlink")}}</li> + <li>{{HTTPHeader("Save-Data")}}</li> + <li>{{HTTPHeader("Viewport-Width")}}</li> + <li>{{HTTPHeader("Width")}}</li> +</ul> + +<p>当只包含简单头部时，一个请求则被视为简单请求并且在<a href="/en-US/docs/Glossary/CORS">CORS</a>中不需要发送{{glossary("preflight request")}}。</p> + +<h2 id="Learn_more">Learn more</h2> + +<ul> + <li><a href="/en-US/docs/Web/HTTP/Headers">HTTP 头部</a></li> + <li>{{Glossary("Simple response header")}}</li> + <li>{{Glossary("Forbidden header name")}}</li> + <li>{{Glossary("Request header")}}</li> +</ul> diff --git a/files/zh-cn/glossary/算法/index.html b/files/zh-cn/glossary/算法/index.html new file mode 100644 index 0000000000..8dcea73131 --- /dev/null +++ b/files/zh-cn/glossary/算法/index.html @@ -0,0 +1,37 @@ +--- +title: 算法 +slug: Glossary/算法 +tags: + - 专业术语 + - 编程基础 +translation_of: Glossary/Algorithm +--- +<p>算法是一个良定义的具体计算步骤的一个序列。</p> + +<p>换句话说，一个算法就是由人或机器可重复的解决问题的方法。计算机科学家们使用算法的复杂度（又称O标记法）来表示算法的效率。</p> + +<p>例如：</p> + +<ul> + <li>一道菜谱就是供人使用的算法</li> + <li>一种编程中常用的排序算法就是用来描述计算机如何给数据排序的</li> +</ul> + +<p>常用的算法有寻找最优路径算法，例如“旅行推销员问题”、“树的遍历算法”等。</p> + +<p>还有很多机器学习算法例如“线性回归”、“决策树”、“随机森林”、“支持向量机”、“循环神经网络（RNN）”、“长短时记忆（LSTM）神经网络”、“卷积神经网络（CNN）”、“深度卷积神经网络”等。</p> + +<h2 id="更多详情">更多详情</h2> + +<h3 id="通用知识库（维基百科）">通用知识库（维基百科）</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Algorithm", "Algorithm")}}，维基百科</li> +</ul> + +<h3 id="技术分析">技术分析</h3> + +<ul> + <li><a href="https://www.toptal.com/developers/sorting-algorithms">Explanations of sorting algorithms</a></li> + <li><a href="http://bigocheatsheet.com/">Explanations of algorithmic complexity</a></li> +</ul> diff --git a/files/zh-cn/glossary/类型转换/index.html b/files/zh-cn/glossary/类型转换/index.html new file mode 100644 index 0000000000..7d1eb4c23e --- /dev/null +++ b/files/zh-cn/glossary/类型转换/index.html @@ -0,0 +1,27 @@ +--- +title: Type conversion（类型转换） +slug: Glossary/类型转换 +tags: + - Type + - 术语 + - 类型 +translation_of: Glossary/Type_Conversion +--- +<p class="syntaxbox">类型转换（或类型变换；英文：Type conversion, typecasting）是指将数据由一种类型变换为另一种类型。在编译器自动赋值时,会发生<em>隐式转换</em>，但在代码中，也可以用一些写法强制要求进行<em>显式转换</em>。例如：在表达式 <code>5 + 2.0</code> 中，整数 <code>5</code> 被隐式转换为浮点数，但 <code>Number("0x11")</code> 和 "0x11" 则被显式转换为数字 17。</p> + +<section class="Quick_links" id="Quick_Links"> +<ol> + <li><a href="/zh-CN/docs/Glossary">术语</a> + + <ol> + <li>{{Glossary("Type", "类型")}}</li> + <li>{{Glossary("Type coercion")}}</li> + </ol> + </li> + <li>维基百科相关内容 + <ol> + <li>{{Interwiki("wikipedia", "Type conversion")}}</li> + </ol> + </li> +</ol> +</section> diff --git a/files/zh-cn/glossary/编译/index.html b/files/zh-cn/glossary/编译/index.html new file mode 100644 index 0000000000..0e11863653 --- /dev/null +++ b/files/zh-cn/glossary/编译/index.html @@ -0,0 +1,28 @@ +--- +title: 编译 +slug: Glossary/编译 +translation_of: Glossary/Compile +--- +<p>编译是将相同的程序从一种计算机程序语言转换到另一种语言计算机语言的过程。编译器是运行上述任务的软件。有时候，任务也被称为“汇编”或“构建”，这通常表示不仅仅编译完成，例如，用二进制格式进行打包。</p> + +<p>通常，编译器转换一个人类理解的高级语言例如c或者java到机器语言，例如cpu理解的汇编语言。一些编译器转化同级别语言的被称为转换器或者交叉编译器，例如从TypeScript到jiavascript的编译。这些通常被理解为效率工具。</p> + +<p>绝大多数编译器以预先编译（AOT）或实时编译（JIT）形式工作。作为一个开发者，你通常使用命令行或者集成开发环境（IDE）调用预先编译（AOT）的编译器。最出名的就是gcc编译器了。</p> + +<p>实时编译器通常是用来提高性能的，令你没有感知的。例如在浏览器中，Firefox的SpiderMonkey的JavaScript引擎又一个内置的实时编译器会在你浏览时将网页中的JavaScript代码编译为机器码，从而提供运行效率。类似WebAssembly的项目正在使这些工作做的更好。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Compiler")}} on Wikipedia</li> + <li>The <a href="https://gcc.gnu.org">GNU Compiler Collection (GCC)</a></li> +</ul> + +<h3 id="学习资料">学习资料</h3> + +<ul> + <li><a href="https://medium.com/basecs/a-deeper-inspection-into-compilation-and-interpretation-d98952ebc842">Base CS Introduction on Compilers</a></li> + <li><a href="http://stackoverflow.com/a/1672/133203">A big list of learning material on StackOverflow</a></li> +</ul> diff --git a/files/zh-cn/glossary/编译时间/index.html b/files/zh-cn/glossary/编译时间/index.html new file mode 100644 index 0000000000..8c94f6fa5f --- /dev/null +++ b/files/zh-cn/glossary/编译时间/index.html @@ -0,0 +1,16 @@ +--- +title: 编译时间 +slug: Glossary/编译时间 +translation_of: Glossary/Compile_time +--- +<p>编译时间是指程序从被加载到程序被解析完成所用的时间。</p> + +<h2 id="学习更多">学习更多</h2> + +<h3 id="基础知识">基础知识</h3> + +<ul> + <li>{{Interwiki("wikipedia", "Compile time")}} on Wikipedia</li> +</ul> + +<p> </p> diff --git a/files/zh-cn/glossary/语义/index.html b/files/zh-cn/glossary/语义/index.html new file mode 100644 index 0000000000..54cb20f0b9 --- /dev/null +++ b/files/zh-cn/glossary/语义/index.html @@ -0,0 +1,97 @@ +--- +title: Semantics（语义） +slug: Glossary/语义 +tags: + - 编程 + - 语义 + - 语义化 +translation_of: Glossary/Semantics +--- +<p><span class="seoSummary">在编程中，<strong>语义</strong>指的是一段代码的含义 — 例如 "运行这行 JavaScript 代码会产生怎样的影响?", 或者 "这个 HTML 的元素有什么作用，扮演了什么样的角色"（而不只是 "它看上去像是什么?"。）</span></p> + +<h2 id="JavaScript_中的语义">JavaScript 中的语义</h2> + +<p>JavaScript 中，考虑一个函数，该函数接受一个字符串参数，然后返回一个以该字符串为文本内容的{{htmlelement("li")}}元素。如果该函数调用是<code>build('Peach')</code>，你会需要去看代码才能理解该函数做了什么吗，如果是<code>createLiWithContent('Peach')</code>呢？</p> + +<h2 id="CSS_中的语义">CSS 中的语义</h2> + +<p>CSS 中，考虑给一个列表设置样式，<code>li</code> 元素代表不同类型的水果。通过 <code>div > ul > li</code>，你能知道 DOM 的那一部分会被选择中吗？但如果是 <code>.fruits__item</code> 呢？</p> + +<h2 id="HTML_中的语义">HTML 中的语义</h2> + +<p>HTML 中，例如，{{htmlelement("h1")}} 元素是一个语义化元素，赋予了它包裹着的文本“这个页面中最高级别标题功能“的角色 (或含义) 。</p> + +<pre class="brush: html"><h1>This is a top level heading</h1></pre> + +<p>默认情况下，绝大多数浏览器的 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/Cascade#User-agent_stylesheets">user agent stylesheet</a> 将会赋予一个 {{htmlelement("h1")}} 元素很大的字号尺寸从而使它看上去更像是一个标题（虽然你可以把它格式化为任何你想要的样式），但是更重要的是它的语义会被在很多地方以不同的方式被使用到， 例如搜索引擎会把它包含的内容作为一个重要的关键词，从而影响这个页面在搜索结果中的排序（参见{{ glossary ("SEO")}}），而且屏幕阅读器会使用它来帮助视障用户更好的使用这个页面。</p> + +<p>另一方面，你可以通过样式（CSS）来让任何的元素<em>看上去</em>像是一个最高级别的标题，就像下面所展示的方法一样：</p> + +<pre class="brush: html"><span style="font-size: 32px; margin: 21px 0;">Is this a top level heading?</span></pre> + +<p>这将会把这个元素渲染得像是一个最高级别的标题，但是它的值没有对应到最“最高级别标题”这一语义，所以在此之上，它不会获得更多额外的描述（只是一个普通“span”元素而不是“最高级别标题”这一语义）。所以在恰当的需求下使用恰当的HTML元素是一个不错的主意。</p> + +<p>HTML should be coded to represent the <em>data</em> that will be populated and not based on its default presentation styling. Presentation (how it should look), is the sole responsibility of <a href="/zh-CN/docs/Web/CSS">CSS</a>.</p> + +<p>Some of the benefits from writing semantic markup are as follows:</p> + +<ul> + <li>Search engines will consider its contents as important keywords to influence the page's search rankings (see {{glossary("SEO")}})</li> + <li>Screen readers can use it as a signpost to help visually impaired users navigate a page</li> + <li>Finding blocks of meaningful code is significantly easier than searching though endless <code>div</code>s with or without semantic or namespaced classes</li> + <li>Suggests to the developer the type of data that will be populated</li> + <li>Semantic naming mirrors proper custom element/component naming</li> +</ul> + +<p>When approaching which markup to use, ask yourself, "What element(s) best describe/represent the data that I'm going to populate?" For example, is it a list of data?; ordered, unordered?; is it an article with sections and an aside of related information?; does it list out definitions?; is it a figure or image that needs a caption?; should it have a header and a footer in addition to the global site-wide header and footer?; etc.</p> + +<h2 id="语义化元素">语义化元素</h2> + +<p>这是一些语义化的元（<a href="http://www.w3schools.com/html/html5_semantic_elements.asp" title="w3schools">source</a>）。</p> + +<ul> + <li>{{htmlelement("article")}}</li> + <li>{{htmlelement("aside")}}</li> + <li>{{htmlelement("details")}}</li> + <li>{{htmlelement("figcaption")}}</li> + <li>{{htmlelement("figure")}}</li> + <li>{{htmlelement("footer")}}</li> + <li>{{htmlelement("header")}}</li> + <li>{{htmlelement("main")}}</li> + <li>{{htmlelement("mark")}}</li> + <li>{{htmlelement("nav")}}</li> + <li>{{htmlelement("section")}}</li> + <li>{{htmlelement("summary")}}</li> + <li>{{htmlelement("time")}}</li> +</ul> + +<h2 id="了解更多">了解更多</h2> + +<ul> + <li><a href="/en-US/docs/Web/HTML/Element#Inline_text_semantics">HTML element reference</a> on MDN</li> + <li><a href="/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#Problems_solved_by_HTML5">Using HTML sections and outlines</a> on MDN</li> + <li><a href="http://www.w3schools.com/html/html5_semantic_elements.asp">HTML5 Semantic Elements</a> on w3schools</li> + <li>{{interwiki("wikipedia", "Semantics#Computer_science", "The meaning of semantics in computer science")}} on Wikipedia</li> + <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary">MDN Web Docs Glossary</a> + <ul> + <li>{{Glossary("SEO")}}</li> + </ul> + </li> + <li>Some of semantic elements in HTML + <ul> + <li>{{htmlelement("article")}}</li> + <li>{{htmlelement("aside")}}</li> + <li>{{htmlelement("details")}}</li> + <li>{{htmlelement("figcaption")}}</li> + <li>{{htmlelement("figure")}}</li> + <li>{{htmlelement("footer")}}</li> + <li>{{htmlelement("header")}}</li> + <li>{{htmlelement("main")}}</li> + <li>{{htmlelement("mark")}}</li> + <li>{{htmlelement("nav")}}</li> + <li>{{htmlelement("section")}}</li> + <li>{{htmlelement("summary")}}</li> + <li>{{htmlelement("time")}}</li> + </ul> + </li> +</ul> diff --git a/files/zh-cn/glossary/请求头/index.html b/files/zh-cn/glossary/请求头/index.html new file mode 100644 index 0000000000..666ace7ea4 --- /dev/null +++ b/files/zh-cn/glossary/请求头/index.html @@ -0,0 +1,44 @@ +--- +title: Request header（请求头） +slug: Glossary/请求头 +tags: + - HTTP + - 术语 +translation_of: Glossary/Request_header +--- +<p><strong>请求头</strong>是 {{glossary("header", "HTTP 头")}}的一种，它可在 HTTP 请求中使用，并且和请求主体无关 。某些请求头如 {{HTTPHeader("Accept")}}、{{HTTPHeader("Accept-Language", "Accept-*")}}、 {{HTTPHeader("If-Modified-Since", "If-*")}} 允许执行条件请求。某些请求头如：{{HTTPHeader("Cookie")}}, {{HTTPHeader("User-Agent")}} 和 {{HTTPHeader("Referer")}} 描述了请求本身以确保服务端能返回正确的响应。</p> + +<p>并非所有出现在请求中的 HTTP 首部都属于请求头，例如在 {{HTTPMethod("POST")}} 请求中经常出现的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Content-Length" title="Content-Length 是一个实体消息首部，用来指明发送给接收方的消息主体的大小，即用十进制数字表示的八位元组的数目。"><code>Content-Length</code></a> 实际上是一个代表请求主体大小的 <a href="https://developer.mozilla.org/en-US/docs/Glossary/entity_header" title="entity header: An entity header is an HTTP header describing the content of the body of the message. Entity headers are used in both, HTTP requests and responses. Headers like Content-Length, Content-Language, Content-Encoding are entity headers.">entity header</a>，虽然你也可以把它叫做请求头。</p> + +<p>此外，CORS 定义了一个叫做 {{glossary('simple header', 'simple headers')}} 的集合，它是请求头集合的一个子集。如果某次请求是只包含 {{glossary('simple header', 'simple header')}} 的话，则被认为是简单请求，不会触发请求预检（{{glossary("preflight request", "preflight")}}）。</p> + +<p>下面是一个 HTTP 请求的请求头：</p> + +<pre>GET /home.html HTTP/1.1 +Host: developer.mozilla.org +User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 +Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 +Accept-Language: en-US,en;q=0.5 +Accept-Encoding: gzip, deflate, br +Referer: https://developer.mozilla.org/testpage.html +Connection: keep-alive +Upgrade-Insecure-Requests: 1 +If-Modified-Since: Mon, 18 Jul 2016 02:36:04 GMT +If-None-Match: "c561c68d0ba92bbeb8b0fff2a9199f722e3a621a" +Cache-Control: max-age=0</pre> + +<p>严格来说在这个例子中的 {{HTTPHeader("Content-Length")}} 不是一个请求头，而是一个实体头（{{glossary("entity header")}}）：</p> + +<pre>POST /myform.html HTTP/1.1 +Host: developer.mozilla.org +User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 +Content-Length: 128 +</pre> + +<h2 id="深入了解">深入了解</h2> + +<h3 id="技术信息">技术信息</h3> + +<ul> + <li><a href="/zh-CN/docs/Web/HTTP/Headers">HTTP 头部列表</a></li> +</ul> diff --git a/files/zh-cn/glossary/通用首部/index.html b/files/zh-cn/glossary/通用首部/index.html new file mode 100644 index 0000000000..acb1f99edf --- /dev/null +++ b/files/zh-cn/glossary/通用首部/index.html @@ -0,0 +1,11 @@ +--- +title: General header（通用首部） +slug: Glossary/通用首部 +tags: + - HTTP + - 术语 +translation_of: Glossary/General_header +--- +<p><strong>通用首部</strong>指的是可以应用于请求和响应中，但是不能应用于消息内容自身的 {{glossary('Header', 'HTTP 首部')}} 。 取决于应用的上下文环境，通用首部可以是{{glossary("Response header", "响应头部")}}或者{{glossary("request header", "请求头部")}}。但是不可以是{{glossary("entity header", "实体头部")}}。</p> + +<p>最常见的通用首部包括：{{HTTPHeader('Date')}}、{{HTTPheader("Cache-Control")}} 或 {{HTTPHeader("Connection")}}。</p> diff --git a/files/zh-cn/glossary/面向对象编程/index.html b/files/zh-cn/glossary/面向对象编程/index.html new file mode 100644 index 0000000000..4f2793cc69 --- /dev/null +++ b/files/zh-cn/glossary/面向对象编程/index.html @@ -0,0 +1,21 @@ +--- +title: OOP +slug: Glossary/面向对象编程 +tags: + - 初学者 + - 术语 + - 编写脚本 +translation_of: Glossary/OOP +--- +<p><strong>OOP</strong>（面向对象编程）是一种编程方法，其中数据封装在<strong>{{glossary("object","对象")}}</strong>中，对象本身在其上运行，而不是其组成部分。</p> + +<p>{{glossary("JavaScript")}} 是高度面向对象的。它遵循基于原型的模型（<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">与基于类的模型相反</a>）。</p> + +<h2 id="了解更多">了解更多</h2> + +<h3 id="常识">常识</h3> + +<ul> + <li>维基百科：{{Interwiki("wikipedia", "Object-oriented programming")}}</li> + <li><a href="/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">JavaScript面向对象简介</a></li> +</ul> |