39 lines
2.1 KiB
Markdown
39 lines
2.1 KiB
Markdown
|
---
|
|||
|
|
id: bd7158d8c443edefaeb5bdee
|
|||
|
|
title: Build an Image Search Abstraction Layer
|
|||
|
|
isRequired: true
|
|||
|
|
challengeType: 4
|
|||
|
|
videoUrl: ''
|
|||
|
|
localeTitle: 构建图像搜索抽象层
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## Description
|
|||
|
|
<section id="description"> <strong>目标：</strong>构建一个完整的堆栈JavaScript应用程序，允许您搜索如下图像： <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">https</a> ： <a href="https://cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny?offset=10" target="_blank">//cryptic-ridge-9197.herokuapp.com/api/imagesearch/lolcats%20funny？offset = 10</a>并浏览此类最近的搜索查询： <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">https</a> ： <a href="https://cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/" target="_blank">//cryptic-ridge-9197.herokuapp.com/api/latest/imagesearch/</a> 。然后将其部署到Glitch。请注意，对于每个项目，您应该创建一个新的GitHub存储库和一个新的Glitch项目。如果您不记得如何执行此操作，请重新访问<a href="/challenges/get-set-for-our-api-development-projects">https://freecodecamp.org/challenges/get-set-for-our-api-development-projects</a> 。以下是您应该为此项目实现的特定用户故事： <strong>用户故事：</strong>我可以获取与给定搜索字符串相关的一组图像的图像URL，替代文本和页面URL。 <strong>用户故事：</strong>我可以通过在URL中添加？offset = 2参数来对响应进行分页。 <strong>用户故事：</strong>我可以获得最近提交的搜索字符串列表。完成这些用户故事的实现后，单击“我已完成此挑战”按钮，然后输入GitHub存储库和在Glitch上运行的实时应用程序的URL。您可以通过Facebook上的朋友分享您的项目反馈。 </section>
|
|||
|
|
|
|||
|
|
## Instructions
|
|||
|
|
<section id="instructions">
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Tests
|
|||
|
|
<section id='tests'>
|
|||
|
|
|
|||
|
|
```yml
|
|||
|
|
tests: []
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Challenge Seed
|
|||
|
|
<section id='challengeSeed'>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Solution
|
|||
|
|
<section id='solution'>
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
// solution required
|
|||
|
|
```
|
|||
|
|
</section>
|