From 968220d2a8c80a8baea557fdab72c987bc4dd4e8 Mon Sep 17 00:00:00 2001 From: rfhits <70683664+rfhits@users.noreply.github.com> Date: Mon, 10 Oct 2022 11:08:37 +0800 Subject: [PATCH 1/4] feat: update translation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit “to show”应当翻译为“展示”。“展示”和“显示”相比,更能体现人“主动”修改页面、呈现新元素的意思。 --- 2-ui/1-document/11-coordinates/article.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/2-ui/1-document/11-coordinates/article.md b/2-ui/1-document/11-coordinates/article.md index f341d95095..c8c35e22ef 100644 --- a/2-ui/1-document/11-coordinates/article.md +++ b/2-ui/1-document/11-coordinates/article.md @@ -146,7 +146,9 @@ elem.style.background = ''; // Error! ## 用于 "fixed" 定位 -为了显示元素附近的东西,我们可以使用 `getBoundingClientRect` 来获取其坐标,然后使用 CSS `position` 以及 `left/top`(或 `right/bottom`)。 +大多数时候,我们需要使用坐标来确定元素的位置。 + +为了在一个元素附近展示些什么,我们可以使用 `getBoundingClientRect` 来获取这个元素的坐标,然后使用 CSS `position` 以及 `left/top`(或 `right/bottom`)。 例如,下面的函数 `createMessageUnder(elem, html)` 在 `elem` 下显示了消息: From ad976a55fb2fe0c7b9f0e72194cb570052fe05d5 Mon Sep 17 00:00:00 2001 From: LeviDing Date: Sun, 30 Oct 2022 19:08:40 +0800 Subject: [PATCH 2/4] Update article.md --- 2-ui/1-document/11-coordinates/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/1-document/11-coordinates/article.md b/2-ui/1-document/11-coordinates/article.md index c8c35e22ef..e19a3e7692 100644 --- a/2-ui/1-document/11-coordinates/article.md +++ b/2-ui/1-document/11-coordinates/article.md @@ -146,7 +146,7 @@ elem.style.background = ''; // Error! ## 用于 "fixed" 定位 -大多数时候,我们需要使用坐标来确定元素的位置。 +大多数时候,我们需要使用坐标来确定某些东西的位置。 为了在一个元素附近展示些什么,我们可以使用 `getBoundingClientRect` 来获取这个元素的坐标,然后使用 CSS `position` 以及 `left/top`(或 `right/bottom`)。 From 18eda9212772ac30f169df782e8029bf1282fbc9 Mon Sep 17 00:00:00 2001 From: LeviDing Date: Sun, 30 Oct 2022 19:09:19 +0800 Subject: [PATCH 3/4] Update article.md --- 2-ui/1-document/11-coordinates/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/1-document/11-coordinates/article.md b/2-ui/1-document/11-coordinates/article.md index e19a3e7692..015e6521f7 100644 --- a/2-ui/1-document/11-coordinates/article.md +++ b/2-ui/1-document/11-coordinates/article.md @@ -146,7 +146,7 @@ elem.style.background = ''; // Error! ## 用于 "fixed" 定位 -大多数时候,我们需要使用坐标来确定某些东西的位置。 +大多数时候,我们需要使用坐标来确定某些内容的位置。 为了在一个元素附近展示些什么,我们可以使用 `getBoundingClientRect` 来获取这个元素的坐标,然后使用 CSS `position` 以及 `left/top`(或 `right/bottom`)。 From ff5918df7ba643cfae45214a5db9b0c82a153a5b Mon Sep 17 00:00:00 2001 From: LeviDing Date: Sun, 30 Oct 2022 19:10:26 +0800 Subject: [PATCH 4/4] Apply suggestions from code review Co-authored-by: Songhn --- 2-ui/1-document/11-coordinates/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/2-ui/1-document/11-coordinates/article.md b/2-ui/1-document/11-coordinates/article.md index 015e6521f7..d577d9370a 100644 --- a/2-ui/1-document/11-coordinates/article.md +++ b/2-ui/1-document/11-coordinates/article.md @@ -148,7 +148,7 @@ elem.style.background = ''; // Error! 大多数时候,我们需要使用坐标来确定某些内容的位置。 -为了在一个元素附近展示些什么,我们可以使用 `getBoundingClientRect` 来获取这个元素的坐标,然后使用 CSS `position` 以及 `left/top`(或 `right/bottom`)。 +想要在某元素附近展示内容,我们可以使用 `getBoundingClientRect` 来获取这个元素的坐标,然后使用 CSS `position` 以及 `left/top`(或 `right/bottom`)。 例如,下面的函数 `createMessageUnder(elem, html)` 在 `elem` 下显示了消息: