Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutoCorrect files/zh-cn/web/api/m*/ #5915

Merged
merged 15 commits into from
May 29, 2022
12 changes: 6 additions & 6 deletions files/zh-cn/web/api/messagechannel/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,31 +12,31 @@
---
<p>{{APIRef("HTML DOM")}}</p>

<p>Channel Messaging API的<strong><code>MessageChannel</code></strong> 接口允许我们创建一个新的消息通道,并通过它的两个{{domxref("MessagePort")}} 属性发送数据。</p>
<p>Channel Messaging API 的<strong><code>MessageChannel</code></strong> 接口允许我们创建一个新的消息通道,并通过它的两个{{domxref("MessagePort")}} 属性发送数据。</p>

<p>{{AvailableInWorkers}}</p>

<h2 id="属性">属性</h2>

<dl>
<dt>{{domxref("MessageChannel.port1")}} {{readonlyInline}}</dt>
<dd>返回channel的port1。</dd>
<dd>返回 channel 的 port1。</dd>
<dt>{{domxref("MessageChannel.port2")}} {{readonlyInline}}</dt>
<dd>返回channel的port2。</dd>
<dd>返回 channel 的 port2。</dd>
</dl>

<h2 id="构造函数">构造函数</h2>

<dl>
<dt>{{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}</dt>
<dd>
<p>返回一个带有两个MessagePort属性的MessageChannel新对象。</p>
<p>返回一个带有两个 MessagePort 属性的 MessageChannel 新对象。</p>
</dd>
</dl>

<h2 id="示例">示例</h2>

<p>在以下代码块中,您可以看到使用MessageChannel构造函数实例化了一个channel对象。当iframe加载完毕,我们使用MessagePort.postMessage方法把一条消息和MessageChannel.port2传递给iframe。handleMessage处理程序将会从iframe中(使用MessagePort.onmessage监听事件)接收到信息,将数据其放入innerHTML中。</p>
<p>在以下代码块中,您可以看到使用 MessageChannel 构造函数实例化了一个 channel 对象。当 iframe 加载完毕,我们使用 MessagePort.postMessage 方法把一条消息和 MessageChannel.port2 传递给 iframe。handleMessage 处理程序将会从 iframe 中(使用 MessagePort.onmessage 监听事件)接收到信息,将数据其放入 innerHTML 中。</p>

<pre class="brush: js">var channel = new MessageChannel();
var para = document.querySelector('p');
Expand All @@ -55,7 +55,7 @@ <h2 id="示例">示例</h2>
para.innerHTML = e.data;
} </pre>

<p>一个完整的运行示例,可以在Github上查看 <a class="external external-icon" href="https://github.com/mdn/dom-examples/tree/master/channel-messaging-basic">channel messaging basic demo</a>  (<a class="external external-icon" href="https://mdn.github.io/dom-examples/channel-messaging-basic/">run it live too</a>).</p>
<p>一个完整的运行示例,可以在 Github 上查看 <a class="external external-icon" href="https://github.com/mdn/dom-examples/tree/master/channel-messaging-basic">channel messaging basic demo</a>  (<a class="external external-icon" href="https://mdn.github.io/dom-examples/channel-messaging-basic/">run it live too</a>).</p>

<h2 id="Specifications规范">Specifications/规范</h2>

Expand Down
6 changes: 3 additions & 3 deletions files/zh-cn/web/api/messagechannel/port1/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,11 +15,11 @@ <h2 id="语法">语法</h2>

<h3 id="Value">Value</h3>

<p>一个 {{domxref("MessagePort")}} 对象, 通道的第一个端口,此端口连接到源上下文通道。</p>
<p>一个 {{domxref("MessagePort")}} 对象通道的第一个端口,此端口连接到源上下文通道。</p>

<h2 id="示例">示例</h2>

<p>在以下代码块中,您可以看到使用 {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}构造函数创建的新通道。当{{HTMLElement("iframe")}}加载完毕,我们使用{{domxref("MessagePort.postMessage")}}方法把一条消息和{{domxref("MessageChannel.port2")}}传递给{{HTMLElement("iframe")}}。handleMessage处理程序将会从&lt;iframe&gt;中(使用{{domxref("MessagePort.onmessage")}}监听事件)接收到信息,将数据其放入一个段落。handleMessage 方法关联到 port1用于监听收到的消息。</p>
<p>在以下代码块中,您可以看到使用 {{domxref("MessageChannel.MessageChannel", "MessageChannel()")}}构造函数创建的新通道。当{{HTMLElement("iframe")}}加载完毕,我们使用{{domxref("MessagePort.postMessage")}}方法把一条消息和{{domxref("MessageChannel.port2")}}传递给{{HTMLElement("iframe")}}。handleMessage 处理程序将会从&lt;iframe&gt;中(使用{{domxref("MessagePort.onmessage")}}监听事件)接收到信息,将数据其放入一个段落。handleMessage 方法关联到 port1 用于监听收到的消息。</p>

<pre class="brush: js;highlight[13]">var channel = new MessageChannel();
var para = document.querySelector('p');
Expand All @@ -39,7 +39,7 @@ <h2 id="示例">示例</h2>
}
</pre>

<p>一个完整的运行示例,可以在Github上查看 <a class="external external-icon" href="https://github.com/mdn/channel-messaging-basic-demo">channel messaging basic demo</a>  (<a class="external external-icon" href="http://mdn.github.io/channel-messaging-basic-demo/">run it live too</a>).</p>
<p>一个完整的运行示例,可以在 Github 上查看 <a class="external external-icon" href="https://github.com/mdn/channel-messaging-basic-demo">channel messaging basic demo</a>  (<a class="external external-icon" href="http://mdn.github.io/channel-messaging-basic-demo/">run it live too</a>).</p>

<h2 id="规范">规范</h2>

Expand Down
4 changes: 2 additions & 2 deletions files/zh-cn/web/api/messagechannel/port2/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ <h3 id="值">值</h3>

<h2 id="示例">示例</h2>

<p>如下代码所示,通过{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}}构造函数创建了一个新的通道。当IFrame加载完毕,我们使用{{domxref("MessagePort.postMessage")}}将一条消息以及port2传递给IFrame。handleMessage处理程序响应从IFrame发回的消息(使用 {{domxref("MessagePort.onmessage")}}),将其放入段落中。{{domxref("MessageChannel.port1")}}已经监听,以检测消息何时到达。</p>
<p>如下代码所示,通过{{domxref("MessageChannel()", "MessageChannel.MessageChannel")}}构造函数创建了一个新的通道。当 IFrame 加载完毕,我们使用{{domxref("MessagePort.postMessage")}}将一条消息以及 port2 传递给 IFrame。handleMessage 处理程序响应从 IFrame 发回的消息(使用 {{domxref("MessagePort.onmessage")}}),将其放入段落中。{{domxref("MessageChannel.port1")}}已经监听,以检测消息何时到达。</p>

<pre class="brush: js">var channel = new MessageChannel();
var para = document.querySelector('p');
Expand All @@ -40,7 +40,7 @@ <h2 id="示例">示例</h2>
para.innerHTML = e.data;
} </pre>

<p>有关完整的运行示例,请参阅我们在GitHub的 <a class="external external-icon" href="https://github.com/mdn/channel-messaging-basic-demo">channel messaging basic demo</a>  (<a class="external external-icon" href="http://mdn.github.io/channel-messaging-basic-demo/">run it live too</a>).</p>
<p>有关完整的运行示例,请参阅我们在 GitHub 的 <a class="external external-icon" href="https://github.com/mdn/channel-messaging-basic-demo">channel messaging basic demo</a>  (<a class="external external-icon" href="http://mdn.github.io/channel-messaging-basic-demo/">run it live too</a>).</p>

<h2 id="Specifications">Specifications</h2>

Expand Down
14 changes: 7 additions & 7 deletions files/zh-cn/web/api/messageevent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,12 @@
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API">Web sockets</a> (参见 <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSocket">WebSocket</a> 接口的 <code>onmessage</code> 属性).</li>
<li>Cross-document messaging (参见 {{domxref("Window.postMessage()")}} 和 {{domxref("Window.onmessage")}}).</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API">Channel messaging</a> (参见 {{domxref("MessagePort.postMessage()")}} 和{{domxref("MessagePort.onmessage")}}).</li>
<li>Cross-worker/document messaging (参见上面两个入口, 还有 {{domxref("Worker.postMessage()")}}, {{domxref("Worker.onmessage")}}, {{domxref("ServiceWorkerGlobalScope.onmessage")}}, 等等.)</li>
<li>Cross-worker/document messaging (参见上面两个入口还有 {{domxref("Worker.postMessage()")}}, {{domxref("Worker.onmessage")}}, {{domxref("ServiceWorkerGlobalScope.onmessage")}}, 等等.)</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast channels</a> (参见 {{domxref("Broadcastchannel.postMessage()")}}) 和 {{domxref("BroadcastChannel.onmessage")}}).</li>
<li>WebRTC data channels (参见 {{domxref("RTCDataChannel.onmessage")}}).</li>
</ul>

<p>通过这个事件触发的动作被定义为一个函数,该函数作为相关{{event("message")}}事件 (例如使用前文所列的<code>onmessage</code> 处理器)的事件处理器。</p>
<p>通过这个事件触发的动作被定义为一个函数,该函数作为相关{{event("message")}}事件 (例如使用前文所列的<code>onmessage</code> 处理器) 的事件处理器。</p>

<p>{{AvailableInWorkers}}</p>

Expand All @@ -49,7 +49,7 @@ <h2 id="Attributes" name="Attributes">属性</h2>
<dt>{{domxref("MessageEvent.lastEventId")}} {{readonlyInline}}</dt>
<dd>{{domxref("DOMString")}} representing a unique ID for the event.</dd>
<dt>{{domxref("MessageEvent.source")}}</dt>
<dd><code>MessageEventSource</code> (可以是 {{domxref("WindowProxy")}}, {{domxref("MessagePort")}}, 或 {{domxref("ServiceWorker")}} 对象) 代表消息发送者.</dd>
<dd><code>MessageEventSource</code> (可以是 {{domxref("WindowProxy")}}, {{domxref("MessagePort")}}, 或 {{domxref("ServiceWorker")}} 对象) 代表消息发送者</dd>
<dt>{{domxref("MessageEvent.ports")}}</dt>
<dd>{{domxref("MessagePort")}}对象数组,表示消息正通过特定通道(数据通道)发送的相关端口(适用于通道消息传输或者向一个共享线程(shared work )发送消息时)。</dd>
</dl>
Expand All @@ -67,17 +67,17 @@ <h2 id="方法">方法</h2>

<h2 id="示例">示例</h2>

<p>在我们的基础共享线程示例 <a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a class="external external-icon" href="http://mdn.github.io/simple-shared-worker/">run shared worker</a>)中,我们有两个HTML页, 每一页都用简单的js代码去执行简单的计算. 不同的脚本使用同一个worker文件去执行计算 — 它们都可以访问那个worker文件,即使它们(scripts)运行在不同的窗口.</p>
<p>在我们的基础共享线程示例 <a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">Basic shared worker example</a> (<a class="external external-icon" href="http://mdn.github.io/simple-shared-worker/">run shared worker</a>) 中,我们有两个 HTML 页,每一页都用简单的 js 代码去执行简单的计算。不同的脚本使用同一个 worker 文件去执行计算 — 它们都可以访问那个 worker 文件,即使它们(scripts)运行在不同的窗口</p>

<p>下面的代码片段展示了使用{{domxref("SharedWorker.SharedWorker", "SharedWorker()")}}构造器创建一个 <code>SharedWorker</code>对象。</p>

<pre class="brush: js line-numbers language-js"><code class="language-js">var myWorker = new SharedWorker('worker.js');</code></pre>

<p>接下来两份脚本通过一个{{domxref("SharedWorker.port")}}方法创建的{{domxref("MessagePort")}}对象访问worker。如果onmessage事件通过addEventListener被绑定,端口可以用<code>start()</code>方法手动开启:</p>
<p>接下来两份脚本通过一个{{domxref("SharedWorker.port")}}方法创建的{{domxref("MessagePort")}}对象访问 worker。如果 onmessage 事件通过 addEventListener 被绑定,端口可以用<code>start()</code>方法手动开启:</p>

<pre class="brush: js line-numbers language-js"><code class="language-js">myWorker.port.start();</code></pre>

<p>当端口被打开,两份脚本各自都可用 <code>port.postMessage()</code> 向worker传消息并用  <code>port.onmessage</code>处理它(worker)传来的消息:</p>
<p>当端口被打开,两份脚本各自都可用 <code>port.postMessage()</code> 向 worker 传消息并用  <code>port.onmessage</code>处理它(worker)传来的消息</p>

<pre class="brush: js line-numbers language-js"><code class="language-js">first.onchange = function() {
myWorker.port.postMessage([first.value,second.value]);
Expand All @@ -94,7 +94,7 @@ <h2 id="示例">示例</h2>
console.log('Message received from worker');
}</code></pre>

<p>在worker内部我们使用{{domxref("SharedWorkerGlobalScope.onconnect")}} 处理器来连接前文说到相同端口. 与worker相关联的端口可以在{{event("connect")}}事件的<code>ports</code> 属性中访问到 — 接着我们使用{{domxref("MessagePort")}} <code>start()</code> 方法打开端口,  <code>onmessage</code> 处理器来处理主线程传来的消息。</p>
<p>在 worker 内部我们使用{{domxref("SharedWorkerGlobalScope.onconnect")}} 处理器来连接前文说到相同端口。与 worker 相关联的端口可以在{{event("connect")}}事件的<code>ports</code> 属性中访问到 — 接着我们使用{{domxref("MessagePort")}} <code>start()</code> 方法打开端口  <code>onmessage</code> 处理器来处理主线程传来的消息。</p>
huacnlee marked this conversation as resolved.
Show resolved Hide resolved

<pre class="brush: js line-numbers language-js"><code class="language-js">onconnect = function(e) {
yin1999 marked this conversation as resolved.
Show resolved Hide resolved
var port = e.ports[0];
Expand Down
14 changes: 7 additions & 7 deletions files/zh-cn/web/api/messageevent/messageevent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,19 +15,19 @@ <h3 id="参数">参数</h3>

<dl>
<dt>type</dt>
<dd>要创建的<code>MessageEvent</code>的类型。这可能是XXX中的一个</dd>
<dd>要创建的<code>MessageEvent</code>的类型。这可能是 XXX 中的一个</dd>
<dt>
<p><strong><code>init</code> </strong>{{optional_inline}}</p>
</dt>
<dd>
<p>可以包含以下属性的dictionary对象:</p>
<p>可以包含以下属性的 dictionary 对象:</p>

<ul>
<li><code>data</code>: 您希望包含在MessageEvent中的数据。这可以是任何数据类型,如果没有指定,则默认为null。</li>
<li><code>origin</code>: {{domxref("USVString")}} 表示消息发送源。如果没有指定,则默认为空字符串("")。</li>
<li><code>lastEventId</code>: {{domxref("DOMString")}} 表示事件的唯一ID。如果没有指定,则默认为空字符串("")。</li>
<li><code>source</code>: <code>MessageEventSource</code> (可以是 {{domxref("WindowProxy")}}, {{domxref("MessagePort")}}, 或 {{domxref("ServiceWorker")}} 对象) 表示消息发送对象。如果没有设置,则默认为null。</li>
<li><code>ports</code>:  {{domxref("MessagePort")}} 对象数组,表示正在通过的消息通道关联的端口(在适当的情况下,例如在通道消息传递或向共享工作者发送消息时)。如果没有指定,则默认为空数组([])。</li>
<li><code>data</code>: 您希望包含在 MessageEvent 中的数据。这可以是任何数据类型,如果没有指定,则默认为 null。</li>
<li><code>origin</code>: {{domxref("USVString")}} 表示消息发送源。如果没有指定,则默认为空字符串 ("")。</li>
<li><code>lastEventId</code>: {{domxref("DOMString")}} 表示事件的唯一 ID。如果没有指定,则默认为空字符串 ("")。</li>
<li><code>source</code>: <code>MessageEventSource</code> (可以是 {{domxref("WindowProxy")}}, {{domxref("MessagePort")}}, 或 {{domxref("ServiceWorker")}} 对象) 表示消息发送对象。如果没有设置,则默认为 null。</li>
<li><code>ports</code>:  {{domxref("MessagePort")}} 对象数组,表示正在通过的消息通道关联的端口 (在适当的情况下,例如在通道消息传递或向共享工作者发送消息时)。如果没有指定,则默认为空数组 ([])。</li>
</ul>
</dd>
</dl>
Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/api/messageport/message_event/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
---
<div>{{APIRef("HTML DOM")}}</div>

<p> {{domxref("MessagePort")}} 接口的 <code><strong>onmessage </strong></code>事件处理程序是一个{{domxref("EventListener")}}, 当在端口上触发一个类型为 <strong>message</strong> 的{{domxref("MessageEvent")}} 时被调用 - 即,当端口接收到消息时。</p>
<p> {{domxref("MessagePort")}} 接口的 <code><strong>onmessage </strong></code>事件处理程序是一个{{domxref("EventListener")}}, 当在端口上触发一个类型为 <strong>message</strong> 的{{domxref("MessageEvent")}} 时被调用 - 即当端口接收到消息时。</p>

<p>{{AvailableInWorkers}}</p>

Expand Down
4 changes: 2 additions & 2 deletions files/zh-cn/web/api/mimetype/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
---
<p>{{SeeCompatTable}}{{APIRef("HTML DOM")}}</p>

<p>这 <strong><code>MimeType</code></strong> 接口提供了包含以下信息MIME 与特定插件关联的类型。. {{domxref("NavigatorPlugins.mimeTypes")}} 返回此对象的数组.</p>
<p>这 <strong><code>MimeType</code></strong> 接口提供了包含以下信息 MIME 与特定插件关联的类型。. {{domxref("NavigatorPlugins.mimeTypes")}} 返回此对象的数组</p>

<h2 id="属性">属性</h2>

Expand All @@ -17,7 +17,7 @@ <h2 id="属性">属性</h2>
<dt>{{domxref("MimeType.suffixes")}}</dt>
<dd>包含插件,所显示的数据的有效文件扩展名的字符串或空字符串,如果扩展名为特定的模块无效。例如,浏览器内容解密模块可能出现在插件列表中,但支持更多文件 extenions 比可以预期。因此,它可能会返回一个空字符串。</dd>
<dt>{{domxref("MimeType.enabledPlugin")}}</dt>
<dd>返回{ { domxref实例(“插件”)} }包含插件本身的信息。</dd>
<dd>返回{ { domxref 实例(“插件”)} }包含插件本身的信息。</dd>
huacnlee marked this conversation as resolved.
Show resolved Hide resolved
</dl>

<h2 id="详述">详述</h2>
Expand Down
12 changes: 6 additions & 6 deletions files/zh-cn/web/api/mousescrollevent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
---
<p>{{APIRef("DOM Events")}}{{ non-standard_header() }}{{deprecated_header}}</p>

<p><code>MouseScrollEvent</code>事件对象代表了当用户在滚动鼠标滚轮或操作其他类似的输入设备时触发的事件.</p>
<p><code>MouseScrollEvent</code>事件对象代表了当用户在滚动鼠标滚轮或操作其他类似的输入设备时触发的事件</p>

<p>要优先使用标准化过的<a href="WheelEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/WheelEvent">WheelEvent</a>来代替该陈旧的事件对象.</p>
<p>要优先使用标准化过的<a href="WheelEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/WheelEvent">WheelEvent</a>来代替该陈旧的事件对象</p>

<h2 id="方法概述">方法概述</h2>

Expand All @@ -33,7 +33,7 @@ <h2 id="属性">属性</h2>
<tr>
<td><code>axis</code></td>
<td><code>long</code></td>
<td>表明鼠标滚轮滚动的方向. <strong>只读.</strong></td>
<td>表明鼠标滚轮滚动的方向<strong>只读</strong></td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -82,13 +82,13 @@ <h2 id="Browser_Compatibility" name="Browser_Compatibility">滚轮相关事件
<td><a href="../../../zh-CN/docs/DOM/DOM_event_reference/mousewheel" title="https://developer.mozilla.org/zh-CN/docs/DOM/DOM_event_reference/mousewheel">mousewheel</a></td>
<td><a href="../../../zh-CN/docs/DOM/MouseWheelEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/MouseWheelEvent">MouseWheelEvent</a></td>
<td>非标准</td>
<td>只有Firefox不支持</td>
<td>只有 Firefox 不支持</td>
</tr>
<tr>
<td><a class="new" href="../../../zh-CN/docs/DOM/DOM_event_reference/DOMMouseScroll" title="https://developer.mozilla.org/zh-CN/docs/DOM/DOM_event_reference/DOMMouseScroll">DOMMouseScroll</a></td>
<td><a class="new" href="../../../zh-CN/docs/DOM/MouseScrollEvent" title="https://developer.mozilla.org/zh-CN/docs/DOM/MouseScrollEvent">MouseScrollEvent</a></td>
<td>非标准</td>
<td>只有Firefox支持</td>
<td>只有 Firefox 支持</td>
</tr>
<tr>
<td><a class="new" href="../../../zh-CN/docs/DOM/DOM_event_reference/wheel">wheel</a></td>
Expand All @@ -108,6 +108,6 @@ <h2 class="note" id="相关链接">相关链接</h2>
<ul>
<li><code>DOMMouseScroll</code></li>
<li><code>MozMousePixelScroll</code></li>
<li>非Gecko浏览器中的非标准的鼠标滚轮事件对象: {{ domxref("MouseWheelEvent") }}</li>
<li>非 Gecko 浏览器中的非标准的鼠标滚轮事件对象: {{ domxref("MouseWheelEvent") }}</li>
<li>被标准化的鼠标滚轮事件对象: {{ domxref("WheelEvent") }}</li>
</ul>
Loading