From 1565a708696070e3f31b1896117809e7533bdc14 Mon Sep 17 00:00:00 2001 From: Hoarfroster Date: Sun, 1 Sep 2024 20:08:20 +0800 Subject: [PATCH 1/3] feat: update translation --- files/zh-cn/glossary/cls/index.md | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 files/zh-cn/glossary/cls/index.md diff --git a/files/zh-cn/glossary/cls/index.md b/files/zh-cn/glossary/cls/index.md new file mode 100644 index 00000000000000..68f34b30c1d193 --- /dev/null +++ b/files/zh-cn/glossary/cls/index.md @@ -0,0 +1,20 @@ +--- +title: 累计布局偏移（CLS） +slug: Glossary/CLS +l10n: + sourceCommit: fcd4f39485d740615c32ccaef63471bc27095fb0 +--- + +{{GlossarySidebar}} + +**累计布局偏移（CLS）** 是一个网站的可用性指标，由 Google 设计为[核心 Web 要素](https://web.dev/explore/learn-core-web-vitals)指标之一。 + +它衡量用户遇到意外布局偏移的程度，其中页面元素以意外的方式移动：即不是由用户操作（如点按按钮或动画的一部分）引起的。 + +布局偏移可能是由于未给定 `width` 和 `height` 属性的 {{htmlelement("img")}} 或 {{htmlelement("video")}} 元素引起的，因此浏览器在加载它们之前不知道它们将占用多少空间。 + +{{domxref("LayoutShift")}} 接口是 [性能 API](/zh-CN/docs/Web/API/Performance_API) 的一部分，可用于测量单个布局偏移，然后用于计算网页的 CLS 分数。 + +## 参见 + +- web.dev 上的 [CLS](https://web.dev/articles/cls) From e0f07964b6cd0331c7cea1601e6850bbcbd3cdf8 Mon Sep 17 00:00:00 2001 From: Hoarfroster Date: Tue, 3 Sep 2024 08:16:37 +0800 Subject: [PATCH 2/3] fea --- files/zh-cn/glossary/cls/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/glossary/cls/index.md b/files/zh-cn/glossary/cls/index.md index 68f34b30c1d193..0d6c7699ef37f8 100644 --- a/files/zh-cn/glossary/cls/index.md +++ b/files/zh-cn/glossary/cls/index.md @@ -7,9 +7,9 @@ l10n: {{GlossarySidebar}} -**累计布局偏移（CLS）** 是一个网站的可用性指标，由 Google 设计为[核心 Web 要素](https://web.dev/explore/learn-core-web-vitals)指标之一。 +**累计布局偏移（CLS）**是一种由 Google 设计为[核心 Web 要素](https://web.dev/explore/learn-core-web-vitals)其中之一的网站的可用性指标。 -它衡量用户遇到意外布局偏移的程度，其中页面元素以意外的方式移动：即不是由用户操作（如点按按钮或动画的一部分）引起的。 +它可以衡量用户遇到意外布局偏移的程度。这里元素的意外偏移指不是由用户操作（如点按按钮或动画的一部分）引起的偏移。 布局偏移可能是由于未给定 `width` 和 `height` 属性的 {{htmlelement("img")}} 或 {{htmlelement("video")}} 元素引起的，因此浏览器在加载它们之前不知道它们将占用多少空间。 From ac03014a6afc7875ae7feeda6aaaa5255f709131 Mon Sep 17 00:00:00 2001 From: Hoarfroster Date: Tue, 3 Sep 2024 13:30:27 +0800 Subject: [PATCH 3/3] Apply suggestions from code review Co-authored-by: A1lo --- files/zh-cn/glossary/cls/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/glossary/cls/index.md b/files/zh-cn/glossary/cls/index.md index 0d6c7699ef37f8..f247d9957e76df 100644 --- a/files/zh-cn/glossary/cls/index.md +++ b/files/zh-cn/glossary/cls/index.md @@ -7,13 +7,13 @@ l10n: {{GlossarySidebar}} -**累计布局偏移（CLS）**是一种由 Google 设计为[核心 Web 要素](https://web.dev/explore/learn-core-web-vitals)其中之一的网站的可用性指标。 +**累计布局偏移**（CLS）是一种由 Google 设计为[核心 Web 要素](https://web.dev/explore/learn-core-web-vitals)之一的网站的可用性指标。 它可以衡量用户遇到意外布局偏移的程度。这里元素的意外偏移指不是由用户操作（如点按按钮或动画的一部分）引起的偏移。 布局偏移可能是由于未给定 `width` 和 `height` 属性的 {{htmlelement("img")}} 或 {{htmlelement("video")}} 元素引起的，因此浏览器在加载它们之前不知道它们将占用多少空间。 -{{domxref("LayoutShift")}} 接口是 [性能 API](/zh-CN/docs/Web/API/Performance_API) 的一部分，可用于测量单个布局偏移，然后用于计算网页的 CLS 分数。 +{{domxref("LayoutShift")}} 接口（属于[性能 API](/zh-CN/docs/Web/API/Performance_API)）可用于测量单个布局偏移，然后用于计算网页的 CLS 分数。 ## 参见