chore: replace forum links (#39139)
This commit is contained in:
Nicholas Carrigan
committed by
GitHub
GitHub
parent
34c26c4950
commit
1e0e54446f
@@ -8,7 +8,7 @@ localeTitle: 矮胖的猴子
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">编写一个函数，将数组（第一个参数）拆分为<code>size</code>的长度（第二个参数），并将它们作为二维数组返回。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">编写一个函数，将数组（第一个参数）拆分为<code>size</code>的长度（第二个参数），并将它们作为二维数组返回。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 确认结束
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">检查字符串（第一个参数<code>str</code> ）是否以给定的目标字符串（第二个参数， <code>target</code> ）结束。这个挑战<em>可以</em>通过<code>.endsWith()</code>中引入的<code>.endsWith()</code>方法来解决。但是出于这个挑战的目的，我们希望您使用其中一个JavaScript子字符串方法。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">检查字符串（第一个参数<code>str</code> ）是否以给定的目标字符串（第二个参数， <code>target</code> ）结束。这个挑战<em>可以</em>通过<code>.endsWith()</code>中引入的<code>.endsWith()</code>方法来解决。但是出于这个挑战的目的，我们希望您使用其中一个JavaScript子字符串方法。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 对一个数字进行推理
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回提供的整数的阶乘。如果整数用字母n表示，则阶乘是所有小于或等于n的正整数的乘积。因子通常用简写符号<code>n!</code>表示<code>n!</code>例如： <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code>只有大于或等于零的整数才会被提供给该函数。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回提供的整数的阶乘。如果整数用字母n表示，则阶乘是所有小于或等于n的正整数的乘积。因子通常用简写符号<code>n!</code>表示<code>n!</code>例如： <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code>只有大于或等于零的整数才会被提供给该函数。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Falsy Bouncer
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">从数组中删除所有有价值的值。 JavaScript中的Falsy值为<code>false</code> ， <code>null</code> ， <code>0</code> ， <code>""</code> ， <code>undefined</code>和<code>NaN</code> 。提示：尝试将每个值转换为布尔值。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">从数组中删除所有有价值的值。 JavaScript中的Falsy值为<code>false</code> ， <code>null</code> ， <code>0</code> ， <code>""</code> ， <code>undefined</code>和<code>NaN</code> 。提示：尝试将每个值转换为布尔值。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 找到字符串中最长的单词
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回所提供句子中最长单词的长度。您的回答应该是一个数字。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回所提供句子中最长单词的长度。您的回答应该是一个数字。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Finders Keepers
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">创建一个查看数组（第一个参数）的函数，并返回数组中传递真值测试的第一个元素（第二个参数）。如果没有元素通过测试，则返回undefined。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">创建一个查看数组（第一个参数）的函数，并返回数组中传递真值测试的第一个元素（第二个参数）。如果没有元素通过测试，则返回undefined。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 突变
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果数组的第一个元素中的字符串包含数组第二个元素中字符串的所有字母，则返回true。例如， <code>["hello", "Hello"]</code>应该返回true，因为第二个字符串中的所有字母都出现在第一个字母中，忽略大小写。参数<code>["hello", "hey"]</code>应返回false，因为字符串“hello”不包含“y”。最后， <code>["Alien", "line"]</code>应该返回true，因为“line”中的所有字母都出现在“Alien”中。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">如果数组的第一个元素中的字符串包含数组第二个元素中字符串的所有字母，则返回true。例如， <code>["hello", "Hello"]</code>应该返回true，因为第二个字符串中的所有字母都出现在第一个字母中，忽略大小写。参数<code>["hello", "hey"]</code>应返回false，因为字符串“hello”不包含“y”。最后， <code>["Alien", "line"]</code>应该返回true，因为“line”中的所有字母都出现在“Alien”中。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 重复一个字符串重复字符串
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">为<code>num</code> times（第二个参数）重复给定的字符串<code>str</code> （第一个参数）。如果<code>num</code>不是正数，则返回空字符串。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">为<code>num</code> times（第二个参数）重复给定的字符串<code>str</code> （第一个参数）。如果<code>num</code>不是正数，则返回空字符串。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 返回数组中的最大数字
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回一个数组，该数组由每个提供的子数组中的最大数字组成。为简单起见，提供的数组将包含4个子数组。请记住，您可以使用简单的for循环遍历数组，并使用数组语法<code>arr[i]</code>访问每个成员。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回一个数组，该数组由每个提供的子数组中的最大数字组成。为简单起见，提供的数组将包含4个子数组。请记住，您可以使用简单的for循环遍历数组，并使用数组语法<code>arr[i]</code>访问每个成员。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 反转字符串
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">反转提供的字符串。您可能需要先将字符串转换为数组，然后才能将其反转。您的结果必须是字符串。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">反转提供的字符串。您可能需要先将字符串转换为数组，然后才能将其反转。您的结果必须是字符串。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -9,7 +9,7 @@ localeTitle: 切片和拼接
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">您将获得两个数组和一个索引。使用数组方法<code>slice</code>和<code>splice</code>按顺序将第一个数组的每个元素复制到第二个数组中。开始在第二个数组的索引<code>n</code>处插入元素。返回结果数组。函数运行后，输入数组应保持不变。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">您将获得两个数组和一个索引。使用数组方法<code>slice</code>和<code>splice</code>按顺序将第一个数组的每个元素复制到第二个数组中。开始在第二个数组的索引<code>n</code>处插入元素。返回结果数组。函数运行后，输入数组应保持不变。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 标题案例句子
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回提供的字符串，每个单词的首字母大写。确保单词的其余部分为小写。出于本练习的目的，您还应该将诸如“the”和“of”之类的连接词大写。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回提供的字符串，每个单词的首字母大写。确保单词的其余部分为小写。出于本练习的目的，您还应该将诸如“the”和“of”之类的连接词大写。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 截断字符串
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果字符串（第一个参数）长于给定的最大字符串长度（第二个参数），则截断该字符串。返回带有<code>...</code>结尾的截断字符串。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">如果字符串（第一个参数）长于给定的最大字符串长度（第二个参数），则截断该字符串。返回带有<code>...</code>结尾的截断字符串。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 我属于哪里？
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回一个值（第二个参数）应该在排序后插入数组（第一个参数）的最低索引。返回的值应该是一个数字。例如， <code>getIndexToIns([1,2,3,4], 1.5)</code>应返回<code>1</code>因为它大于<code>1</code> （索引0），但小于<code>2</code> （索引1）。同样， <code>getIndexToIns([20,3,5], 19)</code>应返回<code>2</code>因为一旦数组已经排序，它将看起来像<code>[3,5,20]</code> ， <code>19</code>小于<code>20</code> （索引2）并且大于<code>5</code> （指数1）。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">返回一个值（第二个参数）应该在排序后插入数组（第一个参数）的最低索引。返回的值应该是一个数字。例如， <code>getIndexToIns([1,2,3,4], 1.5)</code>应返回<code>1</code>因为它大于<code>1</code> （索引0），但小于<code>2</code> （索引1）。同样， <code>getIndexToIns([20,3,5], 19)</code>应返回<code>2</code>因为一旦数组已经排序，它将看起来像<code>[3,5,20]</code> ， <code>19</code>小于<code>20</code> （索引2）并且大于<code>5</code> （指数1）。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 参数可选
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">创建一个将两个参数相加的函数。如果只提供了一个参数，则返回一个需要一个参数并返回总和的函数。例如， <code>addTogether(2, 3)</code>应返回<code>5</code> ， <code>addTogether(2)</code>应返回一个函数。使用单个参数调用此返回函数将返回总和： <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code>返回<code>5</code> 。如果任一参数不是有效数字，则返回undefined。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">创建一个将两个参数相加的函数。如果只提供了一个参数，则返回一个需要一个参数并返回总和的函数。例如， <code>addTogether(2, 3)</code>应返回<code>5</code> ， <code>addTogether(2)</code>应返回一个函数。使用单个参数调用此返回函数将返回总和： <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code>返回<code>5</code> 。如果任一参数不是有效数字，则返回undefined。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 二元代理商
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回传递的二进制字符串的英文翻译句子。二进制字符串将以空格分隔。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">返回传递的二进制字符串的英文翻译句子。二进制字符串将以空格分隔。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 转换HTML实体
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将字符串中的字符<code>&</code> ， <code><</code> ， <code>></code> ， <code>"</code> （双引号）和<code>'</code> （撇号）转换为相应的HTML实体。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。写下你的自己的代码。 </section>
|
||||
<section id="description">将字符串中的字符<code>&</code> ， <code><</code> ， <code>></code> ， <code>"</code> （双引号）和<code>'</code> （撇号）转换为相应的HTML实体。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。写下你的自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 差分两个阵列
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">比较两个数组并返回一个新数组，其中只有在两个给定数组中的一个中找到的任何项，但不能同时返回两个数组。换句话说，返回两个数组的对称差异。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <strong>注意</strong> <br>您可以按任何顺序返回包含其元素的数组。 </section>
|
||||
<section id="description">比较两个数组并返回一个新数组，其中只有在两个给定数组中的一个中找到的任何项，但不能同时返回两个数组。换句话说，返回两个数组的对称差异。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <strong>注意</strong> <br>您可以按任何顺序返回包含其元素的数组。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: DNA配对
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> DNA链缺少配对元素。获取每个字符，获取其对，并将结果作为二维数组返回。 <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">碱基对</a>是一对AT和CG。将缺少的元素与提供的字符匹配。将提供的字符作为每个数组中的第一个元素返回。例如，对于输入GCG，返回[[“G”，“C”]，[“C”，“G”]，[“G”，“C”]]字符及其对在一个中配对数组，并将所有数组分组到一个封装数组中。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description"> DNA链缺少配对元素。获取每个字符，获取其对，并将结果作为二维数组返回。 <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">碱基对</a>是一对AT和CG。将缺少的元素与提供的字符匹配。将提供的字符作为每个数组中的第一个元素返回。例如，对于输入GCG，返回[[“G”，“C”]，[“C”，“G”]，[“G”，“C”]]字符及其对在一个中配对数组，并将所有数组分组到一个封装数组中。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 算了吧
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">给定数组<code>arr</code> ，迭代并从第一个元素（0索引）开始删除每个元素，直到函数<code>func</code>在迭代元素通过它时返回<code>true</code> 。然后在条件满足后返回数组的其余部分，否则， <code>arr</code>应作为空数组返回。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">给定数组<code>arr</code> ，迭代并从第一个元素（0索引）开始删除每个元素，直到函数<code>func</code>在迭代元素通过它时返回<code>true</code> 。然后在条件满足后返回数组的其余部分，否则， <code>arr</code>应作为空数组返回。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 一切都是真的
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">检查谓词（第二个参数）是否对集合的所有元素（第一个参数）都是<dfn>真实的</dfn> 。换句话说，您将获得一个对象的数组集合。谓语<code>pre</code>将一个对象的属性，你需要返回<code>true</code> ，如果它的值是<code>truthy</code> 。否则，返回<code>false</code> 。在JavaScript中， <code>truthy</code>值是在布尔上下文中计算时转换为<code>true</code>的值。请记住，您可以通过点表示法或<code>[]</code>表示法访问对象属性。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">检查谓词（第二个参数）是否对集合的所有元素（第一个参数）都是<dfn>真实的</dfn> 。换句话说，您将获得一个对象的数组集合。谓语<code>pre</code>将一个对象的属性，你需要返回<code>true</code> ，如果它的值是<code>truthy</code> 。否则，返回<code>false</code> 。在JavaScript中， <code>truthy</code>值是在布尔上下文中计算时转换为<code>true</code>的值。请记住，您可以通过点表示法或<code>[]</code>表示法访问对象属性。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: 做一个人
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">使用以下方法填写对象构造函数： <blockquote> getFirstName（）getLastName（）getFullName（）setFirstName（first）setLastName（last）setFullName（firstAndLast） </blockquote>运行测试以查看每个方法的预期输出。采用参数的方法必须只接受一个参数，并且必须是一个字符串。这些方法必须是与对象交互的唯一可用方法。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">使用以下方法填写对象构造函数： <blockquote> getFirstName（）getLastName（）getFullName（）setFirstName（first）setLastName（last）setFullName（firstAndLast） </blockquote>运行测试以查看每个方法的预期输出。采用参数的方法必须只接受一个参数，并且必须是一个字符串。这些方法必须是与对象交互的唯一可用方法。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: 映射碎片
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回一个新数组，将元素的平均高度转换为轨道周期（以秒为单位）。该数组将包含<code>{name: 'name', avgAlt: avgAlt}</code>格式的对象。您可以<a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">在维基百科上</a>阅读有关轨道周期的<a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">信息</a> 。值应四舍五入到最接近的整数。轨道上的身体是地球。地球半径为6367.4447公里，地球的GM值为398600.4418 km <sup>3</sup> s <sup>-2</sup> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">返回一个新数组，将元素的平均高度转换为轨道周期（以秒为单位）。该数组将包含<code>{name: 'name', avgAlt: avgAlt}</code>格式的对象。您可以<a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">在维基百科上</a>阅读有关轨道周期的<a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">信息</a> 。值应四舍五入到最接近的整数。轨道上的身体是地球。地球半径为6367.4447公里，地球的GM值为398600.4418 km <sup>3</sup> s <sup>-2</sup> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 遗失的信件
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">在传递的字母范围内找到丢失的字母并将其返回。如果范围内存在所有字母，则返回undefined。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">在传递的字母范围内找到丢失的字母并将其返回。如果范围内存在所有字母，则返回undefined。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 猪拉丁文
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将提供的字符串翻译为pig latin。 <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a>使用英语单词的第一个辅音（或辅音簇），将其移到单词的末尾并加上“ay”后缀。如果一个单词以元音开头，你只需添加“way”到最后。输入字符串保证全部为小写英文单词。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将提供的字符串翻译为pig latin。 <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a>使用英语单词的第一个辅音（或辅音簇），将其移到单词的末尾并加上“ay”后缀。如果一个单词以元音开头，你只需添加“way”到最后。输入字符串保证全部为小写英文单词。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 搜索和替换
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">使用提供的参数执行搜索并替换句子并返回新句子。第一个参数是执行搜索和替换的句子。第二个参数是你要替换的词（之前）。第三个参数是你将用（后）替换第二个参数。 <strong>注意</strong> <br>在更换原始单词时保留原始单词中第一个字符的大小写。例如，如果您的意思是将“Book”替换为“dog”，则应将其替换为“Dog”。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">使用提供的参数执行搜索并替换句子并返回新句子。第一个参数是执行搜索和替换的句子。第二个参数是你要替换的词（之前）。第三个参数是你将用（后）替换第二个参数。 <strong>注意</strong> <br>在更换原始单词时保留原始单词中第一个字符的大小写。例如，如果您的意思是将“Book”替换为“dog”，则应将其替换为“Dog”。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 寻找和摧毁
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">您将获得一个初始数组（驱逐舰函数中的第一个参数），后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 <strong>注意</strong> <br>你必须使用<code>arguments</code>对象。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">您将获得一个初始数组（驱逐舰函数中的第一个参数），后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 <strong>注意</strong> <br>你必须使用<code>arguments</code>对象。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 最小的共同多重
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">找到所提供参数的最小公倍数，可以均匀地除以这些参数，以及这些参数之间范围内的所有序号。范围将是两个数字的数组，不一定按数字顺序排列。例如，如果给定1和3，找到1和3的最小公倍数，它们也可以被1到3 <em>之间</em>的所有数字整除。这里的答案是6.记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>如果你得到卡住。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">找到所提供参数的最小公倍数，可以均匀地除以这些参数，以及这些参数之间范围内的所有序号。范围将是两个数字的数组，不一定按数字顺序排列。例如，如果给定1和3，找到1和3的最小公倍数，它们也可以被1到3 <em>之间</em>的所有数字整除。这里的答案是6.记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>如果你得到卡住。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 排序联盟
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">编写一个带有两个或更多数组的函数，并按原始提供的数组的顺序返回一个新的唯一值数组。换句话说，所有数组中存在的所有值都应包含在它们的原始顺序中，但在最终数组中没有重复。唯一编号应按其原始顺序排序，但最终数组不应按数字顺序排序。检查断言测试以获取示例。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">编写一个带有两个或更多数组的函数，并按原始提供的数组的顺序返回一个新的唯一值数组。换句话说，所有数组中存在的所有值都应包含在它们的原始顺序中，但在最终数组中没有重复。唯一编号应按其原始顺序排序，但最终数组不应按数字顺序排序。检查断言测试以获取示例。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 脊椎龙头套
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将字符串转换为脊柱案例。脊柱情况是全小写单词连接的破折号。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将字符串转换为脊柱案例。脊柱情况是全小写单词连接的破折号。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 压路机
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">展平嵌套数组。您必须考虑不同的嵌套级别。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">展平嵌套数组。您必须考虑不同的嵌套级别。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 求和范围中的所有数字
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">我们将通过两个数字的数组。返回这两个数字的总和加上它们之间所有数字的总和。最低的数字并不总是第一位。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">我们将通过两个数字的数组。返回这两个数字的总和加上它们之间所有数字的总和。最低的数字并不总是第一位。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 求所有奇数斐波纳契数
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">给定正整数<code>num</code> ，返回小于或等于<code>num</code>的所有奇数Fibonacci数的总和。 Fibonacci序列中的前两个数字是1和1.序列中的每个附加数字是前两个数字的总和。 Fibonacci序列的前六个数字是<code>sumFibs(10)</code>和8.例如， <code>sumFibs(10)</code>应该返回<code>10</code>因为小于或等于<code>10</code>所有奇数Fibonacci数都是<code>sumFibs(10)</code>和5.如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">给定正整数<code>num</code> ，返回小于或等于<code>num</code>的所有奇数Fibonacci数的总和。 Fibonacci序列中的前两个数字是1和1.序列中的每个附加数字是前两个数字的总和。 Fibonacci序列的前六个数字是<code>sumFibs(10)</code>和8.例如， <code>sumFibs(10)</code>应该返回<code>10</code>因为小于或等于<code>10</code>所有奇数Fibonacci数都是<code>sumFibs(10)</code>和5.如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Sum All Primes
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将所有素数加起来并包括所提供的数字。素数被定义为大于1的数，并且只有两个除数，一个和一个除数。例如，2是素数，因为它只能被1和2整除。提供的号码可能不是主要的。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将所有素数加起来并包括所提供的数字。素数被定义为大于1的数，并且只有两个除数，一个和一个除数。例如，2是素数，因为它只能被1和2整除。提供的号码可能不是主要的。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 因此，你是艺术家
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">创建一个查看对象数组（第一个参数）的函数，并返回具有匹配的名称和值对的所有对象的数组（第二个参数）。如果要包含在返回的数组中，则源对象的每个名称和值对都必须存在于集合中的对象中。例如，如果第一个参数是<code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> ，第二个参数是<code>{ last: "Capulet" }</code> ，然后你必须从数组（第一个参数）返回第三个对象，因为它包含名称及其值，它作为第二个参数传递。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">创建一个查看对象数组（第一个参数）的函数，并返回具有匹配的名称和值对的所有对象的数组（第二个参数）。如果要包含在返回的数组中，则源对象的每个名称和值对都必须存在于集合中的对象中。例如，如果第一个参数是<code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> ，第二个参数是<code>{ last: "Capulet" }</code> ，然后你必须从数组（第一个参数）返回第三个对象，因为它包含名称及其值，它作为第二个参数传递。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 凯撒密码
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">最简单和最广为人知的<dfn>密码之一</dfn>是<code>Caesar cipher</code> ，也称为<code>shift cipher</code> 。在<code>shift cipher</code>中，字母的含义被移动一些设定量。一种常见的现代用途是<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>密码，其中字母的值移动了13个位置。因此'A'''N'，'B'''O'等等。编写一个函数，它将<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>编码的字符串作为输入并返回一个已解码的字符串。所有字母都是大写的。不要转换任何非字母字符（即空格，标点符号），但要传递它们。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">最简单和最广为人知的<dfn>密码之一</dfn>是<code>Caesar cipher</code> ，也称为<code>shift cipher</code> 。在<code>shift cipher</code>中，字母的含义被移动一些设定量。一种常见的现代用途是<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>密码，其中字母的值移动了13个位置。因此'A'''N'，'B'''O'等等。编写一个函数，它将<a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>编码的字符串作为输入并返回一个已解码的字符串。所有字母都是大写的。不要转换任何非字母字符（即空格，标点符号），但要传递它们。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 收银机
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">设计一个收银抽屉功能<code>checkCashRegister()</code> ，它接受购买价格作为第一个参数（ <code>price</code> ），支付作为第二个参数（ <code>cash</code> ），以及现金抽屉（ <code>cid</code> ）作为第三个参数。 <code>cid</code>是列出可用货币的2D数组。 <code>checkCashRegister()</code>函数应始终返回带有<code>status</code>键和<code>change</code>键的对象。返回<code>{status: "INSUFFICIENT_FUNDS", change: []}</code>如果出现的现金少于到期的更改，或者如果您无法返回确切的更改。返回<code>{status: "CLOSED", change: [...]}</code>使用cash-in-drawer作为密钥<code>change</code>的值，如果它等于更改到期。否则，返回<code>{status: "OPEN", change: [...]}</code> ，以硬币和账单中的更改到期，按从最高到最低的顺序排序，作为<code>change</code>密钥的值。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <table class="table table-striped"><tbody><tr><th>货币单位</th><th>量</th></tr><tr><td>一分钱</td><td> 0.01美元（PENNY） </td></tr><tr><td>镍</td><td> 0.05美元（NICKEL） </td></tr><tr><td>十分钱</td><td> 0.1美元（DIME） </td></tr><tr><td> 25美分硬币</td><td> 0.25美元（季） </td></tr><tr><td>美元</td><td> 1美元（美元） </td></tr><tr><td>五美元</td><td> 5美元（五） </td></tr><tr><td>十美元</td><td> 10美元（10日） </td></tr><tr><td>二十美元</td><td> 20美元（二十美元） </td></tr><tr><td>一百元</td><td> 100美元（一百） </td></tr></tbody></table></section>
|
||||
<section id="description">设计一个收银抽屉功能<code>checkCashRegister()</code> ，它接受购买价格作为第一个参数（ <code>price</code> ），支付作为第二个参数（ <code>cash</code> ），以及现金抽屉（ <code>cid</code> ）作为第三个参数。 <code>cid</code>是列出可用货币的2D数组。 <code>checkCashRegister()</code>函数应始终返回带有<code>status</code>键和<code>change</code>键的对象。返回<code>{status: "INSUFFICIENT_FUNDS", change: []}</code>如果出现的现金少于到期的更改，或者如果您无法返回确切的更改。返回<code>{status: "CLOSED", change: [...]}</code>使用cash-in-drawer作为密钥<code>change</code>的值，如果它等于更改到期。否则，返回<code>{status: "OPEN", change: [...]}</code> ，以硬币和账单中的更改到期，按从最高到最低的顺序排序，作为<code>change</code>密钥的值。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 <table class="table table-striped"><tbody><tr><th>货币单位</th><th>量</th></tr><tr><td>一分钱</td><td> 0.01美元（PENNY） </td></tr><tr><td>镍</td><td> 0.05美元（NICKEL） </td></tr><tr><td>十分钱</td><td> 0.1美元（DIME） </td></tr><tr><td> 25美分硬币</td><td> 0.25美元（季） </td></tr><tr><td>美元</td><td> 1美元（美元） </td></tr><tr><td>五美元</td><td> 5美元（五） </td></tr><tr><td>十美元</td><td> 10美元（10日） </td></tr><tr><td>二十美元</td><td> 20美元（二十美元） </td></tr><tr><td>一百元</td><td> 100美元（一百） </td></tr></tbody></table></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 回文检查
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果给定的字符串是回文，则返回<code>true</code> 。否则，返回<code>false</code> 。 <dfn>回文</dfn>是一个单词或句子，其拼写方式与前后相同，忽略标点符号，大小写和间距。 <strong>注意</strong> <br>您需要删除<strong>所有非字母数字字符</strong> （标点符号，空格和符号）并将所有内容转换为相同的大小写（小写或大写）以检查回文。我们会通过字符串具有不同的格式，如<code>"racecar"</code> ， <code>"RaceCar"</code>和<code>"race CAR"</code>等等。我们还将传递带有特殊符号的字符串，例如<code>"2A3*3a2"</code> ， <code>"2A3 3a2"</code>和<code>"2_A3*3#A2"</code> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
<section id="description">如果给定的字符串是回文，则返回<code>true</code> 。否则，返回<code>false</code> 。 <dfn>回文</dfn>是一个单词或句子，其拼写方式与前后相同，忽略标点符号，大小写和间距。 <strong>注意</strong> <br>您需要删除<strong>所有非字母数字字符</strong> （标点符号，空格和符号）并将所有内容转换为相同的大小写（小写或大写）以检查回文。我们会通过字符串具有不同的格式，如<code>"racecar"</code> ， <code>"RaceCar"</code>和<code>"race CAR"</code>等等。我们还将传递带有特殊符号的字符串，例如<code>"2A3*3a2"</code> ， <code>"2A3 3a2"</code>和<code>"2_A3*3#A2"</code> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 罗马数字转换器
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">将给定数字转换为罗马数字。所有<a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">罗马数字</a>答案都应以大写字母提供。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">将给定数字转换为罗马数字。所有<a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">罗马数字</a>答案都应以大写字母提供。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 电话号码验证器
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">如果传递的字符串看起来像有效的美国电话号码，则返回<code>true</code> 。用户可以按照他们选择的方式填写表单字段，只要其具有有效美国号码的格式即可。以下是美国数字的有效格式示例（有关其他变体，请参阅下面的测试）： <blockquote> 555-555-5555 <br> (555)555-5555 <br> （555）555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote>对于此挑战，您将看到一个字符串，如<code>800-692-7753</code>或<code>8oo-six427676;laskdjf</code> 。您的工作是根据上面提供的任何格式组合验证或拒绝美国电话号码。区号是必需的。如果提供了国家/地区代码，则必须确认国家/地区代码为<code>1</code> 。如果字符串是有效的美国电话号码，则返回<code>true</code> ;否则返回<code>false</code> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">如果传递的字符串看起来像有效的美国电话号码，则返回<code>true</code> 。用户可以按照他们选择的方式填写表单字段，只要其具有有效美国号码的格式即可。以下是美国数字的有效格式示例（有关其他变体，请参阅下面的测试）： <blockquote> 555-555-5555 <br> (555)555-5555 <br> （555）555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote>对于此挑战，您将看到一个字符串，如<code>800-692-7753</code>或<code>8oo-six427676;laskdjf</code> 。您的工作是根据上面提供的任何格式组合验证或拒绝美国电话号码。区号是必需的。如果提供了国家/地区代码，则必须确认国家/地区代码为<code>1</code> 。如果字符串是有效的美国电话号码，则返回<code>true</code> ;否则返回<code>false</code> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 建立鼓机
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/MJyNMd" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/MJyNMd</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我应该能够看到一个带有相应<code>id="drum-machine"</code>的外部容器，其中包含所有其他元素。 <strong>用户故事＃2：</strong>在<code>#drum-machine</code>我可以看到一个具有相应<code>id="display"</code>的元素。 <strong>用户故事＃3：</strong>在<code>#drum-machine</code>我可以看到9个可点击的鼓垫元素，每个鼓垫元素都有一个<code>drum-pad</code>的类名，一个唯一的id描述了鼓垫将被设置为触发的音频片段，以及一个内部与键盘上的以下键之一对应的文本：Q，W，E，A，S，D，Z，X，C。鼓垫必须按此顺序排列。 <strong>用户故事＃4：</strong>在每个<code>.drum-pad</code> ，应该有一个HTML5 <code>audio</code>其具有元件<code>src</code>指向音频剪辑，一个类名称属性<code>clip</code> ，以及对应于其父的内文本的ID <code>.drum-pad</code> （例如<code>id="Q"</code> ， <code>id="W"</code> ， <code>id="E"</code>等）。 <strong>用户故事＃5：</strong>当我点击<code>.drum-pad</code>元素时，应该触发其子<code>audio</code>元素中包含的音频剪辑。 <strong>用户故事＃6：</strong>当我按下与每个<code>.drum-pad</code>相关联的触发键时，应触发其子<code>audio</code>元素中包含的音频剪辑（例如，按下Q键应触发包含字符串“Q”的鼓垫，按下W键应触发包含字符串“W”等的鼓垫。 <strong>用户故事＃7：</strong>当触发<code>.drum-pad</code> ，描述相关音频剪辑的字符串将显示为<code>#display</code>元素的内部文本（每个字符串必须是唯一的）。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/MJyNMd" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/MJyNMd</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我应该能够看到一个带有相应<code>id="drum-machine"</code>的外部容器，其中包含所有其他元素。 <strong>用户故事＃2：</strong>在<code>#drum-machine</code>我可以看到一个具有相应<code>id="display"</code>的元素。 <strong>用户故事＃3：</strong>在<code>#drum-machine</code>我可以看到9个可点击的鼓垫元素，每个鼓垫元素都有一个<code>drum-pad</code>的类名，一个唯一的id描述了鼓垫将被设置为触发的音频片段，以及一个内部与键盘上的以下键之一对应的文本：Q，W，E，A，S，D，Z，X，C。鼓垫必须按此顺序排列。 <strong>用户故事＃4：</strong>在每个<code>.drum-pad</code> ，应该有一个HTML5 <code>audio</code>其具有元件<code>src</code>指向音频剪辑，一个类名称属性<code>clip</code> ，以及对应于其父的内文本的ID <code>.drum-pad</code> （例如<code>id="Q"</code> ， <code>id="W"</code> ， <code>id="E"</code>等）。 <strong>用户故事＃5：</strong>当我点击<code>.drum-pad</code>元素时，应该触发其子<code>audio</code>元素中包含的音频剪辑。 <strong>用户故事＃6：</strong>当我按下与每个<code>.drum-pad</code>相关联的触发键时，应触发其子<code>audio</code>元素中包含的音频剪辑（例如，按下Q键应触发包含字符串“Q”的鼓垫，按下W键应触发包含字符串“W”等的鼓垫。 <strong>用户故事＃7：</strong>当触发<code>.drum-pad</code> ，描述相关音频剪辑的字符串将显示为<code>#display</code>元素的内部文本（每个字符串必须是唯一的）。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -8,7 +8,7 @@ localeTitle: 构建Markdown预览器
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/GrZVVO" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/GrZVVO</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个带有相应<code>id="editor"</code>的<code>textarea</code>元素。 <strong>用户故事＃2：</strong>我可以看到一个具有相应<code>id="preview"</code>的元素。 <strong>用户故事＃3：</strong>当我文本输入到<code>#editor</code>元件，所述<code>#preview</code>如I型显示textarea的内容元素被更新。 <strong>用户故事＃4：</strong>当我在<code>#editor</code>元素中输入GitHub风格的markdown时，文本在我输入的<code>#preview</code>元素中呈现为HTML（提示：您不需要自己解析Markdown - 您可以导入Marked库为此： <a href="https://cdnjs.com/libraries/marked" target="_blank">https</a> ： <a href="https://cdnjs.com/libraries/marked" target="_blank">//cdnjs.com/libraries/marked</a> ）。 <strong>用户故事＃5：</strong>当我的降价预览器首次加载时， <strong>＃</strong> <code>#editor</code>字段中的默认文本应包含有效的markdown，它至少代表以下每个元素之一：标题（H1大小），子标题（H2大小） ，链接，内联代码，代码块，列表项，块引用，图像和粗体文本。 <strong>用户故事＃6：</strong>首次加载我的降价预览器时， <strong>＃</strong> <code>#editor</code>字段中的默认降价应该在<code>#preview</code>元素中呈现为HTML。 <strong>可选的奖励（您不需要进行此测试通过）：</strong>我的降价预览器解释回车并将它们呈现为<code>br</code> （换行符）元素。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/GrZVVO" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/GrZVVO</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个带有相应<code>id="editor"</code>的<code>textarea</code>元素。 <strong>用户故事＃2：</strong>我可以看到一个具有相应<code>id="preview"</code>的元素。 <strong>用户故事＃3：</strong>当我文本输入到<code>#editor</code>元件，所述<code>#preview</code>如I型显示textarea的内容元素被更新。 <strong>用户故事＃4：</strong>当我在<code>#editor</code>元素中输入GitHub风格的markdown时，文本在我输入的<code>#preview</code>元素中呈现为HTML（提示：您不需要自己解析Markdown - 您可以导入Marked库为此： <a href="https://cdnjs.com/libraries/marked" target="_blank">https</a> ： <a href="https://cdnjs.com/libraries/marked" target="_blank">//cdnjs.com/libraries/marked</a> ）。 <strong>用户故事＃5：</strong>当我的降价预览器首次加载时， <strong>＃</strong> <code>#editor</code>字段中的默认文本应包含有效的markdown，它至少代表以下每个元素之一：标题（H1大小），子标题（H2大小） ，链接，内联代码，代码块，列表项，块引用，图像和粗体文本。 <strong>用户故事＃6：</strong>首次加载我的降价预览器时， <strong>＃</strong> <code>#editor</code>字段中的默认降价应该在<code>#preview</code>元素中呈现为HTML。 <strong>可选的奖励（您不需要进行此测试通过）：</strong>我的降价预览器解释回车并将它们呈现为<code>br</code> （换行符）元素。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -8,7 +8,7 @@ localeTitle: 建立一个随机报价机
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/qRZeGZ</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个包含相应<code>id="quote-box"</code>的包装元素。 <strong>用户故事＃2：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="text"</code>的元素。 <strong>用户故事＃3：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="author"</code>的元素。 <strong>用户故事＃4：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="new-quote"</code>的可点击元素。 <strong>用户故事＃5：</strong>在<code>#quote-box</code> ，我可以看到一个可点击的<codea< code="">具有相应<code>id="tweet-quote"</code>元素。 <strong>用户故事＃6：</strong>首次加载时，我的报价机器会在元素中显示一个<code>id="text"</code>的随机引号。 <strong>用户故事＃7：</strong>首次加载时，我的报价机器在<code>id="author"</code>的元素中显示随机引用的作者。 <strong>用户故事＃8：</strong>当单击<code>#new-quote</code>按钮时，我的报价机应该获取一个新报价并将其显示在<code>#text</code>元素中。 <strong>用户故事＃9：</strong>当单击<code>#new-quote</code>按钮并将其显示在<code>#author</code>元素中时，我的报价机器应该获取新报价的作者。 <strong>用户故事＃10：</strong>我可以点击<code>#tweet-quote</code> <code>a</code>元素来<code>#tweet-quote</code> 。这<code>a</code>元素应包括<code>"twitter.com/intent/tweet"</code>路径在它的<code>href</code>属性鸣叫当前报价。 <strong>用户故事＃11：</strong> <code>#quote-box</code>包装器元素应该水平居中。请使用浏览器的缩放级别100％和页面最大化运行测试。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </codea<></section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/qRZeGZ</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS，Bootstrap，SASS，React，Redux和jQuery的任意组合来完成此项目。您应该使用前端框架（例如React），因为本节是关于学习前端框架的。不建议使用上面未列出的其他技术，使用它们的风险由您自行承担。我们正在寻求支持其他前端框架，如Angular和Vue，但目前不支持它们。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ <strong>用户故事＃1：</strong>我可以看到一个包含相应<code>id="quote-box"</code>的包装元素。 <strong>用户故事＃2：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="text"</code>的元素。 <strong>用户故事＃3：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="author"</code>的元素。 <strong>用户故事＃4：</strong>在<code>#quote-box</code> ，我可以看到一个具有相应<code>id="new-quote"</code>的可点击元素。 <strong>用户故事＃5：</strong>在<code>#quote-box</code> ，我可以看到一个可点击的<codea< code="">具有相应<code>id="tweet-quote"</code>元素。 <strong>用户故事＃6：</strong>首次加载时，我的报价机器会在元素中显示一个<code>id="text"</code>的随机引号。 <strong>用户故事＃7：</strong>首次加载时，我的报价机器在<code>id="author"</code>的元素中显示随机引用的作者。 <strong>用户故事＃8：</strong>当单击<code>#new-quote</code>按钮时，我的报价机应该获取一个新报价并将其显示在<code>#text</code>元素中。 <strong>用户故事＃9：</strong>当单击<code>#new-quote</code>按钮并将其显示在<code>#author</code>元素中时，我的报价机器应该获取新报价的作者。 <strong>用户故事＃10：</strong>我可以点击<code>#tweet-quote</code> <code>a</code>元素来<code>#tweet-quote</code> 。这<code>a</code>元素应包括<code>"twitter.com/intent/tweet"</code>路径在它的<code>href</code>属性鸣叫当前报价。 <strong>用户故事＃11：</strong> <code>#quote-box</code>包装器元素应该水平居中。请使用浏览器的缩放级别100％和页面最大化运行测试。您可以通过分叉<a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </codea<></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 使用条形图可视化数据
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/GrZVaM" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/GrZVaM</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的图表应该有一个标题，对应的<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的图表应该有一个<code>g</code>元素x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我的图表应该有一个<code>g</code>元素y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃4：</strong>两个轴应包含多个刻度标签，每个刻度标签对应的<code>class="tick"</code> 。 <strong>用户故事＃5：</strong>我的图表应该为每个数据点都有一个<code>rect</code>元素，相应的<code>class="bar"</code>显示数据。 <strong>用户故事＃6：</strong>每个栏应具有包含日期和GDP值的属性<code>data-date</code>和<code>data-gdp</code> 。 <strong>用户故事＃7：</strong>条形元素的<code>data-date</code>属性应与提供的数据的顺序相匹配。 <strong>用户故事＃8：</strong>条形元素的<code>data-gdp</code>属性应与提供的数据的顺序相匹配。 <strong>用户故事＃9：</strong>每个条形元素的高度应准确地表示数据的相应GDP。 <strong>用户故事＃10：</strong> <code>data-date</code>属性及其对应的bar元素应与x轴上的对应值对齐。 <strong>用户故事＃11：</strong> <code>data-gdp</code>属性及其对应的bar元素应与y轴上的对应值对齐。 <strong>用户故事＃12：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃13：</strong>我的工具提示应该有一个<code>data-date</code>属性，该属性对应于活动区域的<code>data-date</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> 。完成后，将URL提交到工作项目，并传递所有测试。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/GrZVaM" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/GrZVaM</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的图表应该有一个标题，对应的<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的图表应该有一个<code>g</code>元素x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我的图表应该有一个<code>g</code>元素y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃4：</strong>两个轴应包含多个刻度标签，每个刻度标签对应的<code>class="tick"</code> 。 <strong>用户故事＃5：</strong>我的图表应该为每个数据点都有一个<code>rect</code>元素，相应的<code>class="bar"</code>显示数据。 <strong>用户故事＃6：</strong>每个栏应具有包含日期和GDP值的属性<code>data-date</code>和<code>data-gdp</code> 。 <strong>用户故事＃7：</strong>条形元素的<code>data-date</code>属性应与提供的数据的顺序相匹配。 <strong>用户故事＃8：</strong>条形元素的<code>data-gdp</code>属性应与提供的数据的顺序相匹配。 <strong>用户故事＃9：</strong>每个条形元素的高度应准确地表示数据的相应GDP。 <strong>用户故事＃10：</strong> <code>data-date</code>属性及其对应的bar元素应与x轴上的对应值对齐。 <strong>用户故事＃11：</strong> <code>data-gdp</code>属性及其对应的bar元素应与y轴上的对应值对齐。 <strong>用户故事＃12：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃13：</strong>我的工具提示应该有一个<code>data-date</code>属性，该属性对应于活动区域的<code>data-date</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> 。完成后，将URL提交到工作项目，并传递所有测试。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 使用等值线图可视化数据
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/EZKqza" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/EZKqza</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的等值应该有一个带有相应<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的等值应该有一个带有相应<code>id="description"</code>的描述元素。 <strong>用户故事＃3：</strong>我的等值应该有具有代表数据的相应<code>class="county"</code> 。 <strong>用户故事＃4：</strong>县应该至少使用4种不同的填充颜色。 <strong>用户故事＃5：</strong>我的县应该拥有包含相应的fips和教育价值的<code>data-fips</code>和<code>data-education</code>属性。 <strong>用户故事＃6：</strong>我的等值应该为每个提供的数据点设置一个县。 <strong>用户故事＃7：</strong>县应具有与样本数据匹配的数据fips和数据教育值。 <strong>用户故事＃8：</strong>我的等值应该有一个带有相应<code>id="legend"</code> 。 <strong>用户故事＃9：</strong>图例应至少使用4种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应该具有与活动区域的<code>data-education</code>相对应的<code>data-education</code>属性。以下是完成此项目所需的数据集： <br><ul><li> <strong>美国教育数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> </li><li> <strong>美国县数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> </li></ul>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/EZKqza" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/EZKqza</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的等值应该有一个带有相应<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的等值应该有一个带有相应<code>id="description"</code>的描述元素。 <strong>用户故事＃3：</strong>我的等值应该有具有代表数据的相应<code>class="county"</code> 。 <strong>用户故事＃4：</strong>县应该至少使用4种不同的填充颜色。 <strong>用户故事＃5：</strong>我的县应该拥有包含相应的fips和教育价值的<code>data-fips</code>和<code>data-education</code>属性。 <strong>用户故事＃6：</strong>我的等值应该为每个提供的数据点设置一个县。 <strong>用户故事＃7：</strong>县应具有与样本数据匹配的数据fips和数据教育值。 <strong>用户故事＃8：</strong>我的等值应该有一个带有相应<code>id="legend"</code> 。 <strong>用户故事＃9：</strong>图例应至少使用4种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应该具有与活动区域的<code>data-education</code>相对应的<code>data-education</code>属性。以下是完成此项目所需的数据集： <br><ul><li> <strong>美国教育数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> </li><li> <strong>美国县数据：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> </li></ul>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 使用热图可视化数据
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/JEXgeY" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/JEXgeY</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的热图应该有一个标题，对应的<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的热图应该有一个相应的<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的热图应该有一个x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃4：</strong>我的热图应该有一个y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃5：</strong>我的热图应该有一个<code>rect</code>元素，其中<code>class="cell"</code>代表数据。 <strong>用户故事＃6：</strong>细胞应至少使用4种不同的填充颜色。 <strong>用户故事＃7：</strong>每个单元格将包含属性<code>data-month</code> ， <code>data-year</code> ， <code>data-temp</code>其中包含相应的月，年和温度值。 <strong>用户故事＃8：</strong>每个单元格的<code>data-month</code> ， <code>data-year</code>应在数据范围内。 <strong>用户故事＃9：</strong>我的热图应该具有与y轴上相应月份对齐的单元格。 <strong>用户故事＃10：</strong>我的热图应该具有与x轴上相应年份对齐的单元格。 <strong>用户故事＃11：</strong>我的热图在y轴上应该有多个刻度标签，并带有完整的月份名称。 <strong>用户故事＃12：</strong>我的热图应该在x轴上有多个刻度标签，年份在1754到2015之间。 <strong>用户故事＃13：</strong>我的热图应该有一个带有相应<code>id="legend"</code> 。 <strong>用户故事＃14：</strong>我的图例应该包含<code>rect</code>元素。 <strong>用户故事＃15：</strong>图例中的<code>rect</code>元素应使用至少4种不同的填充颜色。 <strong>用户故事＃16：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code>的工具提示，该<code>id="tooltip"</code>会显示有关该区域的更多信息。 <strong>用户故事＃16：</strong>我的工具提示应该有一个<code>data-year</code>属性，该属性对应于活动区域的<code>data-year</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/JEXgeY" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/JEXgeY</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的热图应该有一个标题，对应的<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的热图应该有一个相应的<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的热图应该有一个x轴，对应的<code>id="x-axis"</code> 。 <strong>用户故事＃4：</strong>我的热图应该有一个y轴，对应的<code>id="y-axis"</code> 。 <strong>用户故事＃5：</strong>我的热图应该有一个<code>rect</code>元素，其中<code>class="cell"</code>代表数据。 <strong>用户故事＃6：</strong>细胞应至少使用4种不同的填充颜色。 <strong>用户故事＃7：</strong>每个单元格将包含属性<code>data-month</code> ， <code>data-year</code> ， <code>data-temp</code>其中包含相应的月，年和温度值。 <strong>用户故事＃8：</strong>每个单元格的<code>data-month</code> ， <code>data-year</code>应在数据范围内。 <strong>用户故事＃9：</strong>我的热图应该具有与y轴上相应月份对齐的单元格。 <strong>用户故事＃10：</strong>我的热图应该具有与x轴上相应年份对齐的单元格。 <strong>用户故事＃11：</strong>我的热图在y轴上应该有多个刻度标签，并带有完整的月份名称。 <strong>用户故事＃12：</strong>我的热图应该在x轴上有多个刻度标签，年份在1754到2015之间。 <strong>用户故事＃13：</strong>我的热图应该有一个带有相应<code>id="legend"</code> 。 <strong>用户故事＃14：</strong>我的图例应该包含<code>rect</code>元素。 <strong>用户故事＃15：</strong>图例中的<code>rect</code>元素应使用至少4种不同的填充颜色。 <strong>用户故事＃16：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code>的工具提示，该<code>id="tooltip"</code>会显示有关该区域的更多信息。 <strong>用户故事＃16：</strong>我的工具提示应该有一个<code>data-year</code>属性，该属性对应于活动区域的<code>data-year</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 使用散点图可视化数据
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/bgpXyK" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/bgpXyK</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我可以看到一个具有相应<code>id="title"</code>的title元素。 <strong>用户故事＃2：</strong>我可以看到一个x轴，其对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我可以看到一个y轴，它具有相应的<code>id="y-axis"</code> 。 <strong>用户故事＃4：</strong>我可以看到点，每个点都有一个<code>dot</code> ，表示正在绘制的数据。 <strong>用户故事＃5：</strong>每个点应具有包含其对应的x和y值的属性<code>data-xvalue</code>和<code>data-yvalue</code> 。 <strong>用户故事＃6：</strong>每个点的<code>data-xvalue</code>和<code>data-yvalue</code>应该在实际数据的范围内，并且应该是正确的数据格式。对于<code>data-xvalue</code> ，可以接受整数（全年）或Date对象进行测试评估。对于<code>data-yvalue</code> （分钟），请使用Date对象。 <strong>用户故事＃7：</strong> <code>data-xvalue</code>及其对应的点应与x轴上的对应点/值对齐。 <strong>用户故事＃8：</strong> <code>data-yvalue</code>及其对应的点应与y轴上的对应点/值对齐。 <strong>用户故事＃9：</strong>我可以在y轴上看到多个刻度标签，其中<code>%M:%S</code>时间格式。 <strong>用户故事＃10：</strong>我可以在x轴上看到显示年份的多个刻度标签。 <strong>用户故事＃11：</strong>我可以看到x轴标签的范围在实际的x轴数据范围内。 <strong>用户故事＃12：</strong>我可以看到y轴标签的范围在实际y轴数据的范围内。 <strong>用户故事＃13：</strong>我可以看到包含<code>id="legend"</code>描述性文本的<code>id="legend"</code> 。 <strong>用户故事＃14：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃15：</strong>我的工具提示应该有一个<code>data-year</code>属性，该属性对应于活动区域的<code>data-xvalue</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/bgpXyK" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/bgpXyK</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我可以看到一个具有相应<code>id="title"</code>的title元素。 <strong>用户故事＃2：</strong>我可以看到一个x轴，其对应的<code>id="x-axis"</code> 。 <strong>用户故事＃3：</strong>我可以看到一个y轴，它具有相应的<code>id="y-axis"</code> 。 <strong>用户故事＃4：</strong>我可以看到点，每个点都有一个<code>dot</code> ，表示正在绘制的数据。 <strong>用户故事＃5：</strong>每个点应具有包含其对应的x和y值的属性<code>data-xvalue</code>和<code>data-yvalue</code> 。 <strong>用户故事＃6：</strong>每个点的<code>data-xvalue</code>和<code>data-yvalue</code>应该在实际数据的范围内，并且应该是正确的数据格式。对于<code>data-xvalue</code> ，可以接受整数（全年）或Date对象进行测试评估。对于<code>data-yvalue</code> （分钟），请使用Date对象。 <strong>用户故事＃7：</strong> <code>data-xvalue</code>及其对应的点应与x轴上的对应点/值对齐。 <strong>用户故事＃8：</strong> <code>data-yvalue</code>及其对应的点应与y轴上的对应点/值对齐。 <strong>用户故事＃9：</strong>我可以在y轴上看到多个刻度标签，其中<code>%M:%S</code>时间格式。 <strong>用户故事＃10：</strong>我可以在x轴上看到显示年份的多个刻度标签。 <strong>用户故事＃11：</strong>我可以看到x轴标签的范围在实际的x轴数据范围内。 <strong>用户故事＃12：</strong>我可以看到y轴标签的范围在实际y轴数据的范围内。 <strong>用户故事＃13：</strong>我可以看到包含<code>id="legend"</code>描述性文本的<code>id="legend"</code> 。 <strong>用户故事＃14：</strong>我可以将鼠标悬停在一个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃15：</strong>我的工具提示应该有一个<code>data-year</code>属性，该属性对应于活动区域的<code>data-xvalue</code> 。以下是完成此项目所需的数据集： <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> ： <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</a>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 使用树形图可视化数据
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/KaNGNR" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/KaNGNR</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的树图应该有一个标题，对应的<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的树图应该有一个对应<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的树形图应该有一个<code>rect</code>元素，并且对应的<code>class="tile"</code>代表数据。 <strong>用户故事＃4：</strong>瓷砖应至少有2种不同的填充颜色。 <strong>用户故事＃5：</strong>每个瓷砖应具有属性<code>data-name</code> ， <code>data-category</code> ，和<code>data-value</code>包含其相应的名称，类别，和值。 <strong>用户故事＃6：</strong>每个图块的区域应对应于数据值量：具有较大数据值的图块应具有更大的区域。 <strong>用户故事＃7：</strong>我的树形图应该有一个对应<code>id="legend"</code> 。 <strong>用户故事＃8：</strong>我的图例应该有一个带有相应<code>class="legend-item"</code> <code>rect</code>元素。 <strong>用户故事＃9：</strong>图例中的<code>rect</code>元素应使用至少2种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应具有与活动区域的<code>data-value</code>对应的<code>data-value</code> <code>data-value</code>属性。对于此项目，您可以使用以下任何数据集： <br><ul><li> <strong>Kickstarter承诺：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>电影销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> </li><li> <strong>视频游戏销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> </li></ul>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/KaNGNR" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/KaNGNR</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a>并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript，CSS和基于D3 svg的可视化库。测试需要使用D3轴属性生成轴，该属性会自动生成沿轴的刻度。通过D3测试需要这些刻度，因为它们的位置用于确定绘制元素的对齐方式。有关生成轴的信息， <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">请</a>访问<a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> 。在每次测试时查询必需（非虚拟）DOM元素。如果您使用前端框架（例如Vue），则测试结果可能对动态内容不准确。我们希望最终能够容纳它们，但D3项目目前不支持这些框架。 <strong>用户故事＃1：</strong>我的树图应该有一个标题，对应的<code>id="title"</code> 。 <strong>用户故事＃2：</strong>我的树图应该有一个对应<code>id="description"</code> 。 <strong>用户故事＃3：</strong>我的树形图应该有一个<code>rect</code>元素，并且对应的<code>class="tile"</code>代表数据。 <strong>用户故事＃4：</strong>瓷砖应至少有2种不同的填充颜色。 <strong>用户故事＃5：</strong>每个瓷砖应具有属性<code>data-name</code> ， <code>data-category</code> ，和<code>data-value</code>包含其相应的名称，类别，和值。 <strong>用户故事＃6：</strong>每个图块的区域应对应于数据值量：具有较大数据值的图块应具有更大的区域。 <strong>用户故事＃7：</strong>我的树形图应该有一个对应<code>id="legend"</code> 。 <strong>用户故事＃8：</strong>我的图例应该有一个带有相应<code>class="legend-item"</code> <code>rect</code>元素。 <strong>用户故事＃9：</strong>图例中的<code>rect</code>元素应使用至少2种不同的填充颜色。 <strong>用户故事＃10：</strong>我可以将鼠标悬停在某个区域上，并查看带有相应<code>id="tooltip"</code> ，其中显示有关该区域的更多信息。 <strong>用户故事＃11：</strong>我的工具提示应具有与活动区域的<code>data-value</code>对应的<code>data-value</code> <code>data-value</code>属性。对于此项目，您可以使用以下任何数据集： <br><ul><li> <strong>Kickstarter承诺：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>电影销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> </li><li> <strong>视频游戏销售：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> <strong>：</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> </li></ul>您可以通过分叉<a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">此CodePen笔</a>来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> ： <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a>方法。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: 找到对称差异
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">创建一个带有两个或更多数组的函数，并返回所提供数组的<dfn>对称差</dfn> （ <code>△</code>或<code>⊕</code> ）数组。给定两个集合（例如集合<code>A = {1, 2, 3}</code>并且集合<code>B = {2, 3, 4}</code> ），两个集合的数学术语“对称差异”是在任一集合中的元素集合。两组，但两者都没有（ <code>A △ B = C = {1, 4}</code> ）。对于你所采取的每一个额外的对称差异（比如在集合<code>D = {2, 3}</code> ），你应该得到具有两个集合中的任何一个但不是两个集合的元素的集合（ <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ）。结果数组必须仅包含唯一值（ <em>不重复</em> ）。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">创建一个带有两个或更多数组的函数，并返回所提供数组的<dfn>对称差</dfn> （ <code>△</code>或<code>⊕</code> ）数组。给定两个集合（例如集合<code>A = {1, 2, 3}</code>并且集合<code>B = {2, 3, 4}</code> ），两个集合的数学术语“对称差异”是在任一集合中的元素集合。两组，但两者都没有（ <code>A △ B = C = {1, 4}</code> ）。对于你所采取的每一个额外的对称差异（比如在集合<code>D = {2, 3}</code> ），你应该得到具有两个集合中的任何一个但不是两个集合的元素的集合（ <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ）。结果数组必须仅包含唯一值（ <em>不重复</em> ）。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: 库存更新
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">比较并更新存储在2D阵列中的库存与新交付的第二个2D阵列。更新当前现有库存物料数量（在<code>arr1</code> ）。如果找不到商品，请将新商品和数量添加到库存数组中。返回的库存数组应按项目的字母顺序排列。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">比较并更新存储在2D阵列中的库存与新交付的第二个2D阵列。更新当前现有库存物料数量（在<code>arr1</code> ）。如果找不到商品，请将新商品和数量添加到库存数组中。返回的库存数组应按项目的字母顺序排列。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: 请不要重复
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">返回没有重复连续字母的提供字符串的总排列数。假设提供的字符串中的所有字符都是唯一的。例如， <code>aab</code>应该返回2，因为它总共有6个排列（ <code>aab</code> ， <code>aab</code> ， <code>aba</code> ， <code>aba</code> ， <code>baa</code> ， <code>baa</code> ），但只有2个（ <code>aba</code>和<code>aba</code> ）没有相同的字母（在这种情况下为<code>a</code> ）重复。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">返回没有重复连续字母的提供字符串的总排列数。假设提供的字符串中的所有字符都是唯一的。例如， <code>aab</code>应该返回2，因为它总共有6个排列（ <code>aab</code> ， <code>aab</code> ， <code>aba</code> ， <code>aba</code> ， <code>baa</code> ， <code>baa</code> ），但只有2个（ <code>aba</code>和<code>aba</code> ）没有相同的字母（在这种情况下为<code>a</code> ）重复。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: 成对
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description">给定一个数组<code>arr</code> ，找到其总和等于第二个参数<code>arg</code>元素对，并返回它们的索引之和。您可以使用具有相同数字元素但索引不同的多个对。每对应使用尽可能低的可用指数。一旦元素被使用，它就不能被重用来与另一个元素配对。例如， <code>pairwise([1, 1, 2], 3)</code>使用indice 0处的1而不是indice 1处的1创建一对<code>[2, 1]</code> ，因为0 + 2 <1 + 2。例如， <code>pairwise([7, 9, 11, 13, 15], 20)</code>返回<code>6</code> 。总和为20的对是<code>[7, 13]</code>和<code>[9, 11]</code> 。然后我们可以用它们的索引和值写出数组。 <table class="table"><tbody><tr><th> <strong>指数</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td>值</td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table>下面我们将采用相应的索引并添加它们。 7 + 13 = 20→指数0 + 3 = 3 <br> 9 + 11 = 20→指数1 + 2 = 3 <br> 3 + 3 = 6→返回<code>6</code>如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
<section id="description">给定一个数组<code>arr</code> ，找到其总和等于第二个参数<code>arg</code>元素对，并返回它们的索引之和。您可以使用具有相同数字元素但索引不同的多个对。每对应使用尽可能低的可用指数。一旦元素被使用，它就不能被重用来与另一个元素配对。例如， <code>pairwise([1, 1, 2], 3)</code>使用indice 0处的1而不是indice 1处的1创建一对<code>[2, 1]</code> ，因为0 + 2 <1 + 2。例如， <code>pairwise([7, 9, 11, 13, 15], 20)</code>返回<code>6</code> 。总和为20的对是<code>[7, 13]</code>和<code>[9, 11]</code> 。然后我们可以用它们的索引和值写出数组。 <table class="table"><tbody><tr><th> <strong>指数</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td>值</td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table>下面我们将采用相应的索引并添加它们。 7 + 13 = 20→指数0 + 3 = 3 <br> 9 + 11 = 20→指数1 + 2 = 3 <br> 3 + 3 = 6→返回<code>6</code>如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。尝试配对程序。编写自己的代码。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 建立一个露营者排行榜
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/eZGMjp/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到freeCodeCamp露营者的表格，他们在过去30天内获得了最多的布朗尼积分。 <strong>用户故事：</strong>我可以看到他们在过去30天内获得了多少布朗尼积分，以及他们获得了多少积分。 <strong>用户故事：</strong>我可以根据他们在过去30天内获得的布朗尼点数和他们总共获得的布朗尼点数来对列表进行排序。 <strong>提示：</strong>要获得过去30天的前100名营员： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https</a> ： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">//fcctop100.herokuapp.com/api/fccusers/top/recent</a> 。 <strong>提示：</strong>要获得有史以来前100名的露营者： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https</a> ： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">//fcctop100.herokuapp.com/api/fccusers/top/alltime</a> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/eZGMjp/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到freeCodeCamp露营者的表格，他们在过去30天内获得了最多的布朗尼积分。 <strong>用户故事：</strong>我可以看到他们在过去30天内获得了多少布朗尼积分，以及他们获得了多少积分。 <strong>用户故事：</strong>我可以根据他们在过去30天内获得的布朗尼点数和他们总共获得的布朗尼点数来对列表进行排序。 <strong>提示：</strong>要获得过去30天的前100名营员： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https</a> ： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">//fcctop100.herokuapp.com/api/fccusers/top/recent</a> 。 <strong>提示：</strong>要获得有史以来前100名的露营者： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https</a> ： <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">//fcctop100.herokuapp.com/api/fccusers/top/alltime</a> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 构建一个明亮的应用程序
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/eyLYXE</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以单击或拖动鼠标光标为圆圈着色。 <strong>用户故事：</strong>我可以双击彩色圆圈去除颜色。 <strong>用户故事：</strong>我可以点击彩色圆圈来改变它的颜色。 <strong>用户故事：</strong>每次点击我都会得到一个不同颜色的圆圈。 <strong>用户故事：</strong>我可以点击“重置”按钮删除最近的颜色。 <strong>用户故事：</strong>我可以单击“全部重置”按钮删除圆圈中的所有颜色。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/eyLYXE" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/eyLYXE</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以单击或拖动鼠标光标为圆圈着色。 <strong>用户故事：</strong>我可以双击彩色圆圈去除颜色。 <strong>用户故事：</strong>我可以点击彩色圆圈来改变它的颜色。 <strong>用户故事：</strong>每次点击我都会得到一个不同颜色的圆圈。 <strong>用户故事：</strong>我可以点击“重置”按钮删除最近的颜色。 <strong>用户故事：</strong>我可以单击“全部重置”按钮删除圆圈中的所有颜色。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 建立乒乓球比赛
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/satyamdev/full/pdMmBp</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以控制一个球拍。 <strong>用户故事：</strong>计算机可以控制另一个拨片。 <strong>用户故事：</strong>计算机的桨是无与伦比的。它绝不应该错过球。 <strong>用户故事：</strong>游戏记录玩家和计算机的分数。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/satyamdev/full/pdMmBp</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以控制一个球拍。 <strong>用户故事：</strong>计算机可以控制另一个拨片。 <strong>用户故事：</strong>计算机的桨是无与伦比的。它绝不应该错过球。 <strong>用户故事：</strong>游戏记录玩家和计算机的分数。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 建立一个Roguelike Dungeon Crawler游戏
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/apLXEJ/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我有健康，水平和武器。我可以拿起更好的武器。我可以拿起健康食品。 <strong>用户故事：</strong>地图上的所有物品和敌人都是随机排列的。 <strong>用户故事：</strong>我可以在整个地图中移动，发现项目。 <strong>用户故事：</strong>我可以在地图边界内的任何地方移动，但是在我击败它之前我无法穿越敌人。 <strong>用户故事：</strong>大部分地图都是隐藏的。当我迈出一步时，所有与我在一定数量空间内的空间都会被揭示出来。 <strong>用户故事：</strong>当我击败敌人时，敌人消失，我得到了XP，最终提高了我的等级。 <strong>用户故事：</strong>当我与敌人作战时，我们会轮流造成伤害，直到我们其中一人失败为止。我根据自己的等级和武器造成伤害。敌人根据其等级造成伤害。损伤在一定范围内有些随机。 <strong>用户故事：</strong>当我找到并击败老板时，我赢了。 <strong>用户故事：</strong>游戏应该具有挑战性，但理论上可以获胜。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/apLXEJ/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我有健康，水平和武器。我可以拿起更好的武器。我可以拿起健康食品。 <strong>用户故事：</strong>地图上的所有物品和敌人都是随机排列的。 <strong>用户故事：</strong>我可以在整个地图中移动，发现项目。 <strong>用户故事：</strong>我可以在地图边界内的任何地方移动，但是在我击败它之前我无法穿越敌人。 <strong>用户故事：</strong>大部分地图都是隐藏的。当我迈出一步时，所有与我在一定数量空间内的空间都会被揭示出来。 <strong>用户故事：</strong>当我击败敌人时，敌人消失，我得到了XP，最终提高了我的等级。 <strong>用户故事：</strong>当我与敌人作战时，我们会轮流造成伤害，直到我们其中一人失败为止。我根据自己的等级和武器造成伤害。敌人根据其等级造成伤害。损伤在一定范围内有些随机。 <strong>用户故事：</strong>当我找到并击败老板时，我赢了。 <strong>用户故事：</strong>游戏应该具有挑战性，但理论上可以获胜。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 建立一个西蒙游戏
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/obYBjE</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我看到一系列随机按钮。 <strong>用户故事：</strong>每当我正确输入一系列按钮时，我会看到同一系列的按钮按下，但还有一个额外的步骤。 <strong>用户故事：</strong>当按下一系列按钮时，以及当我亲自按下按钮时，我都会听到与每个按钮相对应的声音。 <strong>用户故事：</strong>如果我按下了错误的按钮，我会收到通知，告知我已经这样做了，然后再按一系列按钮开始提醒我模式，这样我就可以再试一次。 <strong>用户故事：</strong>我可以看到当前按钮按下的步数。 <strong>用户故事：</strong>如果我想重新启动，我可以点击一个按钮来执行此操作，游戏将返回一个步骤。 <strong>用户故事：</strong>我可以在严格的模式下玩，如果我按下按钮错误，它会通知我我已经这样做了，并且游戏重新开始按下一系列按钮。 <strong>用户故事：</strong>我可以通过一系列正确的20个步骤来赢得游戏。我被告知我的胜利，然后比赛重新开始。 <strong>提示：</strong>在这里<strong>，</strong>您可以使用每个按钮的MP3： <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/obYBjE</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我看到一系列随机按钮。 <strong>用户故事：</strong>每当我正确输入一系列按钮时，我会看到同一系列的按钮按下，但还有一个额外的步骤。 <strong>用户故事：</strong>当按下一系列按钮时，以及当我亲自按下按钮时，我都会听到与每个按钮相对应的声音。 <strong>用户故事：</strong>如果我按下了错误的按钮，我会收到通知，告知我已经这样做了，然后再按一系列按钮开始提醒我模式，这样我就可以再试一次。 <strong>用户故事：</strong>我可以看到当前按钮按下的步数。 <strong>用户故事：</strong>如果我想重新启动，我可以点击一个按钮来执行此操作，游戏将返回一个步骤。 <strong>用户故事：</strong>我可以在严格的模式下玩，如果我按下按钮错误，它会通知我我已经这样做了，并且游戏重新开始按下一系列按钮。 <strong>用户故事：</strong>我可以通过一系列正确的20个步骤来赢得游戏。我被告知我的胜利，然后比赛重新开始。 <strong>提示：</strong>在这里<strong>，</strong>您可以使用每个按钮的MP3： <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> ， <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 建立一个Tic Tac Toe游戏
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/KzXQgy/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以用电脑玩Tic Tac Toe游戏。 <strong>用户故事：</strong>我的游戏一旦结束就会重置，所以我可以再玩一次。 <strong>用户故事：</strong>我可以选择是否要播放为X或O.如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/KzXQgy/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以用电脑玩Tic Tac Toe游戏。 <strong>用户故事：</strong>我的游戏一旦结束就会重置，所以我可以再玩一次。 <strong>用户故事：</strong>我可以选择是否要播放为X或O.如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 构建Wikipedia查看器
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/wGqEga/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以在搜索框中搜索维基百科条目，并查看生成的维基百科条目。 <strong>用户故事：</strong>我可以单击按钮查看随机的Wikipedia条目。 <span class="text-info">提示＃1：</span>这是一个可用于获取随机维基百科文章的URL： <code>https://en.wikipedia.org/wiki/Special:Random</code> ： <code>https://en.wikipedia.org/wiki/Special:Random</code> :Random。 <span class="text-info">提示＃2：</span>这是使用维基百科API的条目： <code>https://www.mediawiki.org/wiki/API:Main_page</code> ： <code>https://www.mediawiki.org/wiki/API:Main_page</code> ： <code>https://www.mediawiki.org/wiki/API:Main_page</code> 。 <span class="text-info">提示＃3：</span>使用此<a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm" target="_blank">链接</a>试验维基百科的API。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/wGqEga/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以在搜索框中搜索维基百科条目，并查看生成的维基百科条目。 <strong>用户故事：</strong>我可以单击按钮查看随机的Wikipedia条目。 <span class="text-info">提示＃1：</span>这是一个可用于获取随机维基百科文章的URL： <code>https://en.wikipedia.org/wiki/Special:Random</code> ： <code>https://en.wikipedia.org/wiki/Special:Random</code> :Random。 <span class="text-info">提示＃2：</span>这是使用维基百科API的条目： <code>https://www.mediawiki.org/wiki/API:Main_page</code> ： <code>https://www.mediawiki.org/wiki/API:Main_page</code> ： <code>https://www.mediawiki.org/wiki/API:Main_page</code> 。 <span class="text-info">提示＃3：</span>使用此<a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm" target="_blank">链接</a>试验维基百科的API。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 全球地图数据
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/mVEJag</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到所有陨石落在世界地图上的位置。 <strong>用户故事：</strong>我可以通过查看陨石在地图上的表示方式来判断陨石的相对大小。 <strong>用户故事：</strong>我可以将鼠标悬停在陨石的数据点上以获取更多数据。 <strong>提示：</strong>这是一个可用于构建此数据集的数据集： <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https</a> ： <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a>如果卡住，请记住使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/mVEJag</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到所有陨石落在世界地图上的位置。 <strong>用户故事：</strong>我可以通过查看陨石在地图上的表示方式来判断陨石的相对大小。 <strong>用户故事：</strong>我可以将鼠标悬停在陨石的数据点上以获取更多数据。 <strong>提示：</strong>这是一个可用于构建此数据集的数据集： <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https</a> ： <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a>如果卡住，请记住使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: P2P视频聊天应用
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://glitch.com" target="_blank">Glitch</a>应用程序： <a href="https://grove-voice.glitch.me/" target="_blank">https</a> ： <a href="https://grove-voice.glitch.me/" target="_blank">//grove-voice.glitch.me</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>到达后，浏览器将提示我访问我的相机和麦克风。 <strong>用户故事：</strong>在我给予许可后，系统会提示我输入房间名称。 <strong>用户故事：</strong>输入房间名称后，如果之前没有该房间的房间，则会创建房间。 <strong>用户故事：我的</strong>一个朋友可以随后访问同一个网站，输入我输入的同一个房间，然后加入同一个房间，然后与我进行视频聊天。 <strong>用户故事：</strong>如果我输入房间名称，并且该房间已经有两个人，我会收到房间已满的通知。 <strong>用户故事：</strong>任何人都可以创建或加入任何房间。并且可以有任意数量的房间，但所有房间都必须具有唯一的名称。 <strong>用户故事：</strong>我可以选择不允许该网站访问我的麦克风和网络摄像头。如果我选择不这样做，如果出现其他一些驱动程序问题，我会看到一条错误消息，说明这些是必需的。 <strong>用户故事：</strong>当我选择取消房间名称输入步骤，或者如果我没有输入姓名或仅输入空格时，它应该再次要求我输入有效的房间名称。 <strong>用户故事：</strong>如果房间中的两个人中的一个断开连接，他们可以重新连接到同一个房间并继续聊天。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮，并包含指向您的Glitch应用程序的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://glitch.com" target="_blank">Glitch</a>应用程序： <a href="https://grove-voice.glitch.me/" target="_blank">https</a> ： <a href="https://grove-voice.glitch.me/" target="_blank">//grove-voice.glitch.me</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>到达后，浏览器将提示我访问我的相机和麦克风。 <strong>用户故事：</strong>在我给予许可后，系统会提示我输入房间名称。 <strong>用户故事：</strong>输入房间名称后，如果之前没有该房间的房间，则会创建房间。 <strong>用户故事：我的</strong>一个朋友可以随后访问同一个网站，输入我输入的同一个房间，然后加入同一个房间，然后与我进行视频聊天。 <strong>用户故事：</strong>如果我输入房间名称，并且该房间已经有两个人，我会收到房间已满的通知。 <strong>用户故事：</strong>任何人都可以创建或加入任何房间。并且可以有任意数量的房间，但所有房间都必须具有唯一的名称。 <strong>用户故事：</strong>我可以选择不允许该网站访问我的麦克风和网络摄像头。如果我选择不这样做，如果出现其他一些驱动程序问题，我会看到一条错误消息，说明这些是必需的。 <strong>用户故事：</strong>当我选择取消房间名称输入步骤，或者如果我没有输入姓名或仅输入空格时，它应该再次要求我输入有效的房间名称。 <strong>用户故事：</strong>如果房间中的两个人中的一个断开连接，他们可以重新连接到同一个房间并继续聊天。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮，并包含指向您的Glitch应用程序的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 用力导向图显示全国连续性
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/xVopBo</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到一个强制导向图，显示哪些国家/地区共享边界。 <strong>用户故事：</strong>我可以在其节点上看到每个国家/地区的旗帜。 <strong>提示：</strong>这是一个可用于构建此数据集的数据集： <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https</a> <strong>：</strong> //raw.githubusercontent.com/DealPete/forceDirected/master/countries.json <strong>提示：</strong>您可以在<a href="https://www.flag-sprites.com" target="_blank">https：//www.flag-</a>创建国旗的spritesheet <a href="https://www.flag-sprites.com" target="_blank">sprites.com</a> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/xVopBo</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到一个强制导向图，显示哪些国家/地区共享边界。 <strong>用户故事：</strong>我可以在其节点上看到每个国家/地区的旗帜。 <strong>提示：</strong>这是一个可用于构建此数据集的数据集： <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https</a> <strong>：</strong> //raw.githubusercontent.com/DealPete/forceDirected/master/countries.json <strong>提示：</strong>您可以在<a href="https://www.flag-sprites.com" target="_blank">https：//www.flag-</a>创建国旗的spritesheet <a href="https://www.flag-sprites.com" target="_blank">sprites.com</a> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 显示当地天气
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/bELRjV</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以在当前位置看到天气。 <strong>用户故事：</strong>根据天气情况，我可以看到不同的图标或背景图像（例如雪山，炎热的沙漠）。 <strong>用户故事：</strong>我可以按一个按钮在华氏温度和摄氏温度之间切换。 <strong>注意：</strong>许多Internet浏览器现在需要HTTP Secure（ <code>https://</code> ）连接才能通过HTML5 Geolocation获取用户的语言环境。因此，我们建议使用HTML5 Geolocation获取用户位置，然后使用freeCodeCamp Weather API <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me</a> ，该API使用HTTP安全连接进行天气预报。此外，请务必通过<code>https://</code>连接到<a href="https://codepen.io" target="_blank">CodePen.io</a> 。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/bELRjV</a> 。 <strong>规则＃1：</strong>不要查看示例项目的代码。自己搞清楚。 <strong>规则＃2：</strong>完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以在当前位置看到天气。 <strong>用户故事：</strong>根据天气情况，我可以看到不同的图标或背景图像（例如雪山，炎热的沙漠）。 <strong>用户故事：</strong>我可以按一个按钮在华氏温度和摄氏温度之间切换。 <strong>注意：</strong>许多Internet浏览器现在需要HTTP Secure（ <code>https://</code> ）连接才能通过HTML5 Geolocation获取用户的语言环境。因此，我们建议使用HTML5 Geolocation获取用户位置，然后使用freeCodeCamp Weather API <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me</a> ，该API使用HTTP安全连接进行天气预报。此外，请务必通过<code>https://</code>连接到<a href="https://codepen.io" target="_blank">CodePen.io</a> 。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: 使用Twitch JSON API
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/Myvqmo/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到freeCodeCamp当前是否在Twitch.tv上流式传输。 <strong>用户故事：</strong>我可以点击状态输出并直接发送到freeCodeCamp的Twitch.tv频道。 <strong>用户故事：</strong>如果Twitch用户当前正在播放，我可以看到有关他们正在播放的内容的其他详细信息。 <strong>提示：</strong>请参阅<a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541上</a>对Twitch.tv的JSONP API的示例调用。 <strong>提示：</strong>有关此API调用的相关文档位于： <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https</a> ： <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">//dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> 。 <strong>提示：</strong>这是定期传输的人的Twitch.tv用户名数组： <code>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</code> <strong>更新：</strong>由于<a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">此处</a>解释的API使用条件发生变化，Twitch.tv现在需要API密钥，但我们已经构建了一种解决方法。使用<a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api</a>而不是twitch的API基本URL（即https://api.twitch.tv/kraken），您仍然可以获取帐户信息，而无需注册API密钥。如果卡住，请记得使用<a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
<section id="description"> <strong>目标：</strong>构建一个功能类似于此的<a href="https://codepen.io" target="_blank">CodePen.io</a>应用程序： <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https</a> <strong>：</strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/Myvqmo/</a> 。完成以下<a href="https://en.wikipedia.org/wiki/User_story" target="_blank">用户故事</a> 。使用您需要的任何库或API。给它你自己的个人风格。 <strong>用户故事：</strong>我可以看到freeCodeCamp当前是否在Twitch.tv上流式传输。 <strong>用户故事：</strong>我可以点击状态输出并直接发送到freeCodeCamp的Twitch.tv频道。 <strong>用户故事：</strong>如果Twitch用户当前正在播放，我可以看到有关他们正在播放的内容的其他详细信息。 <strong>提示：</strong>请参阅<a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541上</a>对Twitch.tv的JSONP API的示例调用。 <strong>提示：</strong>有关此API调用的相关文档位于： <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https</a> ： <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">//dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> 。 <strong>提示：</strong>这是定期传输的人的Twitch.tv用户名数组： <code>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</code> <strong>更新：</strong>由于<a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">此处</a>解释的API使用条件发生变化，Twitch.tv现在需要API密钥，但我们已经构建了一种解决方法。使用<a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api</a>而不是twitch的API基本URL（即https://api.twitch.tv/kraken），您仍然可以获取帐户信息，而无需注册API密钥。如果卡住，请记得使用<a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
Reference in New Issue
Block a user