chore(i18n,curriculum): update translations (#44524)
This commit is contained in:
camperbot
GitHub
@@ -17,7 +17,7 @@ dashedName: use-headings-to-show-hierarchical-relationships-of-content
|
||||
|
||||
在使用中，相同级别（或者更高级别）的标题标签用于开启新的章节，低一级别的标题标签用于开启上一级标题标签的子小节。
|
||||
|
||||
比如说，如果我们在一个 `h2` 标签后加上若干由 `h4` 标签引导的页面。 此时发生了层级的错位，这会让使用屏幕阅读器的用户感到困惑。 尽管在浏览器所显示的页面中，错误地使用这六个标题标签依然可以让它们在视觉效果上看起来很合理。 但此时，我们应该按照层级正确地使用标签，然后用 CSS 来调整样式。
|
||||
例如，一个页面带有一个 `h2` 元素，后面跟着几个用 `h4` 元素标记的小节，这会使屏幕阅读器用户感到困惑。 尽管在浏览器所显示的页面中，错误地使用这六个标题标签依然可以让它们在视觉效果上看起来很合理。 但此时，我们应该按照层级正确地使用标签，然后用 CSS 来调整样式。
|
||||
|
||||
最后一点，每个页面应只有一个 `h1` 标签，用来概括说明页面的主题。 另外，这六个标题标签可以让搜索引擎获取页面的大纲。
|
||||
|
||||
@@ -27,7 +27,7 @@ Camper Cat 希望他的网站有一个介绍如何成为忍者的页面。 帮
|
||||
|
||||
# --hints--
|
||||
|
||||
应存在 6 个 `h3` 标签。
|
||||
你的代码应该有 6 个 `h3` 元素。
|
||||
|
||||
```js
|
||||
assert($('h3').length === 6);
|
||||
@@ -39,7 +39,7 @@ assert($('h3').length === 6);
|
||||
assert((code.match(/\/h3/g) || []).length === 6);
|
||||
```
|
||||
|
||||
不应该存在 `h5` 标签.
|
||||
你的代码不应包含任何 `h5` 元素。
|
||||
|
||||
```js
|
||||
assert($('h5').length === 0);
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: 587d781b367417b2b2512abd
|
||||
title: 调整标题与段落的大小
|
||||
title: 调整标题元素与段落元素的大小
|
||||
challengeType: 0
|
||||
videoUrl: 'https://scrimba.com/c/c3bRPTz'
|
||||
forumTopicId: 301037
|
||||
@@ -9,15 +9,15 @@ dashedName: adjust-the-size-of-a-heading-element-versus-a-paragraph-element
|
||||
|
||||
# --description--
|
||||
|
||||
标题标签的字体大小（从 `h1` 到 `h6`）一般应该大于段落标签的字体大小。 这使用户更容易在视觉上了解页面上所有内容的布局和重要程度。 你可以使用 `font-size` 属性来设置元素内文字的大小。
|
||||
标题元素（`h1` 到 `h6`）的字体大小通常应大于段落标签的字体大小。 这使用户更容易直观地了解页面上所有内容的布局和重要性级别。 你可以使用 `font-size` 属性来调整元素中文本的大小。
|
||||
|
||||
# --instructions--
|
||||
|
||||
把 `h4` 标签的 `font-size` 的属性值改成 27px，让标题更醒目。
|
||||
要使标题明显大于段落，请将 `h4` 元素的 `font-size` 更改为 27 像素。
|
||||
|
||||
# --hints--
|
||||
|
||||
应给 `h4` 元素添加一个 `font-size` 属性并将属性值设置为 27px。
|
||||
你的代码应该将 `font-size` 属性添加到设置为 27 像素的 `h4` 元素。
|
||||
|
||||
```js
|
||||
assert($('h4').css('font-size') == '27px');
|
||||
@@ -116,3 +116,4 @@ assert($('h4').css('font-size') == '27px');
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ dashedName: create-a-more-complex-shape-using-css-and-html
|
||||
|
||||
# --description--
|
||||
|
||||
世界上最流行的形状非心形莫属了，在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素 `::before` 和 `::after`。 伪元素可以在所选元素之前或之后添加一些内容。 在下面的代码中，`::before` 伪元素用来给 class 为 `heart` 的元素添加一个正方形：
|
||||
世界上最流行的形状非心形莫属了，在本挑战中我们将用纯 CSS 创建一个心形。 但是首先你需要了解伪元素 `::before` 和 `::after`。 `::before` 创建一个伪元素，它是所选元素的第一个子元素； `::after` 创建一个伪元素，它是所选元素的最后一个子元素。 在下面的代码中，`::before` 伪元素用来给 class 为 `heart` 的元素添加一个正方形：
|
||||
|
||||
```css
|
||||
.heart::before {
|
||||
|
||||
@@ -13,7 +13,7 @@ dashedName: create-visual-balance-using-the-text-align-property
|
||||
|
||||
web 内容大部分都是文本。 CSS 里面的 `text-align` 属性可以控制文本的对齐方式。
|
||||
|
||||
`text-align: justify;` 可以让除最后一行之外的文字两端对齐，即每行的左右两端都紧贴行的边缘。
|
||||
`text-align: justify;` 将文本隔开，使每行的宽度相等。
|
||||
|
||||
`text-align: center;` 可以让文本居中对齐。
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ dashedName: build-a-tribute-page
|
||||
|
||||
**需求 2：** 此 app 中应存在一个 `id="title"` 的元素，其中包含描述致敬页主题的字符串文本，如 "Dr. Norman Borlaug"。
|
||||
|
||||
**需求 3：** 此 app 中应存在一个 `id="img-div"` 的 `div` 元素。
|
||||
**需求 3：** 此 app 中应存在一个 `id="img-div"` 的 `figure` 或 `div` 元素。
|
||||
|
||||
**需求 4：** 在 `img-div` 元素内，应存在一个 `id="image"` 的 `img` 元素。
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@ dashedName: create-complex-multi-dimensional-arrays
|
||||
|
||||
很好！ 你现在已经学到很多关于数组的知识了， 但这些只是个开始。我们将在接下来的中挑战中学到更多与数组相关的知识。 在继续学习对象（<dfn>Objects</dfn>）之前，让我们再花一点时间了解下更复杂的数组嵌套。
|
||||
|
||||
数组的一个强大的特性是，它可以包含其他数组，甚至完全由其他数组组成。 在上一个挑战中，我们已经接触到了包含数组的数组，但它还算是比较简单的。 数组中的数组还可以再包含其他数组，即可以嵌套任意多层数组。 习惯上，我们称这种数据结构为<dfn>多维（multi-dimensional）数组</dfn>或嵌套（nested）数组。 请看如下的示例：
|
||||
数组的一个强大的特性是，它可以包含其他数组，甚至完全由其他数组组成。 在上一个挑战中，我们已经接触到了包含数组的数组，但它还算是比较简单的。 数组中的数组还可以再包含其他数组，即可以嵌套任意多层数组。 通过这种方式，数组可以很快成为非常复杂的数据结构，称为<dfn>多维（multi-dimensional）</dfn>数组，或嵌套（nested）数组。 请看如下的示例：
|
||||
|
||||
```js
|
||||
let nestedArray = [
|
||||
|
||||
@@ -16,6 +16,8 @@ dashedName: timestamp-microservice
|
||||
|
||||
完成本项目后，请将一个正常运行的 demo（项目演示）托管在可以公开访问的平台。 然后在 `Solution Link` 字段中提交它的 URL。 此外，还可以将项目的源码提交到 `GitHub Link` 中。
|
||||
|
||||
**注意：** 时区转换不是本项目的目的，因此假设所有发送的有效日期将使用 `new Date()` 解析为 GMT 日期。
|
||||
|
||||
# --hints--
|
||||
|
||||
提交自己的项目，而不是示例的 URL。
|
||||
@@ -28,7 +30,7 @@ dashedName: timestamp-microservice
|
||||
};
|
||||
```
|
||||
|
||||
向 `/api/:date?` 发送一个带有有效日期的请求，应该很快（在几毫秒内）返回一个 JSON 对象，在这个 JSON 对象内有一个包含输入日期的 Unix 时间戳的 `unix` 键。
|
||||
对具有有效日期的 `/api/:date?` 的请求应返回一个带有 `unix` 键的 JSON 对象，该键是输入日期的 Unix 时间戳（以毫秒为单位）
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
@@ -46,7 +48,7 @@ dashedName: timestamp-microservice
|
||||
);
|
||||
```
|
||||
|
||||
向 `/api/:date?` 发送一个带有有效日期的请求，应该返回一个 JSON 对象，在这个 JSON 对象内有一个包含如 `Thu, 01 Jan 1970 00:00:00 GMT` 格式的输入日期的 `utc` 键。
|
||||
对具有有效日期的 `/api/:date?` 的请求应返回一个带有 `utc` 键的 JSON 对象，该键是输入日期的字符串，格式为：`Thu, 01 Jan 1970 00:00:00 GMT`
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
@@ -64,7 +66,7 @@ dashedName: timestamp-microservice
|
||||
);
|
||||
```
|
||||
|
||||
向 `/api/1451001600000` 发送请求，应该返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }`。
|
||||
对 `/api/1451001600000` 的请求应该返回 `{ unix: 1451001600000, utc: "Fri, 25 Dec 2015 00:00:00 GMT" }`
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
@@ -81,11 +83,11 @@ dashedName: timestamp-microservice
|
||||
);
|
||||
```
|
||||
|
||||
程序能成功处理能被 `new Date(date_string)` 解析的日期。
|
||||
你的项目可以处理可以通过 `new Date(date_string)` 成功解析的日期
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
$.get(getUserInput('url') + '/api/05 October 2011').then(
|
||||
$.get(getUserInput('url') + '/api/05 October 2011, GMT').then(
|
||||
(data) => {
|
||||
assert(
|
||||
data.unix === 1317772800000 &&
|
||||
@@ -98,7 +100,7 @@ dashedName: timestamp-microservice
|
||||
);
|
||||
```
|
||||
|
||||
如果传入的日期是无效的，将返回一个带有结构体 `{ error : "Invalid Date" }` 的对象。
|
||||
如果输入的日期字符串无效，api 将返回一个具有结构的对象 `{ error : "Invalid Date" }`
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
@@ -112,7 +114,7 @@ dashedName: timestamp-microservice
|
||||
);
|
||||
```
|
||||
|
||||
如果传入的参数是空日期，将返回一个包含当前时间的 `unix` 键的 JSON 对象。
|
||||
一个空的日期参数应该返回一个带有 `unix` 键的 JSON 对象中的当前时间
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
@@ -127,7 +129,7 @@ dashedName: timestamp-microservice
|
||||
);
|
||||
```
|
||||
|
||||
如果传入的参数是空日期，将返回一个包含当前时间的 `utc` 键的 JSON 对象。
|
||||
空日期参数应返回带有 `utc` 键的 JSON 对象中的当前时间
|
||||
|
||||
```js
|
||||
(getUserInput) =>
|
||||
|
||||
Reference in New Issue
Block a user