gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

chore(learn): Applied MDX format to Chinese curriculum files (#40462)

Browse Source
This commit is contained in:
Randell Dawson
2020-12-16 00:37:30 -07:00
committed by GitHub
parent 873fce02a2
commit 9ce4a02a41
1665 changed files with 58741 additions and 88042 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
curriculum/challenges/chinese/10-coding-interview-prep/take-home-projects/show-the-local-weather.md
View File

@@ -1,37 +1,16 @@
---
id: bd7158d8c442eddfaeb5bd10
title: 显示当地天气
challengeType: 3
videoUrl: ''
title: 显示当地天气
---
## 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://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
# --description--
## Instructions
<section id="instructions">
</section>
**目标：** 构建一个功能类似于此的[CodePen.io](https://codepen.io)应用程序： [https](https://codepen.io/freeCodeCamp/full/bELRjV) **：** [//codepen.io/freeCodeCamp/full/bELRjV](https://codepen.io) 。 **规则＃1：** 不要查看示例项目的代码。自己搞清楚。 **规则＃2：** 完成以下[用户故事](https://en.wikipedia.org/wiki/User_story) 。使用您需要的任何库或API。给它你自己的个人风格。 **用户故事：** 我可以在当前位置看到天气。 **用户故事：** 根据天气情况，我可以看到不同的图标或背景图像（例如雪山，炎热的沙漠）。 **用户故事：** 我可以按一个按钮在华氏温度和摄氏温度之间切换。 **注意：** 许多Internet浏览器现在需要HTTP Secure（ `https://` ）连接才能通过HTML5 Geolocation获取用户的语言环境。因此，我们建议使用HTML5 Geolocation获取用户位置，然后使用freeCodeCamp Weather API <https://fcc-weather-api.glitch.me> ，该API使用HTTP安全连接进行天气预报。此外，请务必通过`https://`连接到[CodePen.io](https://codepen.io) 。如果卡住，请记得使用[Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) 。完成后，单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。
## Tests
<section id='tests'>
# --hints--
```yml
tests: []
```
# --solutions--
</section>
## Challenge Seed
<section id='challengeSeed'>
</section>
## Solution
<section id='solution'>
```js
// solution required
```
/section>