From c98a9b1cf02d9143cc6924f1991d600c0f807411 Mon Sep 17 00:00:00 2001
From: MDN <actions@users.noreply.github.com>
Date: Wed, 30 Jun 2021 00:38:38 +0000
Subject: [CRON] sync translated content
---
files/zh-cn/_redirects.txt | 3 +
files/zh-cn/_wikihistory.json | 54 +++---
.../orphaned/web/api/childnode/before/index.html | 188 +++++++++++++++++++++
files/zh-cn/orphaned/web/api/childnode/index.html | 78 +++++++++
.../css/transform-function/translatex/index.html | 130 ++++++++++++++
files/zh-cn/web/api/childnode/before/index.html | 187 --------------------
files/zh-cn/web/api/childnode/index.html | 77 ---------
.../css/transform-function/translatex/index.html | 129 --------------
8 files changed, 426 insertions(+), 420 deletions(-)
create mode 100644 files/zh-cn/orphaned/web/api/childnode/before/index.html
create mode 100644 files/zh-cn/orphaned/web/api/childnode/index.html
create mode 100644 files/zh-cn/orphaned/web/css/transform-function/translatex/index.html
delete mode 100644 files/zh-cn/web/api/childnode/before/index.html
delete mode 100644 files/zh-cn/web/api/childnode/index.html
delete mode 100644 files/zh-cn/web/css/transform-function/translatex/index.html
(limited to 'files/zh-cn')
diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
index 4b100a3e17..46df9ce2f8 100644
--- a/files/zh-cn/_redirects.txt
+++ b/files/zh-cn/_redirects.txt
@@ -1468,9 +1468,11 @@
/zh-CN/docs/Web/API/CanvasRenderingContext2D.createPattern /zh-CN/docs/Web/API/CanvasRenderingContext2D/createPattern
/zh-CN/docs/Web/API/Canvas_API/Drawing_graphics_with_canvas /zh-CN/docs/conflicting/Web/API/Canvas_API/Tutorial
/zh-CN/docs/Web/API/Channel_Messaging_API/使用_channel_messaging /zh-CN/docs/Web/API/Channel_Messaging_API/Using_channel_messaging
+/zh-CN/docs/Web/API/ChildNode /zh-CN/docs/orphaned/Web/API/ChildNode
/zh-CN/docs/Web/API/ChildNode.nextElementSibling /zh-CN/docs/Web/API/Element/nextElementSibling
/zh-CN/docs/Web/API/ChildNode.remove /zh-CN/docs/orphaned/Web/API/ChildNode/remove
/zh-CN/docs/Web/API/ChildNode/after /zh-CN/docs/orphaned/Web/API/ChildNode/after
+/zh-CN/docs/Web/API/ChildNode/before /zh-CN/docs/orphaned/Web/API/ChildNode/before
/zh-CN/docs/Web/API/ChildNode/remove /zh-CN/docs/orphaned/Web/API/ChildNode/remove
/zh-CN/docs/Web/API/ChildNode/replaceWith /zh-CN/docs/orphaned/Web/API/ChildNode/replaceWith
/zh-CN/docs/Web/API/Childnode.previousElementSibling /zh-CN/docs/Web/API/Element/previousElementSibling
@@ -2122,6 +2124,7 @@
/zh-CN/docs/Web/CSS/transform-function/skewY /zh-CN/docs/Web/CSS/transform-function/skewY()
/zh-CN/docs/Web/CSS/transform-function/translate /zh-CN/docs/Web/CSS/transform-function/translate()
/zh-CN/docs/Web/CSS/transform-function/translate3d /zh-CN/docs/Web/CSS/transform-function/translate3d()
+/zh-CN/docs/Web/CSS/transform-function/translateX /zh-CN/docs/orphaned/Web/CSS/transform-function/translateX
/zh-CN/docs/Web/CSS/transform-function/translateY /zh-CN/docs/Web/CSS/transform-function/translateY()
/zh-CN/docs/Web/CSS/url /zh-CN/docs/Web/CSS/url()
/zh-CN/docs/Web/CSS/var /zh-CN/docs/Web/CSS/var()
diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
index f804e5262b..3757fd8d23 100644
--- a/files/zh-cn/_wikihistory.json
+++ b/files/zh-cn/_wikihistory.json
@@ -9713,25 +9713,6 @@
"AlexChao"
]
},
- "Web/API/ChildNode": {
- "modified": "2020-10-15T21:30:05.058Z",
- "contributors": [
- "XiangHongAi",
- "RainSlide",
- "ZacharyZhang90S",
- "zhangchen",
- "ifredom",
- "xgqfrms-GitHub",
- "jiahui",
- "AlexChao"
- ]
- },
- "Web/API/ChildNode/before": {
- "modified": "2019-03-23T22:12:22.842Z",
- "contributors": [
- "caoweiju"
- ]
- },
"Web/API/Client": {
"modified": "2019-03-23T22:16:43.346Z",
"contributors": [
@@ -30961,14 +30942,6 @@
"zxk7516"
]
},
- "Web/CSS/transform-function/translateX": {
- "modified": "2019-10-06T06:39:48.638Z",
- "contributors": [
- "LexieAlreadyTaken",
- "lanesky",
- "Vimo"
- ]
- },
"Web/CSS/transform-function/translateY()": {
"modified": "2020-11-30T13:01:20.573Z",
"contributors": [
@@ -49801,6 +49774,19 @@
"smilewalker"
]
},
+ "orphaned/Web/API/ChildNode": {
+ "modified": "2020-10-15T21:30:05.058Z",
+ "contributors": [
+ "XiangHongAi",
+ "RainSlide",
+ "ZacharyZhang90S",
+ "zhangchen",
+ "ifredom",
+ "xgqfrms-GitHub",
+ "jiahui",
+ "AlexChao"
+ ]
+ },
"orphaned/Web/API/ChildNode/after": {
"modified": "2020-10-15T21:51:08.472Z",
"contributors": [
@@ -49808,6 +49794,12 @@
"Cattla"
]
},
+ "orphaned/Web/API/ChildNode/before": {
+ "modified": "2019-03-23T22:12:22.842Z",
+ "contributors": [
+ "caoweiju"
+ ]
+ },
"orphaned/Web/API/ChildNode/remove": {
"modified": "2020-10-15T21:27:27.352Z",
"contributors": [
@@ -50237,6 +50229,14 @@
"zway"
]
},
+ "orphaned/Web/CSS/transform-function/translateX": {
+ "modified": "2019-10-06T06:39:48.638Z",
+ "contributors": [
+ "LexieAlreadyTaken",
+ "lanesky",
+ "Vimo"
+ ]
+ },
"orphaned/Web/Guide/CSS/CSS基础": {
"modified": "2019-03-18T20:41:49.035Z",
"contributors": [
diff --git a/files/zh-cn/orphaned/web/api/childnode/before/index.html b/files/zh-cn/orphaned/web/api/childnode/before/index.html
new file mode 100644
index 0000000000..add3dab015
--- /dev/null
+++ b/files/zh-cn/orphaned/web/api/childnode/before/index.html
@@ -0,0 +1,188 @@
+---
+title: ChildNode.before()
+slug: orphaned/Web/API/ChildNode/before
+tags:
+ - api、dom、节点、方法
+translation_of: Web/API/ChildNode/before
+original_slug: Web/API/ChildNode/before
+---
+<div>{{APIRef("DOM")}} {{SeeCompatTable}}</div>
+
+<p> <code><strong>ChildNode</strong></code><strong><code>.before</code></strong> 方法可以在<code>ChildNode这个节点的父节点中插入一些列的</code> {{domxref("Node")}} 或者 {{domxref("DOMString")}} 对象，位置就是在<code>ChildNode节点的前面，</code>{{domxref("DOMString")}} 对象其实和 {{domxref("Text")}}节点一样的方式来完成插入的。</p>
+
+<h2 id="语法">语法</h2>
+
+<pre class="syntaxbox">[Throws, Unscopable]
+void ChildNode.before((Node or DOMString)... nodes);
+</pre>
+
+<h3 id="Parameters参数">Parameters参数</h3>
+
+<dl>
+ <dt><code>nodes</code></dt>
+ <dd>一系列的 {{domxref("Node")}} 或者 {{domxref("DOMString")}} </dd>
+</dl>
+
+<h3 id="Exceptions">Exceptions</h3>
+
+<ul>
+ <li>{{domxref("HierarchyRequestError")}}: 当节点插入了错误的层级就会出现报错，需要遵循html标签的层级关系，</li>
+</ul>
+
+<h2 id="Examples事例">Examples事例</h2>
+
+<h3 id="Inserting_an_element插入元素节点">Inserting an element插入元素节点</h3>
+
+<pre class="brush: js">var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span);
+
+console.log(parent.outerHTML);
+// "<div><span></span><p></p></div>"
+</pre>
+
+<h3 id="Inserting_text插入文本节点">Inserting text插入文本节点</h3>
+
+<pre class="brush: js">var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+
+child.before("Text");
+
+console.log(parent.outerHTML);
+// "<div>Text<p></p></div>"</pre>
+
+<h3 id="Inserting_an_element_and_text同时插入文本和元素">Inserting an element and text同时插入文本和元素</h3>
+
+<pre class="brush: js">var parent = document.createElement("div");
+var child = document.createElement("p");
+parent.appendChild(child);
+var span = document.createElement("span");
+
+child.before(span, "Text");
+
+console.log(parent.outerHTML);
+// "<div><span></span>Text<p></p></div>"</pre>
+
+<h3 id="ChildNode.before()_is_unscopable不可使用区域"><code>ChildNode.before()</code> is unscopable不可使用区域</h3>
+
+<p>The <code>before()</code> 不能配合with声明使用，See {{jsxref("Symbol.unscopables")}} for more information.</p>
+
+<pre class="brush: js">with(node) {
+ before("foo");
+}
+// ReferenceError: before is not defined </pre>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>兼容ie9或者更高版本的方法，You can polyfill the <code>before() method</code> in Internet Explorer 9 and higher with the following code:</p>
+
+<pre class="brush: js">// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
+(function (arr) {
+ arr.forEach(function (item) {
+ if (item.hasOwnProperty('before')) {
+ return;
+ }
+ Object.defineProperty(item, 'before', {
+ configurable: true,
+ enumerable: true,
+ writable: true,
+ value: function before() {
+ var argArr = Array.prototype.slice.call(arguments),
+ docFrag = document.createDocumentFragment();
+
+ argArr.forEach(function (argItem) {
+ var isNode = argItem instanceof Node;
+ docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
+ });
+
+ this.parentNode.insertBefore(docFrag, this);
+ }
+ });
+ });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);</pre>
+
+<h2 id="Specification">Specification</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">Specification</th>
+ <th scope="col">Status</th>
+ <th scope="col">Comment</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}</td>
+ <td>{{Spec2('DOM WHATWG')}}</td>
+ <td>Initial definition.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatChrome(54.0)}}</td>
+ <td>{{CompatGeckoDesktop(49)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatOpera(39)}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatChrome(54.0)}}</td>
+ <td>{{CompatGeckoMobile(49)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatOpera(39)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatChrome(54.0)}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>{{domxref("ChildNode")}} and {{domxref("ParentNode")}}</li>
+ <li>{{domxref("ChildNode.after()")}}</li>
+ <li>{{domxref("ParentNode.append()")}}</li>
+ <li>{{domxref("Node.appendChild()")}}</li>
+ <li>{{domxref("Node.insertBefore()")}}</li>
+ <li>{{domxref("NodeList")}}</li>
+</ul>
diff --git a/files/zh-cn/orphaned/web/api/childnode/index.html b/files/zh-cn/orphaned/web/api/childnode/index.html
new file mode 100644
index 0000000000..f223684bb2
--- /dev/null
+++ b/files/zh-cn/orphaned/web/api/childnode/index.html
@@ -0,0 +1,78 @@
+---
+title: ChildNode
+slug: orphaned/Web/API/ChildNode
+tags:
+ - API
+ - ChildNode
+ - DOM
+ - Node
+ - 接口
+translation_of: Web/API/ChildNode
+original_slug: Web/API/ChildNode
+---
+<p>{{APIRef("DOM")}}</p>
+
+<p><code><strong>ChildNode</strong></code> 混合了所有(拥有父对象) {{domxref("Node")}} 对象包含的公共方法和属性。其由 {{domxref("Element")}}、{{domxref("DocumentType")}} 和 {{domxref("CharacterData")}} 对象实现。</p>
+
+<h2 id="属性">属性</h2>
+
+<p>没有继承任何属性，也没有任何专有属性。</p>
+
+<h2 id="方法">方法</h2>
+
+<p>没有继承的方法。</p>
+
+<dl>
+ <dt>{{domxref("ChildNode.remove()")}} {{experimental_inline}}</dt>
+ <dd>将 <code>ChildNode</code> 从其父节点的子节点列表中移除。</dd>
+ <dt>{{domxref("ChildNode.before()")}} {{experimental_inline}}</dt>
+ <dd>在其父节点的子节点列表中插入一些 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 <code>ChildNode</code> 之前。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。</dd>
+ <dt>{{domxref("ChildNode.after()")}} {{experimental_inline}}</dt>
+ <dd>在其父节点的子节点列表中插入一些{{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 <code>ChildNode</code> 之后。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。</dd>
+ <dt>{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}</dt>
+ <dd>使用一组 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象替换 <code>ChildNode</code>。{{domxref("DOMString")}} 对象会以 {{domxref("Text")}} 的形式插入。</dd>
+</dl>
+
+<h2 id="规范">规范</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">规范</th>
+ <th scope="col">状态</th>
+ <th scope="col">说明</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}</td>
+ <td>{{Spec2('DOM WHATWG')}}</td>
+ <td>Splitted the <code>ElementTraversal</code> interface in {{domxref("ParentNode")}} and <code>ChildNode</code>. The <code>previousElementSibling</code> and <code>nextElementSibling</code> are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. 新增 <code>remove()</code>, <code>before()</code>, <code>after()</code> and <code>replace()</code> 这四个方法。</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td>
+ <td>{{Spec2('Element Traversal')}}</td>
+ <td>Added the initial definition of its properties to the <code>ElementTraversal</code> pure interface and use it on {{domxref("Element")}}.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Polyfill">Polyfill</h2>
+
+<p>GitHub 上的外部资源：<a href="https://github.com/seznam/JAK/blob/master/lib/polyfills/childNode.js">childNode.js</a></p>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+
+
+<p>{{Compat("api.ChildNode")}}</p>
+
+<h2 id="参见">参见</h2>
+
+<ul>
+ <li>The {{domxref("ParentNode")}} pure interface.</li>
+ <li>
+ <div class="syntaxbox">Object types implementing this pure interface: {{domxref("CharacterData")}}, {{domxref("Element")}}, and {{domxref("DocumentType")}}.</div>
+ </li>
+ <li>
+ <div class="syntaxbox">The {{domxref("NonDocumentTypeChildNode")}} interface.</div>
+ </li>
+</ul>
diff --git a/files/zh-cn/orphaned/web/css/transform-function/translatex/index.html b/files/zh-cn/orphaned/web/css/transform-function/translatex/index.html
new file mode 100644
index 0000000000..6dfb96744e
--- /dev/null
+++ b/files/zh-cn/orphaned/web/css/transform-function/translatex/index.html
@@ -0,0 +1,130 @@
+---
+title: translateX()
+slug: orphaned/Web/CSS/transform-function/translateX
+tags:
+ - CSS函数
+ - CSS变形属性
+ - 参考
+translation_of: Web/CSS/transform-function/translateX
+original_slug: Web/CSS/transform-function/translateX
+---
+<div>{{CSSRef}}</div>
+
+<p>translateX()函数表示在二维平面上水平方向移动元素。 其结果的数据类型是{{cssxref("<transform-function>")}}。</p>
+
+<p><img src="https://mdn.mozillademos.org/files/3544/transform-functions-translateX_2.png" style="height: 146px; width: 243px;"></p>
+
+<div class="note">
+<p><strong>注意</strong>： <code>translateX(tx)</code>等同于 <a href="/en-US/docs/Web/CSS/transform-function/translate">translate</a>(tx, 0) 或者 <a href="/en-US/docs/Web/CSS/transform-function/translate3d">translate3d</a>(tx, 0, 0)。</p>
+</div>
+
+<h2 id="语法">语法</h2>
+
+<pre class="syntaxbox">translateX(t)
+</pre>
+
+<h3 id="参数">参数</h3>
+
+<dl>
+ <dt><code>t</code></dt>
+ <dt> 代表了向量平移的横坐标长度{{cssxref("<length>")}}。</dt>
+</dl>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">ℝ<sup>2</sup>空间中的笛卡尔坐标</th>
+ <th scope="col">在ℝℙ<sup>2</sup>上的投影坐标</th>
+ <th scope="col">在ℝ<sup>3</sup>上的笛卡尔坐标</th>
+ <th scope="col">在ℝℙ<sup>3</sup>上的投影坐标</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td colspan="1" rowspan="2">
+ <p>在ℝ<sup>2 </sup>空间中的平移并非线性变化，因此不能表示为笛卡尔坐标矩阵。</p>
+ </td>
+ <td>
+ <p><math> <mfenced><mtable><mtr>1 <mtd>0 </mtd><mtd>t</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>0 <mtd>1 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
+ </td>
+ <td colspan="1" rowspan="2">
+ <p><math> <mfenced><mtable><mtr>1 <mtd>0 </mtd><mtd>t</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>0 <mtd>1 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
+ </td>
+ <td colspan="1" rowspan="2">
+ <p><math> <mfenced><mtable><mtr>1 <mtd>0 </mtd><mtd>0 </mtd><mtd>t</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>0 <mtd>1 </mtd><mtd>0 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>1 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
+
+ <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>0 </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
+ </td>
+ </tr>
+ <tr>
+ <td><code>[1 0 0 1 t 0]</code></td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="示例">示例</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html"><code><div>Static</div>
+<div class="moved">Moved</div>
+<div>Static</div></code></pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css"><code>div {
+ width: 60px;
+ height: 60px;
+ background-color: skyblue;
+}
+
+.moved {
+ transform: translateX(10px); /* 等同于 translate(10px) */
+ background-color: pink;
+}</code></pre>
+
+<h3 id="结果">结果</h3>
+
+<p>{{EmbedLiveSample("Examples", 250, 250)}}</p>
+
+<h2 id="标准化说明">标准化说明</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">标准</th>
+ <th scope="col">状态</th>
+ <th scope="col">备注</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}</td>
+ <td>{{Spec2("CSS3 Transforms")}}</td>
+ <td>原始定义</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+<p>请前往数据类型{{cssxref("transform-function")}}的页面以查看兼容性信息。</p>
+
+<h2 id="参阅">参阅</h2>
+
+<ul>
+ <li>{{cssxref("transform")}}</li>
+ <li>{{cssxref("<transform-function>")}}</li>
+</ul>
diff --git a/files/zh-cn/web/api/childnode/before/index.html b/files/zh-cn/web/api/childnode/before/index.html
deleted file mode 100644
index a09c552459..0000000000
--- a/files/zh-cn/web/api/childnode/before/index.html
+++ /dev/null
@@ -1,187 +0,0 @@
----
-title: ChildNode.before()
-slug: Web/API/ChildNode/before
-tags:
- - api、dom、节点、方法
-translation_of: Web/API/ChildNode/before
----
-<div>{{APIRef("DOM")}} {{SeeCompatTable}}</div>
-
-<p> <code><strong>ChildNode</strong></code><strong><code>.before</code></strong> 方法可以在<code>ChildNode这个节点的父节点中插入一些列的</code> {{domxref("Node")}} 或者 {{domxref("DOMString")}} 对象，位置就是在<code>ChildNode节点的前面，</code>{{domxref("DOMString")}} 对象其实和 {{domxref("Text")}}节点一样的方式来完成插入的。</p>
-
-<h2 id="语法">语法</h2>
-
-<pre class="syntaxbox">[Throws, Unscopable]
-void ChildNode.before((Node or DOMString)... nodes);
-</pre>
-
-<h3 id="Parameters参数">Parameters参数</h3>
-
-<dl>
- <dt><code>nodes</code></dt>
- <dd>一系列的 {{domxref("Node")}} 或者 {{domxref("DOMString")}} </dd>
-</dl>
-
-<h3 id="Exceptions">Exceptions</h3>
-
-<ul>
- <li>{{domxref("HierarchyRequestError")}}: 当节点插入了错误的层级就会出现报错，需要遵循html标签的层级关系，</li>
-</ul>
-
-<h2 id="Examples事例">Examples事例</h2>
-
-<h3 id="Inserting_an_element插入元素节点">Inserting an element插入元素节点</h3>
-
-<pre class="brush: js">var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span);
-
-console.log(parent.outerHTML);
-// "<div><span></span><p></p></div>"
-</pre>
-
-<h3 id="Inserting_text插入文本节点">Inserting text插入文本节点</h3>
-
-<pre class="brush: js">var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-
-child.before("Text");
-
-console.log(parent.outerHTML);
-// "<div>Text<p></p></div>"</pre>
-
-<h3 id="Inserting_an_element_and_text同时插入文本和元素">Inserting an element and text同时插入文本和元素</h3>
-
-<pre class="brush: js">var parent = document.createElement("div");
-var child = document.createElement("p");
-parent.appendChild(child);
-var span = document.createElement("span");
-
-child.before(span, "Text");
-
-console.log(parent.outerHTML);
-// "<div><span></span>Text<p></p></div>"</pre>
-
-<h3 id="ChildNode.before()_is_unscopable不可使用区域"><code>ChildNode.before()</code> is unscopable不可使用区域</h3>
-
-<p>The <code>before()</code> 不能配合with声明使用，See {{jsxref("Symbol.unscopables")}} for more information.</p>
-
-<pre class="brush: js">with(node) {
- before("foo");
-}
-// ReferenceError: before is not defined </pre>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<p>兼容ie9或者更高版本的方法，You can polyfill the <code>before() method</code> in Internet Explorer 9 and higher with the following code:</p>
-
-<pre class="brush: js">// from: https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/before()/before().md
-(function (arr) {
- arr.forEach(function (item) {
- if (item.hasOwnProperty('before')) {
- return;
- }
- Object.defineProperty(item, 'before', {
- configurable: true,
- enumerable: true,
- writable: true,
- value: function before() {
- var argArr = Array.prototype.slice.call(arguments),
- docFrag = document.createDocumentFragment();
-
- argArr.forEach(function (argItem) {
- var isNode = argItem instanceof Node;
- docFrag.appendChild(isNode ? argItem : document.createTextNode(String(argItem)));
- });
-
- this.parentNode.insertBefore(docFrag, this);
- }
- });
- });
-})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);</pre>
-
-<h2 id="Specification">Specification</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-childnode-before', 'ChildNode.before()')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(54.0)}}</td>
- <td>{{CompatGeckoDesktop(49)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOpera(39)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(54.0)}}</td>
- <td>{{CompatGeckoMobile(49)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOpera(39)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(54.0)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li>{{domxref("ChildNode")}} and {{domxref("ParentNode")}}</li>
- <li>{{domxref("ChildNode.after()")}}</li>
- <li>{{domxref("ParentNode.append()")}}</li>
- <li>{{domxref("Node.appendChild()")}}</li>
- <li>{{domxref("Node.insertBefore()")}}</li>
- <li>{{domxref("NodeList")}}</li>
-</ul>
diff --git a/files/zh-cn/web/api/childnode/index.html b/files/zh-cn/web/api/childnode/index.html
deleted file mode 100644
index 4566c0d514..0000000000
--- a/files/zh-cn/web/api/childnode/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
----
-title: ChildNode
-slug: Web/API/ChildNode
-tags:
- - API
- - ChildNode
- - DOM
- - Node
- - 接口
-translation_of: Web/API/ChildNode
----
-<p>{{APIRef("DOM")}}</p>
-
-<p><code><strong>ChildNode</strong></code> 混合了所有(拥有父对象) {{domxref("Node")}} 对象包含的公共方法和属性。其由 {{domxref("Element")}}、{{domxref("DocumentType")}} 和 {{domxref("CharacterData")}} 对象实现。</p>
-
-<h2 id="属性">属性</h2>
-
-<p>没有继承任何属性，也没有任何专有属性。</p>
-
-<h2 id="方法">方法</h2>
-
-<p>没有继承的方法。</p>
-
-<dl>
- <dt>{{domxref("ChildNode.remove()")}} {{experimental_inline}}</dt>
- <dd>将 <code>ChildNode</code> 从其父节点的子节点列表中移除。</dd>
- <dt>{{domxref("ChildNode.before()")}} {{experimental_inline}}</dt>
- <dd>在其父节点的子节点列表中插入一些 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 <code>ChildNode</code> 之前。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。</dd>
- <dt>{{domxref("ChildNode.after()")}} {{experimental_inline}}</dt>
- <dd>在其父节点的子节点列表中插入一些{{domxref("Node")}} 或 {{domxref("DOMString")}} 对象。插入位置为 <code>ChildNode</code> 之后。{{domxref("DOMString")}} 对象会被以 {{domxref("Text")}} 的形式插入。</dd>
- <dt>{{domxref("ChildNode.replaceWith()")}} {{experimental_inline}}</dt>
- <dd>使用一组 {{domxref("Node")}} 或 {{domxref("DOMString")}} 对象替换 <code>ChildNode</code>。{{domxref("DOMString")}} 对象会以 {{domxref("Text")}} 的形式插入。</dd>
-</dl>
-
-<h2 id="规范">规范</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">规范</th>
- <th scope="col">状态</th>
- <th scope="col">说明</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#interface-childnode', 'ChildNode')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Splitted the <code>ElementTraversal</code> interface in {{domxref("ParentNode")}} and <code>ChildNode</code>. The <code>previousElementSibling</code> and <code>nextElementSibling</code> are now defined on the latter. The {{domxref("CharacterData")}} and {{domxref("DocumentType")}} implemented the new interfaces. 新增 <code>remove()</code>, <code>before()</code>, <code>after()</code> and <code>replace()</code> 这四个方法。</td>
- </tr>
- <tr>
- <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td>
- <td>{{Spec2('Element Traversal')}}</td>
- <td>Added the initial definition of its properties to the <code>ElementTraversal</code> pure interface and use it on {{domxref("Element")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Polyfill">Polyfill</h2>
-
-<p>GitHub 上的外部资源：<a href="https://github.com/seznam/JAK/blob/master/lib/polyfills/childNode.js">childNode.js</a></p>
-
-<h2 id="浏览器兼容性">浏览器兼容性</h2>
-
-
-
-<p>{{Compat("api.ChildNode")}}</p>
-
-<h2 id="参见">参见</h2>
-
-<ul>
- <li>The {{domxref("ParentNode")}} pure interface.</li>
- <li>
- <div class="syntaxbox">Object types implementing this pure interface: {{domxref("CharacterData")}}, {{domxref("Element")}}, and {{domxref("DocumentType")}}.</div>
- </li>
- <li>
- <div class="syntaxbox">The {{domxref("NonDocumentTypeChildNode")}} interface.</div>
- </li>
-</ul>
diff --git a/files/zh-cn/web/css/transform-function/translatex/index.html b/files/zh-cn/web/css/transform-function/translatex/index.html
deleted file mode 100644
index 16047b2fc6..0000000000
--- a/files/zh-cn/web/css/transform-function/translatex/index.html
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: translateX()
-slug: Web/CSS/transform-function/translateX
-tags:
- - CSS函数
- - CSS变形属性
- - 参考
-translation_of: Web/CSS/transform-function/translateX
----
-<div>{{CSSRef}}</div>
-
-<p>translateX()函数表示在二维平面上水平方向移动元素。 其结果的数据类型是{{cssxref("<transform-function>")}}。</p>
-
-<p><img src="https://mdn.mozillademos.org/files/3544/transform-functions-translateX_2.png" style="height: 146px; width: 243px;"></p>
-
-<div class="note">
-<p><strong>注意</strong>： <code>translateX(tx)</code>等同于 <a href="/en-US/docs/Web/CSS/transform-function/translate">translate</a>(tx, 0) 或者 <a href="/en-US/docs/Web/CSS/transform-function/translate3d">translate3d</a>(tx, 0, 0)。</p>
-</div>
-
-<h2 id="语法">语法</h2>
-
-<pre class="syntaxbox">translateX(t)
-</pre>
-
-<h3 id="参数">参数</h3>
-
-<dl>
- <dt><code>t</code></dt>
- <dt> 代表了向量平移的横坐标长度{{cssxref("<length>")}}。</dt>
-</dl>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">ℝ<sup>2</sup>空间中的笛卡尔坐标</th>
- <th scope="col">在ℝℙ<sup>2</sup>上的投影坐标</th>
- <th scope="col">在ℝ<sup>3</sup>上的笛卡尔坐标</th>
- <th scope="col">在ℝℙ<sup>3</sup>上的投影坐标</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td colspan="1" rowspan="2">
- <p>在ℝ<sup>2 </sup>空间中的平移并非线性变化，因此不能表示为笛卡尔坐标矩阵。</p>
- </td>
- <td>
- <p><math> <mfenced><mtable><mtr>1 <mtd>0 </mtd><mtd>t</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>0 <mtd>1 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
- </td>
- <td colspan="1" rowspan="2">
- <p><math> <mfenced><mtable><mtr>1 <mtd>0 </mtd><mtd>t</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>0 <mtd>1 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
- </td>
- <td colspan="1" rowspan="2">
- <p><math> <mfenced><mtable><mtr>1 <mtd>0 </mtd><mtd>0 </mtd><mtd>t</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr>0 <mtd>1 </mtd><mtd>0 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>1 </mtd><mtd>0</mtd></mtr></mtable></mfenced></math></p>
-
- <p><math><mfenced><mtable><mtr><mtd></mtd></mtr><mtr><mtd>0 </mtd><mtd>0 </mtd><mtd>0 </mtd><mtd>1</mtd></mtr></mtable> </mfenced> </math></p>
- </td>
- </tr>
- <tr>
- <td><code>[1 0 0 1 t 0]</code></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="示例">示例</h2>
-
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html"><code><div>Static</div>
-<div class="moved">Moved</div>
-<div>Static</div></code></pre>
-
-<h3 id="CSS">CSS</h3>
-
-<pre class="brush: css"><code>div {
- width: 60px;
- height: 60px;
- background-color: skyblue;
-}
-
-.moved {
- transform: translateX(10px); /* 等同于 translate(10px) */
- background-color: pink;
-}</code></pre>
-
-<h3 id="结果">结果</h3>
-
-<p>{{EmbedLiveSample("Examples", 250, 250)}}</p>
-
-<h2 id="标准化说明">标准化说明</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">标准</th>
- <th scope="col">状态</th>
- <th scope="col">备注</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("CSS3 Transforms", "#funcdef-transform-translatex", "translateX()")}}</td>
- <td>{{Spec2("CSS3 Transforms")}}</td>
- <td>原始定义</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="浏览器兼容性">浏览器兼容性</h2>
-
-<p>请前往数据类型{{cssxref("transform-function")}}的页面以查看兼容性信息。</p>
-
-<h2 id="参阅">参阅</h2>
-
-<ul>
- <li>{{cssxref("transform")}}</li>
- <li>{{cssxref("<transform-function>")}}</li>
-</ul>
--
cgit v1.2.3-54-g00ecf