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

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

View File

@ -1,37 +1,16 @@
---
id: bd7155d8c242eddfaeb5bd13
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/dNVazZ/" target="_blank">https</a> <strong></strong> <a href="https://codepen.io" target="_blank">//codepen.io/freeCodeCamp/full/dNVazZ/</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>您应该在CodePen上为本地存储密钥添加前缀<code>_username_recipes</code>如果卡住,请记住使用<a href="//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help" 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/dNVazZ/) **** [//codepen.io/freeCodeCamp/full/dNVazZ/](https://codepen.io) 。完成以下[用户故事](https://en.wikipedia.org/wiki/User_story) 。使用您需要的任何库或API。给它你自己的个人风格。 **用户故事:** 我可以创建具有名称和成分的食谱。 **用户故事:** 我可以看到一个索引视图,其中所有配方的名称都是可见的。 **用户故事:** 我可以点击任何这些食谱来查看它。 **用户故事:** 我可以编辑这些食谱。 **用户故事:** 我可以删除这些食谱。 **用户故事:** 我添加的所有新食谱都保存在浏览器的本地存储中。如果我刷新页面,这些配方仍然会在那里。 **提示:** 您应该在CodePen上为本地存储密钥添加前缀`_username_recipes`如果卡住,请记住使用[Read-Search-Ask](//github.com/FreeCodeCamp/freecodecamp/wiki/FreeCodeCamp-Get-Help) 。完成后单击“我已完成此挑战”按钮并包含指向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>