diff options
| author | Atsuto Yamashita <atyamash@yahoo-corp.jp> | 2022-03-15 19:47:35 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-15 19:47:35 +0900 |
| commit | 9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0 (patch) | |
| tree | 71952407ea41c86feabef4214610d59e15aae55d /files/zh-cn | |
| parent | c2678137db5f97ad1fe39e872529159a1afafec1 (diff) | |
| parent | 9e7fbb013772ebab9b35185f0d0836995acbe6db (diff) | |
| download | translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.gz translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.tar.bz2 translated-content-9bf38df91fadd199a5ea45ad79d5e111ddfb3fe0.zip | |
Merge branch 'main' into fix-typo-client-side-web-apis-intro-ja
Diffstat (limited to 'files/zh-cn')
31 files changed, 234 insertions, 273 deletions
diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index 6789bcbf8c..73596ab89d 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -1094,6 +1094,10 @@ /zh-CN/docs/Learn/HTML/Forms/Your_first_HTML_form /zh-CN/docs/Learn/Forms/Your_first_form /zh-CN/docs/Learn/HTML/Multimedia_and_embedding/其他嵌入技术 /zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies /zh-CN/docs/Learn/HTML/Multimedia_and_embedding/在网页中添加矢量图形 /zh-CN/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web +/zh-CN/docs/Learn/JavaScript/Asynchronous/Async_await /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous/Promises +/zh-CN/docs/Learn/JavaScript/Asynchronous/Choosing_the_right_approach /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous +/zh-CN/docs/Learn/JavaScript/Asynchronous/Concepts /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous/Introducing +/zh-CN/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous_ae5a561b0ec11fc53c167201aa8af5df /zh-CN/docs/Learn/JavaScript/First_steps/变量 /zh-CN/docs/Learn/JavaScript/First_steps/Variables /zh-CN/docs/Learn/JavaScript/First_steps/第一点 /zh-CN/docs/Learn/JavaScript/First_steps/A_first_splash /zh-CN/docs/Learn/JavaScript/Objects/Inheritance /zh-CN/docs/Learn/JavaScript/Objects/Classes_in_JavaScript @@ -1187,8 +1191,8 @@ /zh-CN/docs/Server-sent_events/EventSource /zh-CN/docs/Web/API/EventSource /zh-CN/docs/Server-sent_events/EventSource/EventSource /zh-CN/docs/Web/API/EventSource/EventSource /zh-CN/docs/Server-sent_events/EventSource/close /zh-CN/docs/Web/API/EventSource/close -/zh-CN/docs/Server-sent_events/EventSource/onerror /zh-CN/docs/Web/API/EventSource/onerror -/zh-CN/docs/Server-sent_events/EventSource/onopen /zh-CN/docs/Web/API/EventSource/onopen +/zh-CN/docs/Server-sent_events/EventSource/onerror /zh-CN/docs/Web/API/EventSource/error_event +/zh-CN/docs/Server-sent_events/EventSource/onopen /zh-CN/docs/Web/API/EventSource/open_event /zh-CN/docs/Server-sent_events/Using_server-sent_events /zh-CN/docs/Web/API/Server-sent_events/Using_server-sent_events /zh-CN/docs/Site_Compatibility_for_Firefox_19 /zh-CN/docs/Mozilla/Firefox/Releases/19/Site_compatibility /zh-CN/docs/Site_Compatibility_for_Firefox_21 /zh-CN/docs/Mozilla/Firefox/Releases/21/Site_compatibility @@ -1273,6 +1277,7 @@ /zh-CN/docs/Web/API/Document/onfullscreenchange /zh-CN/docs/conflicting/Web/API/Document/fullscreenchange_event /zh-CN/docs/Web/API/Document/onfullscreenerror /zh-CN/docs/Web/API/Document/fullscreenerror_event /zh-CN/docs/Web/API/Document/onreadystatechange /en-US/docs/Web/API/Document/readystatechange_event +/zh-CN/docs/Web/API/Document/onvisibilitychange /zh-CN/docs/conflicting/Web/API/Document/visibilitychange_event /zh-CN/docs/Web/API/Document/rouchmove_event /zh-CN/docs/Web/API/Document/touchmove_event /zh-CN/docs/Web/API/DocumentOrShadowRoot/activeElement /zh-CN/docs/Web/API/Document/activeElement /zh-CN/docs/Web/API/DocumentOrShadowRoot/elementFromPoint /zh-CN/docs/Web/API/Document/elementFromPoint @@ -1328,6 +1333,8 @@ /zh-CN/docs/Web/API/Event/isChar /zh-CN/docs/Web/API/UIEvent/isChar /zh-CN/docs/Web/API/Event/pageY /zh-CN/docs/conflicting/Web/API/MouseEvent/pageY /zh-CN/docs/Web/API/Event/禁用时间冒泡 /zh-CN/docs/Web/API/Event/cancelBubble +/zh-CN/docs/Web/API/EventSource/onerror /zh-CN/docs/Web/API/EventSource/error_event +/zh-CN/docs/Web/API/EventSource/onopen /zh-CN/docs/Web/API/EventSource/open_event /zh-CN/docs/Web/API/EventTarget.dispatchEvent /zh-CN/docs/Web/API/EventTarget/dispatchEvent /zh-CN/docs/Web/API/EventTarget.removeEventListener /zh-CN/docs/Web/API/EventTarget/removeEventListener /zh-CN/docs/Web/API/FetchController /zh-CN/docs/Web/API/AbortController @@ -1408,6 +1415,7 @@ /zh-CN/docs/Web/API/KeyboardEvent/which /zh-CN/docs/Web/API/UIEvent/which /zh-CN/docs/Web/API/Location.replace /zh-CN/docs/Web/API/Location/replace /zh-CN/docs/Web/API/MediaCapabilitiesInfo /zh-CN/docs/Web/API/MediaCapabilities/encodingInfo +/zh-CN/docs/Web/API/MediaDevices/ondevicechange /zh-CN/docs/conflicting/Web/API/MediaDevices/devicechange_event /zh-CN/docs/Web/API/MediaStream.addTrack /zh-CN/docs/Web/API/MediaStream/addTrack /zh-CN/docs/Web/API/MouseEvent/which /zh-CN/docs/conflicting/Web/API/UIEvent/which /zh-CN/docs/Web/API/MouseWheelEvent /zh-CN/docs/conflicting/Web/API/WheelEvent @@ -1466,6 +1474,7 @@ /zh-CN/docs/Web/API/ParentNode.childElementCount /zh-CN/docs/Web/API/Element/childElementCount /zh-CN/docs/Web/API/ParentNode/childElementCount /zh-CN/docs/Web/API/Element/childElementCount /zh-CN/docs/Web/API/Performance.now() /zh-CN/docs/Web/API/Performance/now +/zh-CN/docs/Web/API/Performance/onresourcetimingbufferfull /zh-CN/docs/Web/API/Performance/resourcetimingbufferfull_event /zh-CN/docs/Web/API/Performance/内存 /zh-CN/docs/Web/API/Performance/memory /zh-CN/docs/Web/API/Position /zh-CN/docs/Web/API/GeolocationPosition /zh-CN/docs/Web/API/Position/coords /zh-CN/docs/Web/API/GeolocationPosition/coords @@ -1599,6 +1608,8 @@ /zh-CN/docs/Web/API/Window/crypto /zh-CN/docs/Web/API/crypto_property /zh-CN/docs/Web/API/Window/minimize /zh-CN/docs/conflicting/Web/API/Window /zh-CN/docs/Web/API/Window/mozAnimationStartTIme /zh-CN/docs/Web/API/Animation/startTime +/zh-CN/docs/Web/API/Window/onappinstalled /zh-CN/docs/Web/API/Window/appinstalled_event +/zh-CN/docs/Web/API/Window/onbeforeinstallprompt /zh-CN/docs/Web/API/Window/beforeinstallprompt_event /zh-CN/docs/Web/API/Window/onbeforeunload /zh-CN/docs/Web/API/WindowEventHandlers/onbeforeunload /zh-CN/docs/Web/API/Window/ongamepadconnected /zh-CN/docs/conflicting/Web/API/Window/gamepadconnected_event /zh-CN/docs/Web/API/Window/ongamepaddisconnected /zh-CN/docs/Web/API/Window/gamepaddisconnected_event @@ -2005,6 +2016,7 @@ /zh-CN/docs/Web/HTML/Global_attributes/x-ms-加速装置键 /zh-CN/docs/Web/HTML/Global_attributes/x-ms-acceleratorkey /zh-CN/docs/Web/HTML/Global_attributes/x-ms-格式-检测 /zh-CN/docs/Web/HTML/Global_attributes/x-ms-format-detection /zh-CN/docs/Web/HTML/Global_attributes/摩缺 /zh-CN/docs/Web/HTML/Global_attributes/accesskey +/zh-CN/docs/Web/HTML/Index /zh-CN/docs/conflicting/Web/HTML /zh-CN/docs/Web/HTML/Inline_elemente /zh-CN/docs/Web/HTML/Inline_elements /zh-CN/docs/Web/HTML/Introduction /zh-CN/docs/learn/HTML/Introduction_to_HTML /zh-CN/docs/Web/HTML/Optimizing_your_pages_for_speculative_parsing /zh-CN/docs/Glossary/speculative_parsing @@ -2284,12 +2296,12 @@ /zh-CN/docs/learn/JavaScript/Building_blocks/事件 /zh-CN/docs/Learn/JavaScript/Building_blocks/Events /zh-CN/docs/learn/JavaScript/Building_blocks/相片走廊 /zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery /zh-CN/docs/learn/JavaScript/异步 /zh-CN/docs/Learn/JavaScript/Asynchronous -/zh-CN/docs/learn/JavaScript/异步/Async_await /zh-CN/docs/Learn/JavaScript/Asynchronous/Async_await -/zh-CN/docs/learn/JavaScript/异步/Choosing_the_right_approach /zh-CN/docs/Learn/JavaScript/Asynchronous/Choosing_the_right_approach +/zh-CN/docs/learn/JavaScript/异步/Async_await /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous/Promises +/zh-CN/docs/learn/JavaScript/异步/Choosing_the_right_approach /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous /zh-CN/docs/learn/JavaScript/异步/Promises语法 /zh-CN/docs/Learn/JavaScript/Asynchronous/Promises -/zh-CN/docs/learn/JavaScript/异步/概念 /zh-CN/docs/Learn/JavaScript/Asynchronous/Concepts +/zh-CN/docs/learn/JavaScript/异步/概念 /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous/Introducing /zh-CN/docs/learn/JavaScript/异步/简介 /zh-CN/docs/Learn/JavaScript/Asynchronous/Introducing -/zh-CN/docs/learn/JavaScript/异步/超时和间隔 /zh-CN/docs/Learn/JavaScript/Asynchronous/Timeouts_and_intervals +/zh-CN/docs/learn/JavaScript/异步/超时和间隔 /zh-CN/docs/conflicting/Learn/JavaScript/Asynchronous_ae5a561b0ec11fc53c167201aa8af5df /zh-CN/docs/learn/Performance/CSS_performance /zh-CN/docs/Learn/Performance/CSS /zh-CN/docs/learn/Performance/dns-prefetch /zh-CN/docs/Web/Performance/dns-prefetch /zh-CN/docs/learn/Performance/感知性能 /zh-CN/docs/Learn/Performance/perceived_performance diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index 04de070975..3fd874797f 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -4173,40 +4173,6 @@ "oceanMIH" ] }, - "Learn/JavaScript/Asynchronous/Async_await": { - "modified": "2020-12-08T06:58:32.883Z", - "contributors": [ - "byrde", - "woniuxingdong", - "qwei", - "plainnany", - "jakio6", - "awarmy", - "cochn", - "wangfangping" - ] - }, - "Learn/JavaScript/Asynchronous/Choosing_the_right_approach": { - "modified": "2020-12-08T07:27:41.218Z", - "contributors": [ - "byrde", - "icetea_cover", - "rubyKC", - "shangruitong", - "PYGC", - "wangfangping", - "tjls" - ] - }, - "Learn/JavaScript/Asynchronous/Concepts": { - "modified": "2020-07-16T22:33:29.726Z", - "contributors": [ - "alice201601", - "grape", - "HermitSun", - "oceanMIH" - ] - }, "Learn/JavaScript/Asynchronous/Introducing": { "modified": "2020-12-09T00:17:16.227Z", "contributors": [ @@ -4236,22 +4202,6 @@ "zijieee" ] }, - "Learn/JavaScript/Asynchronous/Timeouts_and_intervals": { - "modified": "2020-08-14T06:09:20.310Z", - "contributors": [ - "Pada", - "You2er", - "WinterCicada", - "zhangbig0", - "mizhon", - "yuqing521", - "Alendia", - "grape", - "wangfangping", - "puddlejumper26", - "oceanMIH" - ] - }, "Learn/JavaScript/Building_blocks/Events": { "modified": "2020-08-04T06:06:58.173Z", "contributors": [ @@ -11302,12 +11252,6 @@ "githubyangwei" ] }, - "Web/API/Document/onvisibilitychange": { - "modified": "2020-10-15T22:25:06.098Z", - "contributors": [ - "wangzhongchunongithub" - ] - }, "Web/API/Document/open": { "modified": "2020-10-15T21:52:24.168Z", "contributors": [ @@ -13053,13 +12997,13 @@ "Char-Ten" ] }, - "Web/API/EventSource/onerror": { + "Web/API/EventSource/error_event": { "modified": "2019-03-23T22:09:23.181Z", "contributors": [ "Char-Ten" ] }, - "Web/API/EventSource/onopen": { + "Web/API/EventSource/open_event": { "modified": "2019-03-23T22:16:16.621Z", "contributors": [ "kameii" @@ -16678,12 +16622,6 @@ "c1ngular" ] }, - "Web/API/MediaDevices/ondevicechange": { - "modified": "2019-03-23T22:08:09.338Z", - "contributors": [ - "qzn928" - ] - }, "Web/API/MediaElementAudioSourceNode": { "modified": "2019-03-23T22:09:55.508Z", "contributors": [ @@ -18297,7 +18235,7 @@ "ziyunfei" ] }, - "Web/API/Performance/onresourcetimingbufferfull": { + "Web/API/Performance/resourcetimingbufferfull_event": { "modified": "2019-03-23T22:09:51.120Z", "contributors": [ "Pada" @@ -22603,6 +22541,13 @@ "ziyunfei" ] }, + "Web/API/Window/appinstalled_event": { + "modified": "2019-03-18T21:40:44.436Z", + "contributors": [ + "Aaron_Zhung", + "echoArray" + ] + }, "Web/API/Window/applicationCache": { "modified": "2019-03-23T23:31:44.274Z", "contributors": [ @@ -22619,6 +22564,12 @@ "xilixinluo" ] }, + "Web/API/Window/beforeinstallprompt_event": { + "modified": "2019-03-23T22:11:25.289Z", + "contributors": [ + "xgqfrms-GitHub" + ] + }, "Web/API/Window/beforeprint_event": { "modified": "2020-10-15T21:52:38.969Z", "contributors": [ @@ -23104,19 +23055,6 @@ "charlie" ] }, - "Web/API/Window/onappinstalled": { - "modified": "2019-03-18T21:40:44.436Z", - "contributors": [ - "Aaron_Zhung", - "echoArray" - ] - }, - "Web/API/Window/onbeforeinstallprompt": { - "modified": "2019-03-23T22:11:25.289Z", - "contributors": [ - "xgqfrms-GitHub" - ] - }, "Web/API/Window/ondevicemotion": { "modified": "2019-03-18T21:39:10.384Z", "contributors": [ @@ -32812,13 +32750,6 @@ "pans9" ] }, - "Web/HTML/Index": { - "modified": "2019-03-21T11:52:09.419Z", - "contributors": [ - "RainSlide", - "xcffl" - ] - }, "Web/HTML/Inline_elements": { "modified": "2020-08-05T19:04:54.777Z", "contributors": [ @@ -46637,6 +46568,56 @@ "shenhao" ] }, + "conflicting/Learn/JavaScript/Asynchronous": { + "modified": "2020-12-08T07:27:41.218Z", + "contributors": [ + "byrde", + "icetea_cover", + "rubyKC", + "shangruitong", + "PYGC", + "wangfangping", + "tjls" + ] + }, + "conflicting/Learn/JavaScript/Asynchronous/Introducing": { + "modified": "2020-07-16T22:33:29.726Z", + "contributors": [ + "alice201601", + "grape", + "HermitSun", + "oceanMIH" + ] + }, + "conflicting/Learn/JavaScript/Asynchronous/Promises": { + "modified": "2020-12-08T06:58:32.883Z", + "contributors": [ + "byrde", + "woniuxingdong", + "qwei", + "plainnany", + "jakio6", + "awarmy", + "cochn", + "wangfangping" + ] + }, + "conflicting/Learn/JavaScript/Asynchronous_ae5a561b0ec11fc53c167201aa8af5df": { + "modified": "2020-08-14T06:09:20.310Z", + "contributors": [ + "Pada", + "You2er", + "WinterCicada", + "zhangbig0", + "mizhon", + "yuqing521", + "Alendia", + "grape", + "wangfangping", + "puddlejumper26", + "oceanMIH" + ] + }, "conflicting/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents": { "modified": "2019-03-23T23:14:19.406Z", "contributors": [ @@ -46836,6 +46817,12 @@ "sunnylost" ] }, + "conflicting/Web/API/Document/visibilitychange_event": { + "modified": "2020-10-15T22:25:06.098Z", + "contributors": [ + "wangzhongchunongithub" + ] + }, "conflicting/Web/API/DocumentOrShadowRoot/elementFromPoint": { "modified": "2019-03-23T23:19:33.886Z", "contributors": [ @@ -47063,6 +47050,12 @@ "sideshowbarker" ] }, + "conflicting/Web/API/MediaDevices/devicechange_event": { + "modified": "2019-03-23T22:08:09.338Z", + "contributors": [ + "qzn928" + ] + }, "conflicting/Web/API/MouseEvent/altKey": { "modified": "2019-03-24T00:16:10.184Z", "contributors": [ @@ -47559,6 +47552,13 @@ "wbamberg" ] }, + "conflicting/Web/HTML": { + "modified": "2019-03-21T11:52:09.419Z", + "contributors": [ + "RainSlide", + "xcffl" + ] + }, "conflicting/Web/HTML/Element": { "modified": "2020-01-10T02:18:08.432Z", "contributors": [ diff --git a/files/zh-cn/learn/javascript/asynchronous/choosing_the_right_approach/index.html b/files/zh-cn/conflicting/learn/javascript/asynchronous/index.html index 4241740479..278746ae22 100644 --- a/files/zh-cn/learn/javascript/asynchronous/choosing_the_right_approach/index.html +++ b/files/zh-cn/conflicting/learn/javascript/asynchronous/index.html @@ -1,8 +1,8 @@ --- title: 选择正确的方法 -slug: Learn/JavaScript/Asynchronous/Choosing_the_right_approach +slug: conflicting/Learn/JavaScript/Asynchronous translation_of: Learn/JavaScript/Asynchronous/Choosing_the_right_approach -original_slug: learn/JavaScript/异步/Choosing_the_right_approach +original_slug: Learn/JavaScript/Asynchronous/Choosing_the_right_approach --- <div>{{LearnSidebar}}</div> diff --git a/files/zh-cn/learn/javascript/asynchronous/concepts/index.html b/files/zh-cn/conflicting/learn/javascript/asynchronous/introducing/index.html index 757eee777c..291cf15837 100644 --- a/files/zh-cn/learn/javascript/asynchronous/concepts/index.html +++ b/files/zh-cn/conflicting/learn/javascript/asynchronous/introducing/index.html @@ -1,6 +1,6 @@ --- title: 通用异步编程概念 -slug: Learn/JavaScript/Asynchronous/Concepts +slug: conflicting/Learn/JavaScript/Asynchronous/Introducing tags: - JavaScript - Promises @@ -9,7 +9,7 @@ tags: - 异步 - 阻塞 translation_of: Learn/JavaScript/Asynchronous/Concepts -original_slug: learn/JavaScript/异步/概念 +original_slug: Learn/JavaScript/Asynchronous/Concepts --- <div>{{LearnSidebar}}{{NextMenu("Learn/JavaScript/Asynchronous/Introducing", "Learn/JavaScript/Asynchronous")}}</div> diff --git a/files/zh-cn/learn/javascript/asynchronous/async_await/index.html b/files/zh-cn/conflicting/learn/javascript/asynchronous/promises/index.html index d584914106..3c73fecd3d 100644 --- a/files/zh-cn/learn/javascript/asynchronous/async_await/index.html +++ b/files/zh-cn/conflicting/learn/javascript/asynchronous/promises/index.html @@ -1,8 +1,8 @@ --- title: async和await:让异步编程更简单 -slug: Learn/JavaScript/Asynchronous/Async_await +slug: conflicting/Learn/JavaScript/Asynchronous/Promises translation_of: Learn/JavaScript/Asynchronous/Async_await -original_slug: learn/JavaScript/异步/Async_await +original_slug: Learn/JavaScript/Asynchronous/Async_await --- <div>{{LearnSidebar}}</div> diff --git a/files/zh-cn/learn/javascript/asynchronous/timeouts_and_intervals/index.html b/files/zh-cn/conflicting/learn/javascript/asynchronous_ae5a561b0ec11fc53c167201aa8af5df/index.html index 0819a5aff0..a3500922af 100644 --- a/files/zh-cn/learn/javascript/asynchronous/timeouts_and_intervals/index.html +++ b/files/zh-cn/conflicting/learn/javascript/asynchronous_ae5a561b0ec11fc53c167201aa8af5df/index.html @@ -1,8 +1,8 @@ --- title: '合作异步JavaScript: 超时和间隔' -slug: Learn/JavaScript/Asynchronous/Timeouts_and_intervals +slug: conflicting/Learn/JavaScript/Asynchronous_ae5a561b0ec11fc53c167201aa8af5df translation_of: Learn/JavaScript/Asynchronous/Timeouts_and_intervals -original_slug: learn/JavaScript/异步/超时和间隔 +original_slug: Learn/JavaScript/Asynchronous/Timeouts_and_intervals --- <div>{{LearnSidebar}}</div> diff --git a/files/zh-cn/web/api/document/onvisibilitychange/index.html b/files/zh-cn/conflicting/web/api/document/visibilitychange_event/index.html index 22fb0e4db4..e79fcf4cf9 100644 --- a/files/zh-cn/web/api/document/onvisibilitychange/index.html +++ b/files/zh-cn/conflicting/web/api/document/visibilitychange_event/index.html @@ -1,7 +1,8 @@ --- title: Document.onvisibilitychange -slug: Web/API/Document/onvisibilitychange +slug: conflicting/Web/API/Document/visibilitychange_event translation_of: Web/API/Document/onvisibilitychange +original_slug: Web/API/Document/onvisibilitychange --- <div>{{ApiRef('DOM')}}</div> diff --git a/files/zh-cn/web/api/mediadevices/ondevicechange/index.html b/files/zh-cn/conflicting/web/api/mediadevices/devicechange_event/index.html index 1bf012abf9..125cf3adaa 100644 --- a/files/zh-cn/web/api/mediadevices/ondevicechange/index.html +++ b/files/zh-cn/conflicting/web/api/mediadevices/devicechange_event/index.html @@ -1,7 +1,8 @@ --- title: MediaDevices.ondevicechange -slug: Web/API/MediaDevices/ondevicechange +slug: conflicting/Web/API/MediaDevices/devicechange_event translation_of: Web/API/MediaDevices/ondevicechange +original_slug: Web/API/MediaDevices/ondevicechange --- <p>{{APIRef("Media Capture and Streams")}}</p> diff --git a/files/zh-cn/web/html/index/index.html b/files/zh-cn/conflicting/web/html/index.html index baae41e64c..0329d96704 100644 --- a/files/zh-cn/web/html/index/index.html +++ b/files/zh-cn/conflicting/web/html/index.html @@ -1,9 +1,10 @@ --- title: HTML 文档索引 -slug: Web/HTML/Index +slug: conflicting/Web/HTML tags: - HTML - 索引 translation_of: Web/HTML/Index +original_slug: Web/HTML/Index --- <p>{{Index("/zh-CN/docs/Web/HTML")}} 所有可用的 HTML 文档的综合索引列表。</p> diff --git a/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html b/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html index aa5a97b3e7..fb4631e8bc 100644 --- a/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html +++ b/files/zh-cn/learn/getting_started_with_the_web/how_the_web_works/index.html @@ -89,12 +89,12 @@ translation_of: Learn/Getting_started_with_the_web/How_the_Web_works <h2 id="解析组成文件的顺序">解析组成文件的顺序</h2> -<p>当浏览器向服务器发送请求获取 HTML 文件时，HTML 文件通常包含 "link" 和 "script" 元素，这些元素分别指向了外部的 <a href="../../css/index.html">CSS</a> 样式表文件和 <a href="../../javascript/index.html">JavaScript</a> 脚本文件。了解这些文件被<a href="../../../web/performance/how_browsers_work/index.html">浏览器解析</a>的顺序是很重要的：</p> +<p>当浏览器向服务器发送请求获取 HTML 文件时，HTML 文件通常包含 "link" 和 "script" 元素，这些元素分别指向了外部的 <a href="../../css">CSS</a> 样式表文件和 <a href="../../javascript">JavaScript</a> 脚本文件。了解这些文件被<a href="../../../web/performance/how_browsers_work">浏览器解析</a>的顺序是很重要的：</p> <ul> <li>浏览器首先解析 HTML 文件，并从中识别出所有的 "link" 和 "script" 元素，获取它们指向的外部文件的链接。</li> <li>继续解析 HTML 文件的同时，浏览器根据外部文件的链接向服务器发送请求，获取并解析 CSS 文件和 JavaScript 脚本文件。</li> - <li>接着浏览器会给解析后的 HTML 文件生成一个 <a href="../../../web/api/document_object_model/index.html">DOM</a> 树（在内存中），会给解析后的 CSS 文件生成一个 <a href="../../../glossary/cssom/index.html">CSSOM</a> 树（在内存中），并且会<a href="../../../web/performance/how_browsers_work/index.html">编译和执行</a>解析后的 JavaScript 脚本文件。</li> + <li>接着浏览器会给解析后的 HTML 文件生成一个 <a href="../../../web/api/document_object_model">DOM</a> 树（在内存中），会给解析后的 CSS 文件生成一个 <a href="../../../glossary/cssom">CSSOM</a> 树（在内存中），并且会<a href="../../../web/performance/how_browsers_work">编译和执行</a>解析后的 JavaScript 脚本文件。</li> <li>伴随着构建 DOM 树、应用 CSSOM 树的样式、以及执行 JavaScript 脚本文件，浏览器会在屏幕上绘制出网页的界面；用户看到网页界面也就可以跟网页进行交互了。</li> </ul> diff --git a/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html b/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html index 3db44af11d..5f982fc095 100644 --- a/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html +++ b/files/zh-cn/learn/html/introduction_to_html/creating_hyperlinks/index.html @@ -34,7 +34,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks <p>注意：URL可以指向HTML文件、文本文件、图像、文本文档、视频和音频文件以及可以在网络上保存的任何其他内容。 如果浏览器不知道如何显示或处理文件，它会询问您是否要打开文件（需要选择合适的本地应用来打开或处理文件）或下载文件（以后处理它）。</p> </div> -<p><span lang="zh-CN"><span>以 BBC 的主页为例，里面就包含了非常多的连结，各自连到不同新闻、网站的其它地方（导览功能），或者登入/注册页面等等。</span></span></p> +<p><span lang="zh-CN"><span>以 BBC 的主页为例，里面就包含了非常多的链接，各自连到不同新闻、网站的其它地方（导览功能），或者登入/注册页面等等。</span></span></p> <p><img alt="frontpage of bbc.co.uk, showing many news items, and navigation menu functionality" src="https://mdn.mozillademos.org/files/17032/updated-bbc-website.png"></p> diff --git a/files/zh-cn/learn/html/introduction_to_html/getting_started/index.html b/files/zh-cn/learn/html/introduction_to_html/getting_started/index.html index 70eeac7352..51d207941d 100644 --- a/files/zh-cn/learn/html/introduction_to_html/getting_started/index.html +++ b/files/zh-cn/learn/html/introduction_to_html/getting_started/index.html @@ -435,7 +435,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Getting_started "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></pre> 然而这种写法已经过时了，这些内容已成为历史。只需要知道 <code><!DOCTYPE html></code> 是最短有效的文档声明。</li> <li><code><html></html></code>: <code><html></code>元素。这个元素包裹了整个完整的页面，是一个根元素。</li> - <li><code><head></head></code>: <code><head>元素</code>. 这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。以后的章节能学到更多关于<head>元素的内容。</li> + <li><code><head></head></code>: <code><head></code>元素。这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。以后的章节能学到更多关于<head>元素的内容。</li> <li><code><meta charset="utf-8"></code>: 这个元素设置文档使用utf-8字符集编码，utf-8字符集包含了人类大部分的文字。基本上他能识别你放上去的所有文本内容。毫无疑问要使用它，并且它能在以后避免很多其他问题。</li> <li><code><title></title></code>: 设置页面标题，出现在浏览器标签上，当你标记/收藏页面时它可用来描述页面。</li> <li><code><body></body></code>: <code><body></code>元素。 包含了你访问页面时所有显示在页面上的内容，文本，图片，音频，游戏等等。</li> diff --git a/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index a5c51b3ff8..f6a176d75b 100644 --- a/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -135,10 +135,11 @@ started with developing web sites and applications."></pre> <ol> <li>访问 <a href="https://developer.mozilla.org/zh-CN/">MDN Web Docs</a>。</li> <li>查看网页源代码（<em>通过鼠标右键点击网页在弹出的菜单中选择[查看网页源代码]</em>）</li> - <li>找到description的meta标签。就和如下展示的这样： - <pre class="brush: html notranslate"><meta name="description" content="The Mozilla Developer Network (MDN) provides -information about Open Web technologies including HTML, CSS, and APIs for both -Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."></pre> + <li>找到description的meta标签。就和如下展示的这样：+ + <pre class="brush: html notranslate"><meta name="description" content="The MDN Web Docs site + provides information about Open Web technologies + including HTML, CSS, and APIs for both Web sites and + progressive web apps."></pre> </li> <li>现在，在你喜欢的搜索引擎里搜索“MDN Web Docs” （下图展示的是在谷歌搜索里的情况） 。你会看到description <code><meta></code> and <code><title></code> 元素如何在搜索结果里显示— 很值得这样做哦！</li> </ol> diff --git a/files/zh-cn/web/api/audionode/index.html b/files/zh-cn/web/api/audionode/index.html index ef3ae65a0e..2361eda9f8 100644 --- a/files/zh-cn/web/api/audionode/index.html +++ b/files/zh-cn/web/api/audionode/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/AudioNode --- <div>{{ APIRef("Web Audio API") }} {{SeeCompatTable}}</div> -<p><img alt="AudioNodes participating in an AudioContext create a audio routing graph." src="https://mdn.mozillademos.org/files/5081/WebAudioBasics.png" style="float: left; height: 260px; margin: 10px; width: 355px;"><strong><code>AudioNode</code></strong><strong> </strong>接口是一个处理音频的通用模块, 比如一个音频源 (e.g. 一个 HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}} 元素), 一个音频地址或者一个中间处理模块 (e.g. 一个过滤器如 {{domxref("BiquadFilterNode")}}, 或一个音量控制器如 {{domxref("GainNode")}}).</p> +<p><img alt="AudioNodes participating in an AudioContext create a audio routing graph." src="https://mdn.mozillademos.org/files/5081/WebAudioBasics.png"><strong><code>AudioNode</code></strong><strong> </strong>接口是一个处理音频的通用模块, 比如一个音频源 (e.g. 一个 HTML {{HTMLElement("audio")}} or {{HTMLElement("video")}} 元素), 一个音频地址或者一个中间处理模块 (e.g. 一个过滤器如 {{domxref("BiquadFilterNode")}}, 或一个音量控制器如 {{domxref("GainNode")}}).</p> <p><code>一个AudioNode</code> 既有输入也有输出。输入与输出都有一定数量的通道。<em>只有一个输出而没有输入的</em> <code>AudioNode</code> 叫做音频源。</p> diff --git a/files/zh-cn/web/api/eventsource/onerror/index.html b/files/zh-cn/web/api/eventsource/error_event/index.html index 991d194795..eb69418af9 100644 --- a/files/zh-cn/web/api/eventsource/onerror/index.html +++ b/files/zh-cn/web/api/eventsource/error_event/index.html @@ -1,8 +1,8 @@ --- title: EventSource.onerror -slug: Web/API/EventSource/onerror +slug: Web/API/EventSource/error_event translation_of: Web/API/EventSource/onerror -original_slug: Server-sent_events/EventSource/onerror +original_slug: Web/API/EventSource/onerror --- <div>{{APIRef('WebSockets API')}}</div> diff --git a/files/zh-cn/web/api/eventsource/onopen/index.html b/files/zh-cn/web/api/eventsource/open_event/index.html index 20ca54d1f4..64214dbd2f 100644 --- a/files/zh-cn/web/api/eventsource/onopen/index.html +++ b/files/zh-cn/web/api/eventsource/open_event/index.html @@ -1,12 +1,12 @@ --- title: EventSource.onopen -slug: Web/API/EventSource/onopen +slug: Web/API/EventSource/open_event tags: - API - Event Handler - EventSource translation_of: Web/API/EventSource/onopen -original_slug: Server-sent_events/EventSource/onopen +original_slug: Web/API/EventSource/onopen --- <div>{{APIRef('WebSockets API')}}</div> diff --git a/files/zh-cn/web/api/performance/onresourcetimingbufferfull/index.html b/files/zh-cn/web/api/performance/resourcetimingbufferfull_event/index.html index 7e26cf4793..0b5890b069 100644 --- a/files/zh-cn/web/api/performance/onresourcetimingbufferfull/index.html +++ b/files/zh-cn/web/api/performance/resourcetimingbufferfull_event/index.html @@ -1,7 +1,8 @@ --- title: Performance.onresourcetimingbufferfull -slug: Web/API/Performance/onresourcetimingbufferfull +slug: Web/API/Performance/resourcetimingbufferfull_event translation_of: Web/API/Performance/onresourcetimingbufferfull +original_slug: Web/API/Performance/onresourcetimingbufferfull --- <div>{{APIRef("Resource Timing API")}}</div> diff --git a/files/zh-cn/web/api/window/onappinstalled/index.html b/files/zh-cn/web/api/window/appinstalled_event/index.html index 21662ca3f6..f5f098c903 100644 --- a/files/zh-cn/web/api/window/onappinstalled/index.html +++ b/files/zh-cn/web/api/window/appinstalled_event/index.html @@ -1,7 +1,8 @@ --- title: Window.onappinstalled -slug: Web/API/Window/onappinstalled +slug: Web/API/Window/appinstalled_event translation_of: Web/API/Window/onappinstalled +original_slug: Web/API/Window/onappinstalled --- <div>{{APIRef}}</div> diff --git a/files/zh-cn/web/api/window/onbeforeinstallprompt/index.html b/files/zh-cn/web/api/window/beforeinstallprompt_event/index.html index 9fe0053476..b9f089174d 100644 --- a/files/zh-cn/web/api/window/onbeforeinstallprompt/index.html +++ b/files/zh-cn/web/api/window/beforeinstallprompt_event/index.html @@ -1,10 +1,11 @@ --- title: Window.onbeforeinstallprompt -slug: Web/API/Window/onbeforeinstallprompt +slug: Web/API/Window/beforeinstallprompt_event tags: - Window.onbeforeinstallprompt - beforeinstallprompt translation_of: Web/API/Window/onbeforeinstallprompt +original_slug: Web/API/Window/onbeforeinstallprompt --- <p>{{ ApiRef() }}</p> diff --git a/files/zh-cn/web/api/window/storage_event/index.html b/files/zh-cn/web/api/window/storage_event/index.html index 81d66d57bc..7a9c471636 100644 --- a/files/zh-cn/web/api/window/storage_event/index.html +++ b/files/zh-cn/web/api/window/storage_event/index.html @@ -10,20 +10,28 @@ translation_of: Web/API/Window/storage_event <h2 id="常规信息">常规信息</h2> -<dl> - <dt style="float: left; text-align: right; width: 120px;">说明</dt> - <dd style="margin: 0 0 0 120px;"><em><a class="external" href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></em></dd> - <dt style="float: left; text-align: right; width: 120px;">接口</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("StorageEvent")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">是否冒泡</dt> - <dd style="margin: 0 0 0 120px;">No</dd> - <dt style="float: left; text-align: right; width: 120px;">默认行为可取消</dt> - <dd style="margin: 0 0 0 120px;">No</dd> - <dt style="float: left; text-align: right; width: 120px;">目标</dt> - <dd style="margin: 0 0 0 120px;">DefaultView (<code><window></code>)</dd> - <dt style="float: left; text-align: right; width: 120px;">默认行为</dt> - <dd style="margin: 0 0 0 120px;">无</dd> -</dl> +<p>说明: <em><a class="external" href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></em></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">接口</th> + <td>{{domxref("StorageEvent")}}</td> + </tr> + <tr> + <th scope="row">是否冒泡</th> + <td>No</td> + </tr> + <tr> + <th scope="row">目标</th> + <td>DefaultView (<code><window></code>)</td> + </tr> + <tr> + <th scope="row">默认行为</th> + <td>无</td> + </tr> + </tbody> +</table> <h2 id="属性">属性</h2> diff --git a/files/zh-cn/web/css/@layer/index.md b/files/zh-cn/web/css/@layer/index.md index 8476f45e5d..86e7a3740d 100644 --- a/files/zh-cn/web/css/@layer/index.md +++ b/files/zh-cn/web/css/@layer/index.md @@ -12,17 +12,17 @@ browser-compat: css.at-rules.layer --- {{CSSRef}}{{SeeCompatTable}} -[CSS](/en-US/docs/Web/CSS) [@规则](/en-US/docs/Web/CSS/At-rule) 中的`@layer`声明了一个 _堆叠层_， 同一层内的规则将级联在一起， 这给予了开发者对层叠机制的更多控制。 +[CSS](/en-US/docs/Web/CSS) [@规则](/en-US/docs/Web/CSS/At-rule) 中的`@layer`声明了一个 _级联层_， 同一层内的规则将级联在一起， 这给予了开发者对层叠机制的更多控制。 ```css @layer utilities { - /* 创建一个名为 utilities 的堆叠层 */ + /* 创建一个名为 utilities 的级联层 */ } ``` ## 语法 -`@layer` @规则可以通过三种方式其一来创建堆叠层。第一种方法如上方代码所示，它创建了一个块级的@规则，其中包含作用于该层内部的CSS规则。 +`@layer` @规则可以通过三种方式其一来创建级联层。第一种方法如上方代码所示，它创建了一个块级的@规则，其中包含作用于该层内部的CSS规则。 ```css @layer utilities { @@ -35,14 +35,14 @@ browser-compat: css.at-rules.layer } } ``` -一个堆叠层同样可以通过 {{cssxref("@import")}} 来创建，规则存在于被引入的样式表内： +一个级联层同样可以通过 {{cssxref("@import")}} 来创建，规则存在于被引入的样式表内： ```css @import(utilities.css) layer(utilities); ``` -你也可以创建带命名的堆叠层，但不指定任何样式。例如，单一的命名层： +你也可以创建带命名的级联层，但不指定任何样式。例如，单一的命名层： ```css @layer utilities @@ -55,17 +55,17 @@ browser-compat: css.at-rules.layer @layer theme, layout, utilities ``` -这一做法很有用，因为层最初被指定的顺序决定了它是否有父级层。对于声明而言，如果同一声明在多个堆叠层中被指定，最后一层中的将优先于其他层。因此，在上面的例子中，如果 `theme` 层和 `utilities` 层中存在冲突的规则，那么 `utilities` 层中的将优先被应用。 +这一做法很有用，因为层最初被指定的顺序决定了它是否有父级层。对于声明而言，如果同一声明在多个级联层中被指定，最后一层中的将优先于其他层。因此，在上面的例子中，如果 `theme` 层和 `utilities` 层中存在冲突的规则，那么 `utilities` 层中的将优先被应用。 -即使 `utilities` 层中规则的 _优先级低于_ `theme` 层中的，该规则仍会被应用。一旦堆叠层顺序建立之后，优先级和出现顺序都会被忽略。这将使创建CSS选择器变得更加简单，因为你不需要确保每一个选择器都有足够高的优先级来覆盖其他冲突的规则，你只需要确保它们出现在一个顺序更靠后的堆叠层中。 +即使 `utilities` 层中规则的 _优先级低于_ `theme` 层中的，该规则仍会被应用。一旦级联层顺序建立之后，优先级和出现顺序都会被忽略。这将使创建CSS选择器变得更加简单，因为你不需要确保每一个选择器都有足够高的优先级来覆盖其他冲突的规则，你只需要确保它们出现在一个顺序更靠后的级联层中。 -> **注**：在已经声明堆叠层的名字后，它们的顺序随即被确立，你可以重复声明某堆叠层的名字来向其添加CSS规则。这些样式将被附加到该层的末尾，且堆叠层之间的顺序不会改变。 +> **注**：在已经声明级联层的名字后，它们的顺序随即被确立，你可以重复声明某级联层的名字来向其添加CSS规则。这些样式将被附加到该层的末尾，且级联层之间的顺序不会改变。 -其他不属于任何一堆叠层的样式将被集中到同一匿名层，并置于所有层的前部，这意味着任何堆叠层内定义的规则都将覆盖外部声明的规则。 +其他不属于任何一级联层的样式将被集中到同一匿名层，并置于所有层的前部，这意味着任何级联层内定义的规则都将覆盖外部声明的规则。 ### 嵌套层 -堆叠层允许嵌套，例如： +级联层允许嵌套，例如： ```css @layer framework { @@ -87,7 +87,7 @@ browser-compat: css.at-rules.layer ### 匿名层 -如果创建了一个堆叠层但并未指定名字，例如： +如果创建了一个级联层但并未指定名字，例如： ```css @layer { @@ -107,9 +107,9 @@ browser-compat: css.at-rules.layer ### 基本例子 -下方的例子创建了两条CSS规则。其中一条为 `type` 层内部的 {{htmlelement("p")}} 元素创建。另一条规则创建于堆叠层外部，作用于 `.box p`。 +下方的例子创建了两条CSS规则。其中一条为 `type` 层内部的 {{htmlelement("p")}} 元素创建。另一条规则创建于级联层外部，作用于 `.box p`。 -没有堆叠层时，选择器 `.box p` 将会有最高的优先级，因此文字 `Hello, world!` 将被显示为绿色。有堆叠层时，其外部的顺序和优先级将被忽略。因为 `type` 层的次序排在存储非层级信息的匿名层之后，文字的颜色将显示为紫色。 +没有级联层时，选择器 `.box p` 将会有最高的优先级，因此文字 `Hello, world!` 将被显示为绿色。有级联层时，其外部的顺序和优先级将被忽略。因为 `type` 层的次序排在存储非层级信息的匿名层之后，文字的颜色将显示为紫色。 #### HTML @@ -140,7 +140,7 @@ browser-compat: css.at-rules.layer ### 向已存在的层中添加规则 -下方的例子创建了两个没有规则的堆叠层，随后，CSS规则被添加到这两层中。`base` 层定义了color、border、font-size和padding。`special` 层定义了不同的color属性。因为 `special` 层在定义时排在最后，其中的color属性将被应用，文字的颜色将显示为`rebeccapurple`。`base` 层中的其他规则仍然有效。 +下方的例子创建了两个没有规则的级联层，随后，CSS规则被添加到这两层中。`base` 层定义了color、border、font-size和padding。`special` 层定义了不同的color属性。因为 `special` 层在定义时排在最后，其中的color属性将被应用，文字的颜色将显示为`rebeccapurple`。`base` 层中的其他规则仍然有效。 #### HTML diff --git a/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html b/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html index 82370bee3e..641efc718f 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/controlling_ratios_of_flex_items_along_the_main_ax/index.html @@ -172,9 +172,9 @@ translation_of: >- <h3 id="Giving_items_different_flex-shrink_factors">Giving items different <code>flex-shrink</code> factors</h3> -<p>在 <code>flex-grow</code>值相同的情形下, 你可以给flex子元素 设置不同的 <code>flex-shrink</code> 值. 假如你想让一个flex子元素 比它的兄弟元素收缩的更快或更慢， 或者不在收缩， 这回改变它的默认行为.</p> +<p>在 <code>flex-grow</code>值相同的情形下, 你可以给flex子元素 设置不同的 <code>flex-shrink</code> 值. 假如你想让一个flex子元素 比它的兄弟元素收缩的更快或更慢， 或者不再收缩， 这会改变它的默认行为.</p> -<p>在下面的示例中第一个flex子元素设置 <code>flex-shrink</code> 的值为1, 第二个为 <code>0</code> (因此它将不会收缩), 第三个为 <code>4</code>. 第三个flex子元素比第一个收缩的更快. 任意设置不懂的值 — 你可以给 <code>flex-grow</code> 使用小数或者大一点的数. 选择对于你来说任意合理的数.</p> +<p>在下面的示例中第一个flex子元素设置 <code>flex-shrink</code> 的值为1, 第二个为 <code>0</code> (因此它将不会收缩), 第三个为 <code>4</code>. 第三个flex子元素比第一个收缩的更快. 任意设置不同的值 — 你可以给 <code>flex-grow</code> 使用小数或者大一点的数. 选择对于你来说任意合理的数.</p> <p>{{EmbedGHLiveSample("css-examples/flexbox/ratios/flex-shrink-ratios.html", '100%', 570)}}</p> diff --git a/files/zh-cn/web/css/css_flow_layout/intro_to_formatting_contexts/index.html b/files/zh-cn/web/css/css_flow_layout/intro_to_formatting_contexts/index.html index cf499c2bd8..4909a95b04 100644 --- a/files/zh-cn/web/css/css_flow_layout/intro_to_formatting_contexts/index.html +++ b/files/zh-cn/web/css/css_flow_layout/intro_to_formatting_contexts/index.html @@ -18,7 +18,7 @@ translation_of: Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts <h3 id="创建新的块格式上下文">创建新的块格式上下文</h3> -<p>{{HTMLElement("html")}} 元素不是唯一能够创建块格式上下文的元素。默认为块布局的任何元素也会为其后代元素创建块格式上下文。此外，还有一些CSS属性可以使元素创建一个BFC，即使默认情况下它不这样做。</p> +<p>{{HTMLElement("html")}} 元素不是唯一能够创建块格式上下文的元素。任何块级元素都可以通过应用某些CSS属性来创建一个BFC</p> <p>除了文档的根元素({{HTMLElement("html")}}) 之外，还将在以下情况下创建一个新的BFC：</p> diff --git a/files/zh-cn/web/css/cursor/index.html b/files/zh-cn/web/css/cursor/index.html index 7d9e5fa50f..413624e5f5 100644 --- a/files/zh-cn/web/css/cursor/index.html +++ b/files/zh-cn/web/css/cursor/index.html @@ -9,6 +9,7 @@ tags: - NeedsTranslation - TopicStub translation_of: Web/CSS/cursor +browser-compat: css.properties.cursor --- <div>{{CSSRef}}</div> @@ -16,8 +17,6 @@ translation_of: Web/CSS/cursor <div>{{EmbedInteractiveExample("pages/css/cursor.html")}}</div> - - <h2 id="Syntax" name="Syntax">语法</h2> <pre class="brush: css no-line-numbers notranslate">/* 关键字值 */ @@ -63,7 +62,7 @@ cursor: unset; <tr> <th>类型</th> <th>CSS值</th> - <th></th> + <th style="width: 7.5em;">例子</th> <th>描述</th> </tr> <tr style="cursor: auto;"> @@ -77,7 +76,7 @@ cursor: unset; </tr> <tr style="cursor: default;"> <td><code>default</code></td> - <td><img alt="default.gif" src="/@api/deki/files/3438/=default.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="default.gif" src="default.gif"></td> <td>默认指针，通常是箭头。</td> </tr> <tr style="cursor: none;"> @@ -88,80 +87,80 @@ cursor: unset; <tr style="cursor: context-menu;"> <td rowspan="5" style="cursor: auto;">链接及状态</td> <td><code>context-menu</code></td> - <td><img alt="context-menu.png" src="/@api/deki/files/3461/=context-menu.png" style="height: 26px; width: 26px;"></td> + <td><img alt="context-menu.png" src="context-menu.png"></td> <td>指针下有可用内容目录。</td> </tr> <tr style="cursor: help;"> <td><code>help</code></td> - <td><img alt="help.gif" src="/@api/deki/files/3442/=help.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="help.gif" src="help.gif"></td> <td>指示帮助</td> </tr> <tr style="cursor: pointer;"> <td><code>pointer</code></td> - <td><img alt="pointer.gif" src="/@api/deki/files/3449/=pointer.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="pointer.gif" src="pointer.gif"></td> <td>悬浮于连接上时，通常为手</td> </tr> <tr style="cursor: progress;"> <td><code>progress</code></td> - <td><img alt="progress.gif" src="/@api/deki/files/3450/=progress.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="progress.gif" src="progress.gif"></td> <td>程序后台繁忙，用户仍可交互 (与<code>wait相反</code>).</td> </tr> <tr style="cursor: wait;"> <td><code>wait</code></td> - <td><img alt="wait.gif" src="/@api/deki/files/3457/=wait.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="wait.gif" src="wait.gif"></td> <td>程序繁忙，用户不可交互 (与<code>progress相反</code>).图标一般为沙漏或者表。</td> </tr> <tr style="cursor: cell;"> <td rowspan="4" style="cursor: auto;">选择</td> <td><code>cell</code></td> - <td><img alt="cell.gif" src="/@api/deki/files/3434/=cell.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="cell.gif" src="cell.gif"></td> <td>指示单元格可被选中</td> </tr> <tr style="cursor: crosshair;"> <td><code>crosshair</code></td> - <td><img alt="crosshair.gif" src="/@api/deki/files/3437/=crosshair.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="crosshair.gif" src="crosshair.gif"></td> <td>交叉指针，通常指示位图中的框选</td> </tr> <tr style="cursor: text;"> <td><code>text</code></td> - <td><img alt="text.gif" class="default" src="/files/3809/text.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="text.gif" class="default" src="text.gif"></td> <td>指示文字可被选中</td> </tr> <tr style="cursor: vertical-text;"> <td><code>vertical-text</code></td> - <td><img alt="vertical-text.gif" src="/@api/deki/files/3456/=vertical-text.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="vertical-text.gif" src="vertical-text.gif"></td> <td>指示垂直文字可被选中</td> </tr> <tr style="cursor: alias;"> <td rowspan="7" style="cursor: auto;">拖拽</td> <td><code>alias</code></td> - <td><img alt="alias.gif" src="/@api/deki/files/3432/=alias.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="alias.gif" src="alias.gif"></td> <td>复制或快捷方式将要被创建</td> </tr> <tr style="cursor: copy;"> <td><code>copy</code></td> - <td><img alt="copy.gif" class="default" src="/@api/deki/files/3436/=copy.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="copy.gif" class="default" src="copy.gif"></td> <td>指示可复制</td> </tr> <tr style="cursor: move;"> <td><code>move</code></td> - <td><img alt="move.gif" src="/@api/deki/files/3443/=move.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="move.gif" src="move.gif"></td> <td>被悬浮的物体可被移动</td> </tr> <tr style="cursor: no-drop;"> <td><code>no-drop</code></td> - <td><img alt="no-drop.gif" class="lwrap" src="/@api/deki/files/3445/=no-drop.gif" style="float: left; height: 26px; width: 33px;"></td> + <td><img alt="no-drop.gif" class="lwrap" src="no-drop.gif" style="float: left"></td> <td>当前位置不能扔下<br> {{ bug("275173") }}Windows或Mac OS X中 "no-drop 与not-allowed相同".</td> </tr> <tr style="cursor: not-allowed;"> <td><code>not-allowed</code></td> - <td><img alt="not-allowed.gif" src="/@api/deki/files/3446/=not-allowed.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="not-allowed.gif" src="not-allowed.gif"></td> <td>不能执行</td> </tr> <tr id="grab" style="cursor: grab;"> <td><code>grab</code></td> - <td><img alt="grab.gif" class="default" src="/@api/deki/files/3440/=grab.gif"></td> + <td><img alt="grab.gif" class="default" src="grab.gif"></td> <td> <p>可抓取</p> @@ -170,89 +169,89 @@ cursor: unset; </tr> <tr style="cursor: grabbing;"> <td><code>grabbing</code></td> - <td><img alt="grabbing.gif" class="default" src="/@api/deki/files/3441/=grabbing.gif"></td> + <td><img alt="grabbing.gif" class="default" src="grabbing.gif"></td> <td>抓取中</td> </tr> <tr style="cursor: all-scroll;"> <td rowspan="15" style="cursor: auto;">重设大小及滚动</td> <td><code>all-scroll</code></td> - <td><img alt="all-scroll.gif" src="/@api/deki/files/3433/=all-scroll.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="all-scroll.gif" src="all-scroll.gif"></td> <td>元素可任意方向滚动 （平移）.<br> {{ bug("275174") }}Windows中, "<em>all-scroll</em> 与 <em>move相同</em>".</td> </tr> <tr style="cursor: col-resize;"> <td><code>col-resize</code></td> - <td><img alt="col-resize.gif" src="/@api/deki/files/3435/=col-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="col-resize.gif" src="col-resize.gif"></td> <td>元素可被重设宽度。通常被渲染为中间有一条竖线分割的左右两个箭头</td> </tr> <tr style="cursor: row-resize;"> <td><code>row-resize</code></td> - <td><img alt="row-resize.gif" src="/@api/deki/files/3451/=row-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="row-resize.gif" src="row-resize.gif"></td> <td> <p>元素可被重设高度。通常被渲染为中间有一条横线分割的上下两个箭头</p> </td> </tr> <tr style="cursor: n-resize;"> <td><code>n-resize</code></td> - <td><img alt="Example of a resize towards the top cursor" src="/files/4083/n-resize.gif" style="border-style: solid; border-width: 0px; height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the top cursor" src="n-resize.gif" style="border-style: solid; border-width: 0px"></td> <td rowspan="8" style="cursor: auto;">某条边将被移动。例如元素盒的东南角被移动时<code>使用se-resize</code></td> </tr> <tr style="cursor: e-resize;"> <td><code>e-resize</code></td> - <td><img alt="Example of a resize towards the right cursor" src="/files/4085/e-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the right cursor" src="e-resize.gif"></td> </tr> <tr style="cursor: s-resize;"> <td><code>s-resize</code></td> - <td><img alt="Example of a resize towards the bottom cursor " src="/files/4087/s-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the bottom cursor " src="s-resize.gif"></td> </tr> <tr style="cursor: w-resize;"> <td><code>w-resize</code></td> - <td><img alt="Example of a resize towards the left cursor" src="/files/4089/w-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the left cursor" src="w-resize.gif"></td> </tr> <tr style="cursor: ne-resize;"> <td><code>ne-resize</code></td> - <td><img alt="Example of a resize towards the top-right corner cursor" src="/files/4091/ne-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the top-right corner cursor" src="ne-resize.gif"></td> </tr> <tr style="cursor: nw-resize;"> <td><code>nw-resize</code></td> - <td><img alt="Example of a resize towards the top-left corner cursor" src="/files/4093/nw-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the top-left corner cursor" src="nw-resize.gif"></td> </tr> <tr style="cursor: se-resize;"> <td><code>se-resize</code></td> - <td><img alt="Example of a resize towards the bottom-right corner cursor" src="/files/4097/se-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the bottom-right corner cursor" src="se-resize.gif"></td> </tr> <tr style="cursor: sw-resize;"> <td><code>sw-resize</code></td> - <td><img alt="Example of a resize towards the bottom-left corner cursor" src="/files/4095/sw-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="Example of a resize towards the bottom-left corner cursor" src="sw-resize.gif"></td> </tr> <tr style="cursor: ew-resize;"> <td><code>ew-resize</code></td> - <td><img alt="3-resize.gif" class="default" src="/files/3806/3-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="3-resize.gif" class="default" src="3-resize.gif"></td> <td rowspan="4" style="cursor: auto;">指示双向重新设置大小</td> </tr> <tr style="cursor: ns-resize;"> <td><code>ns-resize</code></td> - <td><img alt="6-resize.gif" class="default" src="/files/3808/6-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="6-resize.gif" class="default" src="6-resize.gif"></td> </tr> <tr style="cursor: nesw-resize;"> <td><code>nesw-resize</code></td> - <td><img alt="1-resize.gif" class="default" src="/files/3805/1-resize.gif"></td> + <td><img alt="1-resize.gif" class="default" src="1-resize.gif"></td> </tr> <tr style="cursor: nwse-resize;"> <td><code>nwse-resize</code></td> - <td><img alt="4-resize.gif" class="default" src="/files/3807/4-resize.gif" style="height: 26px; width: 26px;"></td> + <td><img alt="4-resize.gif" class="default" src="4-resize.gif"></td> </tr> <tr style="cursor: zoom-in;"> <td rowspan="2">缩放</td> <td><code>zoom-in</code></td> - <td><img alt="zoom-in.gif" class="default" src="/@api/deki/files/3459/=zoom-in.gif"></td> + <td><img alt="zoom-in.gif" class="default" src="zoom-in.gif"></td> <td rowspan="2" style="cursor: auto;"> <p>指示可被放大或缩小</p> </td> </tr> <tr style="cursor: zoom-out;"> <td><code>zoom-out</code></td> - <td><img alt="zoom-out.gif" class="default" src="/@api/deki/files/3460/=zoom-out.gif"></td> + <td><img alt="zoom-out.gif" class="default" src="zoom-out.gif"></td> </tr> </tbody> </table> @@ -263,7 +262,7 @@ cursor: unset; <dl> <dt> - {{csssyntax("cursor")}} + {{csssyntax}} </dt> </dl> @@ -290,31 +289,11 @@ cursor: unset; <h2 id="Specifications" name="Specifications">规范</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 UI', '#cursor', 'cursor') }}</td> - <td>{{ Spec2('CSS3 UI') }}</td> - <td>增加了一些关键字，<code>url()的</code>位置语法</td> - </tr> - <tr> - <td>{{ SpecName('CSS2.1', 'ui.html#cursor-propsy', 'cursor') }}</td> - <td>{{ Spec2('CSS2.1') }}</td> - <td>首次定义</td> - </tr> - </tbody> -</table> +<p>{{Specifications}}</p> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{Compat("css.properties.cursor")}}</p> +<p>{{Compat}}</p> <h2 id="See_also" name="See_also">参见</h2> diff --git a/files/zh-cn/web/css/display-internal/index.html b/files/zh-cn/web/css/display-internal/index.html index 463c4014f4..e735bee9bf 100644 --- a/files/zh-cn/web/css/display-internal/index.html +++ b/files/zh-cn/web/css/display-internal/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/display-internal --- <div> </div> -<p class="summary"><font><font>一些布局模型，例如 </font></font><code>table</code><font><font> 并且</font></font><code>ruby</code><font><font>具有复杂的内部结构，具有他们的孩子和后代可以填充的几个不同的角色。</font><font>此页面定义了那些“内部”显示值，这些值仅在该特定布局模式中具有意义。</font></font></p> +<p class="summary"><font><font>一些布局模型，例如 </font></font><code>table</code><font><font> 和 </font></font><code>ruby</code><font><font>具有复杂的内部结构，具有他们的孩子和后代可以填充的几个不同的角色。</font><font>此页面定义了那些“内部”显示值，这些值仅在该特定布局模式中具有意义。</font></font></p> <h2 id="语法">语法</h2> diff --git a/files/zh-cn/web/css/inheritance/index.html b/files/zh-cn/web/css/inheritance/index.html index 9cfa528f96..52c94642c8 100644 --- a/files/zh-cn/web/css/inheritance/index.html +++ b/files/zh-cn/web/css/inheritance/index.html @@ -38,18 +38,6 @@ translation_of: Web/CSS/inheritance <p>…文本 "emphasized text" 就没有边框，因为 {{ Cssxref("border-style") }} 属性的初始值为<code>none</code>。</p> -<p> {{ Cssxref("inherit") }} 关键字允许显式的声明继承性，它对继承和非继承属性都生效。</p> - -<p>可以使用 {{cssxref("all")}} 简写属性一次控制所有属性的继承，该属性将其值应用于所有属性，例如:</p> - -<pre class="brush: css">font { - all: revert; - font-size: 200%; - font-weight: bold; -}</pre> - -<p>这会将 {{cssxref("font")}} 属性的样式恢复为用户代理（浏览器）的默认值，除非存在用户样式表，在这种情况下使用该样式表。然后它将字体大小加倍并应用 {{cssxref("font-weight")}} 属性 为<code>"bold"</code></p> - <h2 id="注意">注意</h2> <p>{{ Cssxref("inherit") }} 关键字允许显式的声明继承性，它对继承和非继承属性都生效。</p> diff --git a/files/zh-cn/web/css/vertical-align/index.html b/files/zh-cn/web/css/vertical-align/index.html index 3c55e414be..14acdecb59 100644 --- a/files/zh-cn/web/css/vertical-align/index.html +++ b/files/zh-cn/web/css/vertical-align/index.html @@ -60,7 +60,7 @@ p { </pre> </div> -<p>{{EmbedLiveSample("vertical-align-inline", 1200, 120, "", "", "example-outcome-frame")}}</p> +<p>{{EmbedLiveSample("vertical-align-inline", 1200, 160)}}</p> <ul> <li>垂直对齐表格单元内容:</li> @@ -99,7 +99,7 @@ td { </pre> </div> -<p>{{EmbedLiveSample("vertical-align-table", 1200, 210, "", "", "example-outcome-frame")}}</p> +<p>{{EmbedLiveSample("vertical-align-table", 1200, 230)}}</p> <p>注意 <code>vertical-align</code> 只对行内元素、行内块元素和表格单元格元素生效：不能用它垂直对齐<a href="/zh-CN/docs/Web/HTML/Block-level_elements">块级元素</a>。</p> diff --git a/files/zh-cn/web/http/overview/index.html b/files/zh-cn/web/http/overview/index.html index 5fcecff392..b07346ffbe 100644 --- a/files/zh-cn/web/http/overview/index.html +++ b/files/zh-cn/web/http/overview/index.html @@ -12,19 +12,19 @@ translation_of: Web/HTTP/Overview <p class="summary"><strong>HTTP是一种能够获取如 HTML 这样的网络资源的 </strong>{{glossary("protocol")}}(通讯协议)。<strong>它是在 Web 上进行数据交换的基础，是一种 client-server 协议，也就是说，请求通常是由像浏览器这样的接受方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的，像是文本、布局描述、图片、视频、脚本等等。</strong></p> -<p><img alt="A Web document is the composition of different resources" src="https://mdn.mozillademos.org/files/13677/Fetching_a_page.png" style="height: 319px; width: 545px;"></p> +<p><img alt="A Web document is the composition of different resources" src="https://mdn.mozillademos.org/files/13677/Fetching_a_page.png"></p> <p>客户端和服务端通过交换各自的消息（与数据流正好相反）进行交互。由像浏览器这样的客户端发出的消息叫做 <em>requests</em>，被服务端响应的消息叫做 <em>responses。</em></p> -<p class="clear"><img alt="HTTP as an application layer protocol, on top of TCP (transport layer) and IP (network layer) and below the presentation layer." src="https://mdn.mozillademos.org/files/13673/HTTP%20&%20layers.png" style="float: left; height: 299px; padding-bottom: 15px; padding-right: 20px; width: 418px;">HTTP被设计于20世纪90年代初期，是一种可扩展的协议。它是应用层的协议，通过{{glossary("TCP")}}，或者是{{glossary("TLS")}}－加密的TCP连接来发送，理论上任何可靠的传输协议都可以使用。因为其良好的扩展性，时至今日，它不仅被用来传输超文本文档，还用来传输图片、视频或者向服务器发送如HTML表单这样的信息。HTTP还可以根据网页需求，仅获取部分Web文档内容更新网页。</p> +<p class="clear"><img alt="HTTP as an application layer protocol, on top of TCP (transport layer) and IP (network layer) and below the presentation layer." src="https://mdn.mozillademos.org/files/13673/HTTP%20&%20layers.png">HTTP被设计于20世纪90年代初期，是一种可扩展的协议。它是应用层的协议，通过{{glossary("TCP")}}，或者是{{glossary("TLS")}}－加密的TCP连接来发送，理论上任何可靠的传输协议都可以使用。因为其良好的扩展性，时至今日，它不仅被用来传输超文本文档，还用来传输图片、视频或者向服务器发送如HTML表单这样的信息。HTTP还可以根据网页需求，仅获取部分Web文档内容更新网页。</p> <h2 id="基于HTTP的组件系统">基于HTTP的组件系统</h2> <p>HTTP是一个client-server协议：请求通过一个实体被发出，实体也就是用户代理。大多数情况下，这个用户代理都是指浏览器，当然它也可能是任何东西，比如一个爬取网页生成维护搜索引擎索引的机器爬虫。</p> -<p>每一个发送到服务器的请求，都会被服务器处理并返回一个消息，也就是<em>response。</em>在这个请求与响应之间，还有许许多多的被称为{{glossary("Proxy", "proxies")}}的实体，他们的作用与表现各不相同，比如有些是网关，还有些是{{glossary("Cache", "caches")}}等。</p> +<p>每一个发送到服务器的请求，都会被服务器处理并返回一个消息，也就是<em>response</em>。在这个请求与响应之间，还有许许多多的被称为 {{Glossary("Proxy_server", "proxies")}} 的实体，他们的作用与表现各不相同，比如有些是网关，还有些是{{glossary("Cache", "caches")}}等。</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/13679/Client-server-chain.png" style="height: 121px; width: 819px;"></p> +<p><img src="https://mdn.mozillademos.org/files/13679/Client-server-chain.png"></p> <p>实际上，在一个浏览器和处理请求的服务器之间，还有路由器、调制解调器等许多计算机。由于Web的层次设计，那些在网络层和传输层的细节都被隐藏起来了。HTTP位于最上层的应用层。虽然底层对于分析网络问题非常重要，但是大多都跟对HTTP的描述不相干。</p> @@ -139,12 +139,12 @@ Content-Type: text/html <p>HTTP请求的一个例子：</p> -<p><img alt="A basic HTTP request" src="https://mdn.mozillademos.org/files/13687/HTTP_Request.png" style="height: 336px; width: 693px;"></p> +<p><img alt="A basic HTTP request" src="https://mdn.mozillademos.org/files/13687/HTTP_Request.png"></p> <p>请求由以下元素组成：</p> <ul> - <li>一个HTTP的<a href="/en-US/docs/Web/HTTP/Methods">method</a>，经常是由一个动词像{{HTTPMethod("GET")}}, {{HTTPMethod("POST")}} 或者一个名词像{{HTTPMethod("OPTIONS")}}，{{HTTPMethod("HEAD")}}来定义客户端的动作行为。通常客户端的操作都是获取资源（GET方法）或者发送<a href="/en-US/docs/Web/Guide/HTML/Forms">HTML form</a>表单值（POST方法），虽然在一些情况下也会有其他操作。</li> + <li>一个HTTP的<a href="/en-US/docs/Web/HTTP/Methods">method</a>，经常是由一个动词像{{HTTPMethod("GET")}}, {{HTTPMethod("POST")}} 或者一个名词像{{HTTPMethod("OPTIONS")}}，{{HTTPMethod("HEAD")}}来定义客户端的动作行为。通常客户端的操作都是获取资源（GET方法）或者发送<a href="/zh-CN/docs/Learn/Forms">HTML form</a>表单（POST方法），虽然在一些情况下也会有其他操作。</li> <li>要获取的资源的路径，通常是上下文中就很明显的元素资源的URL，它没有{{glossary("protocol")}} （<code>http://</code>），{{glossary("domain")}}（<code>developer.mozilla.org</code>），或是TCP的{{glossary("port")}}（HTTP一般在80端口）。</li> <li>HTTP协议版本号。</li> <li>为服务端表达其他信息的可选头部<a href="/en-US/docs/Web/HTTP/Headers">headers</a>。</li> @@ -155,7 +155,7 @@ Content-Type: text/html <p>HTTP响应的一个例子：</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/13691/HTTP_Response.png" style="height: 494px; width: 758px;"></p> +<p><img src="https://mdn.mozillademos.org/files/13691/HTTP_Response.png"></p> <p>响应报文包含了下面的元素：</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html b/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html index 4b8696d2ab..616406e3e5 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/object/assign/index.html @@ -251,39 +251,6 @@ console.log(copy); // { foo:1, get bar() { return 2 } } </pre> -<h2 id="Polyfill">Polyfill</h2> - -<p>此{{Glossary("Polyfill","polyfill")}}不支持 symbol 属性，因为ES5 中根本没有 symbol ：</p> - -<pre class="brush: js">if (typeof Object.assign != 'function') { - // Must be writable: true, enumerable: false, configurable: true - Object.defineProperty(Object, "assign", { - value: function assign(target, varArgs) { // .length of function is 2 - 'use strict'; - if (target == null) { // TypeError if undefined or null - throw new TypeError('Cannot convert undefined or null to object'); - } - - let to = Object(target); - - for (var index = 1; index < arguments.length; index++) { - var nextSource = arguments[index]; - - if (nextSource != null) { // Skip over if undefined or null - for (let nextKey in nextSource) { - // Avoid bugs when hasOwnProperty is shadowed - if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { - to[nextKey] = nextSource[nextKey]; - } - } - } - } - return to; - }, - writable: true, - configurable: true - }); -}</pre> <h2 id="Specifications">规范</h2> diff --git a/files/zh-cn/web/performance/dns-prefetch/index.html b/files/zh-cn/web/performance/dns-prefetch/index.html index 155cdf100c..78eaa54860 100644 --- a/files/zh-cn/web/performance/dns-prefetch/index.html +++ b/files/zh-cn/web/performance/dns-prefetch/index.html @@ -10,9 +10,9 @@ translation_of: Web/Performance/dns-prefetch <h2 id="为什么要使用_dns-prefetch">为什么要使用 dns-prefetch?</h2> -<p>当浏览器从（第三方）服务器请求资源时，必须先将该<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>域名解析为 IP地址，然后浏览器才能发出请求。此过程称为 DNS解析。DNS 缓存可以帮助减少此延迟，而 DNS解析可以导致请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。</p> +<p>当浏览器从（第三方）服务器请求资源时，必须先将该<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>域名解析为 IP 地址，然后浏览器才能发出请求。此过程称为 DNS 解析。DNS 缓存可以帮助减少此延迟，而 DNS 解析可以导致请求增加明显的延迟。对于打开了与许多第三方的连接的网站，此延迟可能会大大降低加载性能。</p> -<p><code>dns-prefetch</code> 可帮助开发人员掩盖 DNS解析延迟。 <a href="/zh-CN/docs/Web/HTML/Element/link">HTML <code><link></code>元素</a> 通过 dns-prefetch的 <a href="/zh-CN/docs/Web/HTML/Attributes/rel">rel 属性</a>值提供此功能。然后在<a href="/zh-CN/docs/Web/HTML/Attributes"> href属性</a>中指要<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>的域名：</p> +<p><code>dns-prefetch</code> 可帮助开发人员掩盖 DNS 解析延迟。 <a href="/zh-CN/docs/Web/HTML/Element/link">HTML <code><link></code>元素</a> 通过 dns-prefetch 的 <a href="/zh-CN/docs/Web/HTML/Attributes/rel">rel 属性</a>值提供此功能。然后在<a href="/zh-CN/docs/Web/HTML/Attributes"> href 属性</a>中指要<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>的域名：</p> <h2 id="句法">句法</h2> @@ -30,19 +30,19 @@ translation_of: Web/Performance/dns-prefetch </body> </html></pre> -<p>每当站点引用跨域域上的资源时，都应在 <a href="/zh-CN/docs/Web/HTML/Element/head"><head> 元素</a>中放置 dns-prefetch提示，但是要记住一些注意事项。</p> +<p>每当站点引用跨域域上的资源时，都应在<a href="/zh-CN/docs/Web/HTML/Element/head"><head>元素</a>中放置 dns-prefetch 提示，但是要记住一些注意事项。</p> <h2 id="最佳实践">最佳实践</h2> <p id="Three_things_to_keep_in_mind">请记住以下三点：</p> -<p>首先，<code>dns-prefetch</code> 仅对<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的IP已经被解析。</p> +<p>首先，<code>dns-prefetch</code> 仅对<a href="/zh-CN/docs/Web/HTTP/CORS">跨域</a>域上的 DNS查找有效，因此请避免使用它来指向您的站点或域。这是因为，到浏览器看到提示时，您站点域背后的 IP 已经被解析。</p> -<p>其次，还可以通过使用 <a href="/zh-CN/docs/Web/HTTP/Headers/Link">HTTP链接字段</a>将 <code>dns-prefetch</code>（以及其他资源提示）指定为 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP标头</a>：</p> +<p>其次，还可以通过使用 <a href="/zh-CN/docs/Web/HTTP/Headers/Link">HTTP 链接字段</a>将 <code>dns-prefetch</code>（以及其他资源提示）指定为 <a href="/zh-CN/docs/Web/HTTP/Headers">HTTP标头</a>：</p> <pre class="notranslate">Link: <https://fonts.gstatic.com/>; rel=dns-prefetch</pre> -<p>第三，考虑将 <code>dns-prefetch</code> 与 <code>preconnect(</code>预连接<code>)</code>提示配对。尽管 <code>dns-prefetch</code> 仅执行 DNS查找，但<code>preconnect</code> 会建立与服务器的连接。如果站点是通过HTTPS服务的，则此过程包括DNS解析，建立TCP连接以及执行TLS握手。将两者结合起来可提供进一步减少<a href="/zh-CN/docs/Web/HTTP/CORS">跨域请求</a>的感知延迟的机会。您可以安全地将它们一起使用，如下所示：</p> +<p>第三，考虑将 <code>dns-prefetch</code> 与 <code>preconnect(</code>预连接<code>)</code>提示配对。尽管 <code>dns-prefetch</code> 仅执行 DNS查找，但<code>preconnect</code> 会建立与服务器的连接。如果站点是通过 HTTPS 服务的，则此过程包括 DNS 解析，建立 TCP 连接以及执行 TLS 握手。将两者结合起来可提供进一步减少<a href="/zh-CN/docs/Web/HTTP/CORS">跨域请求</a>的感知延迟的机会。您可以安全地将它们一起使用，如下所示：</p> <pre class="brush: html notranslate"><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link rel="dns-prefetch" href="https://fonts.gstatic.com/"> @@ -52,9 +52,9 @@ translation_of: Web/Performance/dns-prefetch <p><strong>Note</strong>: 如果页面需要建立与许多第三方域的连接，则将它们预先连接会适得其反。 <code>preconnect</code> 提示最好仅用于最关键的连接。对于其他的，只需使用 <code><link rel="dns-prefetch"></code> 即可节省第一步的时间-DNS查找。</p> </div> -<p>配对这些提示的逻辑是因为对dns-prefetch的支持比对预连接的支持要好。不支持预连接的浏览器仍然可以通过回退到dns-prefetch来获得更多好处。由于这是HTML功能，因此非常容错。如果不支持的浏览器遇到dns-prefetch提示（或任何其他资源提示），则您的网站不会中断。您只是不会获得它提供的好处。</p> +<p>配对这些提示的逻辑是因为对 dns-prefetch 的支持比对预连接的支持要好。不支持预连接的浏览器仍然可以通过回退到dns-prefetch来获得更多好处。由于这是HTML功能，因此非常容错。如果不支持的浏览器遇到 dns-prefetch 提示（或任何其他资源提示），则您的网站不会中断。您只是不会获得它提供的好处。</p> -<p>一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 <a href="/zh-CN/docs/Web/HTTP/CORS">crossorigin</a> 属性。如果您省略它，则浏览器将仅执行DNS查找。</p> +<p>一些资源（如字体）以匿名模式加载。在这种情况下，应使用预连接提示设置 <a href="/zh-CN/docs/Web/HTTP/CORS">crossorigin</a> 属性。如果您省略它，则浏览器将仅执行 DNS 查找。</p> <h2 id="查看更多">查看更多</h2> diff --git a/files/zh-cn/web/security/same-origin_policy/index.html b/files/zh-cn/web/security/same-origin_policy/index.html index 983a40c3af..67b54322e1 100644 --- a/files/zh-cn/web/security/same-origin_policy/index.html +++ b/files/zh-cn/web/security/same-origin_policy/index.html @@ -121,7 +121,7 @@ translation_of: Web/Security/Same-origin_policy <h3 id="如何允许跨源访问"><strong>如何允许跨源访问</strong></h3> -<p>可以使用 <a href="https://developer.mozilla.org/zh-CN/docs/HTTP/Access_control_CORS">CORS</a> 来允许跨源访问。CORS 是 {{Glossary("HTTP")}} 的一部分，它允许服务端来指定哪些主机可以从这个服务端加载资源。</p> +<p>可以使用 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS">CORS</a> 来允许跨源访问。CORS 是 {{Glossary("HTTP")}} 的一部分，它允许服务端来指定哪些主机可以从这个服务端加载资源。</p> <h3 id="如何阻止跨源访问"><strong>如何阻止跨源访问</strong></h3> |