mdn · yin1999 · Jun 8, 2022 · Jun 4, 2022 · Jun 8, 2022 · Jun 8, 2022
@@ -2,22 +2,22 @@
 title: RAIL
 slug: Glossary/RAIL
 tags:
-  - RAIL模型
+  - RAIL 模型
   - 网页性能
   - 词汇表
 translation_of: Glossary/RAIL
 ---
-<p><strong>RAIL</strong>, 是 <strong>Response, Animation, Idle, 和 Load 的首字母缩写</strong>, 是一种由Google Chrome团队与2015年提出的性能模型,  用于提升浏览器内的用户体验和性能.  RAIL模型的理念是 "以用户为中心；最终目标不是让您的网站在任何特定设备上都能运行很快，而是使用户满意。" RAIL把交互分为四个阶段: 页面加载, 空闲, 响应用户输入, 滚动和动画. 按首字母缩写顺序，其主要原则是：</p>
+<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>
+ <dd>应该尽可能快速的响应用户，应该在 100ms 或者 100ms 以内响应用户输入。</dd>
  <dt><strong>动画</strong></dt>
- <dd>在展示动画的时候，每一帧应该以16ms进行渲染，这样可以保持动画效果的一致性，并且避免卡顿。</dd>
+ <dd>在展示动画的时候，每一帧应该以 16ms 进行渲染，这样可以保持动画效果的一致性，并且避免卡顿。</dd>
  <dt><strong>空闲</strong></dt>
- <dd>当使用Javascript主线程的时候，应该把任务划分到执行时间小于50ms的片段中去，这样可以释放线程以进行用户交互</dd>
+ <dd>当使用 Javascript 主线程的时候，应该把任务划分到执行时间小于 50ms 的片段中去，这样可以释放线程以进行用户交互</dd>
  <dt><strong>加载</strong></dt>
- <dd>应该在小于1s的时间内加载完成你的网站，并可以进行用户交互。</dd>
+ <dd>应该在小于 1s 的时间内加载完成你的网站，并可以进行用户交互。</dd>
 </dl>
 
 <h2 id="See_also">See also</h2>

@@ -8,5 +8,5 @@
 <h2 id="更多">更多</h2>
 
 <ul>
- <li><a href="https://developers.google.com/speed/articles/reflow">Google 关于 “最小化浏览器回流” 的文章 </a></li>
+ <li><a href="https://developers.google.com/speed/articles/reflow">Google 关于“最小化浏览器回流”的文章 </a></li>
 </ul>
@@ -5,7 +5,7 @@
 ---
 <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>
+<p>正则表达式在多种语言中都得到了实现，但是最知名的实现，当属 Perl 的实现。该实现引出了名为 PCRE（<em>Perl Compatible Regular Expression</em>）的生态系统。 在 Web 中，{{glossary("JavaScript")}} 通过 {{jsxref("RegExp")}} 对象，给出了正则表达式的另一种实现。</p>
 
 <h2 id="了解更多">了解更多</h2>
 
@@ -20,5 +20,5 @@ <h3 id="基本知识">基本知识</h3>
 <h3 id="技术参考">技术参考</h3>
 
 <ul>
- <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions">在JavaScript中写正则表达式</a></li>
+ <li><a href="/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions">在 JavaScript 中写正则表达式</a></li>
 </ul>
@@ -7,7 +7,7 @@
 translation_of: Glossary/Request_header
 original_slug: Glossary/请求头
 ---
-<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><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="/zh-CN/docs/Web/HTTP/Headers/Content-Length"><code>Content-Length</code></a> 实际上是一个代表请求主体大小的 <a href="/zh-CN/docs/Glossary/entity_header">entity header</a>，虽然你也可以把它叫做请求头。</p>
 

@@ -6,9 +6,9 @@
   - 响应头
 translation_of: Glossary/Response_header
 ---
-<p><strong>响应头（Response header）</strong> 可以定义为：被用于http响应中并且和响应消息主体无关的那一类 {{glossary("header", "HTTP header")}}。像{{HTTPHeader("Age")}}, {{HTTPHeader("Location")}} 和 {{HTTPHeader("Server")}}都属于响应头，他们被用于描述响应。</p>
+<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>并非所有出现在响应中的 http header 都属于响应头，例如{{HTTPHeader("Content-Length")}}就是一个代表响应体消息大小的{{glossary("entity header")}}，虽然你也可以把它叫做响应头。</p>
 
 <p>下面展示了一个 {{HTTPMethod("GET")}}请求的响应头。需要注意的是，严格来说{{HTTPHeader("Content-Encoding")}}和{{HTTPHeader("Content-Type")}}都是属于{{glossary("entity headers")}}。</p>
 
@@ -35,5 +35,5 @@ <h2 id="更多">更多</h2>
 <h3 id="相关内容">相关内容</h3>
 
 <ul>
- <li><a href="/zh-CN/docs/Web/HTTP/Headers">HTTP头部列表</a> </li>
+ <li><a href="/zh-CN/docs/Web/HTTP/Headers">HTTP 头部列表</a> </li>
 </ul>
@@ -33,12 +33,12 @@ <h2 id="更多">更多</h2>
 <h3 id="一般了解">一般了解</h3>
 
 <ul>
- <li>HTTP规范中的 <a href="https://tools.ietf.org/html/rfc7231#section-4.2.1">安全</a> 定义。</li>
+ <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>
+ <li>安全方法的详细解释：{{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("OPTIONS")}}</li>
+ <li>非安全方法的详细解释：{{HTTPMethod("PUT")}}, {{HTTPMethod("DELETE")}}, {{HTTPMethod("POST")}}</li>
 </ul>
@@ -7,17 +7,17 @@
   - scope
 translation_of: Glossary/Scope
 ---
-<p>当前的执行上下文。{{glossary("value","值")}}和<strong>表达式</strong>在其中 "可见" 或可被访问到的上下文。如果一个<strong>{{glossary("variable","变量")}}</strong>或者其他表达式不 "在当前的作用域中"，那么它就是不可用的。 作用域也可以根据代码层次分层，以便子作用域可以访问父作用域，通常是指沿着链式的作用域链查找，而不能从父作用域引用子作用域中的变量和引用。</p>
+<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 函数中使用
+    var x = "declared inside function";  // x 只能在 exampleFunction 函数中使用
     console.log("Inside function");
     console.log(x);
 }
 
-console.log(x);  // 引发error</pre>
+console.log(x);  // 引发 error</pre>
 
 <p>但是，由于变量在函数外被声明为全局变量，因此下面的代码是有效的（当前作用域不存在的变量和引用，就沿着作用域链继续寻找）：</p>
 

@@ -3,9 +3,9 @@
 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><strong>SDP </strong>(Session Description {{glossary("Protocol")}}) 是一个描述{{Glossary("P2P","peer-to-peer")}} 连接的标准。SDP 包含音视频的：编解码 ({{Glossary("codec")}}),源地址，和时间信息。</p>
 
-<p>下面是一个典型的SDP信息示例:</p>
+<p>下面是一个典型的 SDP 信息示例：</p>
 
 <pre>   v=0
    o=alice 2890844526 2890844526 IN IP4 host.anywhere.com
@@ -20,7 +20,7 @@
    a=rtpmap:32 MPV/90000</pre>
 
 <p><br>
- SDP协议从不会被单独使用,而是依靠 {{Glossary("RTP")}} 和{{Glossary("RTSP")}}等协议.SDP也作为{{Glossary("WebRTC")}}的组件之一,用于描述一个session会话.</p>
+ SDP 协议从不会被单独使用，而是依靠 {{Glossary("RTP")}} 和{{Glossary("RTSP")}}等协议.SDP 也作为{{Glossary("WebRTC")}}的组件之一，用于描述一个 session 会话。</p>
 
 <h2 id="了解更多">了解更多</h2>
 

@@ -3,6 +3,6 @@
 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>一个 {{glossary("JavaScript")}} {{glossary("函数")}} 在定义后立即执行。也被熟知为 {{glossary("IIFE")}} (立即执行函数表达式)(Immediately Invoked Function Expression).</p>
 
 <p>请浏览上面 IIFE 解释页链接获取更多信息/.</p>
@@ -8,7 +8,7 @@
 translation_of: Glossary/Semantics
 original_slug: Glossary/语义
 ---
-<p>在编程中，<strong>语义</strong>指的是一段代码的含义 — 例如 "运行这行 JavaScript 代码会产生怎样的影响?", 或者 "这个 HTML 的元素有什么作用，扮演了什么样的角色"（而不只是 "它看上去像是什么?"。）</p>
+<p>在编程中，<strong>语义</strong>指的是一段代码的含义 — 例如 "运行这行 JavaScript 代码会产生怎样的影响？", 或者 "这个 HTML 的元素有什么作用，扮演了什么样的角色"（而不只是 "它看上去像是什么？"。）</p>
 
 <h2 id="JavaScript_中的语义">JavaScript 中的语义</h2>
 
@@ -24,13 +24,13 @@ <h2 id="HTML_中的语义">HTML 中的语义</h2>
 
 <pre class="brush: html">&lt;h1&gt;This is a top level heading&lt;/h1&gt;</pre>
 
-<p>默认情况下，绝大多数浏览器的 <a href="/zh-CN/docs/Web/CSS/Cascade#User-agent_stylesheets">user agent stylesheet</a> 将会赋予一个 {{htmlelement("h1")}} 元素很大的字号尺寸从而使它看上去更像是一个标题（虽然你可以把它格式化为任何你想要的样式），但是更重要的是它的语义会被在很多地方以不同的方式被使用到， 例如搜索引擎会把它包含的内容作为一个重要的关键词，从而影响这个页面在搜索结果中的排序（参见{{ glossary ("SEO")}}），而且屏幕阅读器会使用它来帮助视障用户更好的使用这个页面。</p>
+<p>默认情况下，绝大多数浏览器的 <a href="/zh-CN/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">&lt;span style="font-size: 32px; margin: 21px 0;"&gt;Is this a top level heading?&lt;/span&gt;</pre>
 
-<p>这将会把这个元素渲染得像是一个最高级别的标题，但是它的值没有对应到最“最高级别标题”这一语义，所以在此之上，它不会获得更多额外的描述（只是一个普通“span”元素而不是“最高级别标题”这一语义）。所以在恰当的需求下使用恰当的HTML元素是一个不错的主意。</p>
+<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>
 

@@ -3,19 +3,19 @@
 slug: Glossary/SEO
 translation_of: Glossary/SEO
 ---
-<p><strong>SEO </strong>(搜索引擎优化) 是一种让网站在搜索引擎结果中更加清晰, 也帮助我们将搜索结果更靠前</p>
+<p><strong>SEO </strong>(搜索引擎优化) 是一种让网站在搜索引擎结果中更加清晰，也帮助我们将搜索结果更靠前</p>
 
-<p>搜索引擎{{Glossary("Crawler", "抓取")}}网页，跟随页面之间的链接，并索引找到的内容。 搜索时，搜索引擎会显示索引内容。 爬行者遵守规则。 如果您在为网站进行搜索引擎优化时密切关注这些规则，则会为网站提供最好的机会，以便在首批结果中显示，增加流量和可能的收入（用于电子商务和广告）。</p>
+<p>搜索引擎{{Glossary("Crawler", "抓取")}}网页，跟随页面之间的链接，并索引找到的内容。搜索时，搜索引擎会显示索引内容。爬行者遵守规则。如果您在为网站进行搜索引擎优化时密切关注这些规则，则会为网站提供最好的机会，以便在首批结果中显示，增加流量和可能的收入（用于电子商务和广告）。</p>
 
-<p>搜索引擎为SEO提供了一些指导，但大型搜索引擎将结果排名保持为商业秘密。 SEO结合了官方搜索引擎指南，经验知识和科学论文或专利的理论知识。</p>
+<p>搜索引擎为 SEO 提供了一些指导，但大型搜索引擎将结果排名保持为商业秘密。SEO 结合了官方搜索引擎指南，经验知识和科学论文或专利的理论知识。</p>
 
-<p>SEO方法分为三大类：</p>
+<p>SEO 方法分为三大类：</p>
 
 <dl>
  <dt>技术</dt>
  <dd>使用语义标记内容{{Glossary("HTML")}}. 浏览网站时，抓取工具应该只找到您要编入索引的内容。</dd>
  <dt>撰稿</dt>
- <dd>使用访问者的词汇编写内容。 使用文本和图像，以便抓取工具可以理解主题。</dd>
+ <dd>使用访问者的词汇编写内容。使用文本和图像，以便抓取工具可以理解主题。</dd>
  <dt>
  <p>声望</p>
 

@@ -24,20 +24,20 @@ <h2 id="深入">深入</h2>
 
 <h3 id="JavaScript_中的签名">JavaScript 中的签名</h3>
 
-<p>{{Glossary("JavaScript")}} 是一种<em>松散类型 </em>或 <em>动态</em>语言。这意味着您不必提前声明变量的类型。处理程序时，将自动确定类型。JavaScript 中的签名仍然可以为您提供有关该方法的一些信息:</p>
+<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>
+ <li>该方法接受一个叫 <code>value</code> 的参数，且没有进一步定义。</li>
 </ul>
 
 <h3 id="Java_中的签名">Java 中的签名</h3>
 
-<p>在 {{Glossary("Java")}} 中，签名用于识别虚拟机代码级别的方法和类。你必须在代码中声明变量的类型才能运行 Java 代码。 Java 是<em>严格类型 </em>的，将在编译时检查所有参数是否正确。</p>
+<p>在 {{Glossary("Java")}} 中，签名用于识别虚拟机代码级别的方法和类。你必须在代码中声明变量的类型才能运行 Java 代码。Java 是<em>严格类型 </em>的，将在编译时检查所有参数是否正确。</p>
 
 <pre class="brush: java notranslate">public static void main(String[] args)</pre>
 
@@ -54,5 +54,5 @@ <h2 id="了解更多">了解更多</h2>
 <h3 id="基本知识"><code>基本知识</code></h3>
 
 <ul>
- <li>{{Interwiki("wikipedia", "Type signature#Java", "Java内部类型签名")}} 在维基百科上</li>
+ <li>{{Interwiki("wikipedia", "Type signature#Java", "Java 内部类型签名")}} 在维基百科上</li>
 </ul>
@@ -8,7 +8,7 @@
 translation_of: Glossary/Simple_header
 original_slug: Glossary/简单头部
 ---
-<p>以下的 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP headers</a>都可以被认为是简单头部:</p>
+<p>以下的 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP headers</a>都可以被认为是简单头部：</p>
 
 <ul>
  <li>{{HTTPHeader("Accept")}},</li>

@@ -5,7 +5,7 @@
   - Simple response header
 translation_of: Glossary/Simple_response_header
 ---
-<p>一个简单的响应头（或CORS安全列表的响应头）是一个 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP 头 </a>，它是以下之一：</p>
+<p>一个简单的响应头（或 CORS 安全列表的响应头）是一个 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP 头 </a>，它是以下之一：</p>
 
 <ul>
  <li>{{HTTPHeader("Cache-Control")}}</li>