前端免费接口
# 前端免费接口
# 1. 名言警句 API
用途：
获取随机的名言警句，适用于个人网站、博客或者需要展示励志内容的应用。通过该 API，你可以为你的项目添加每日名言或随机名言的功能，增强用户体验。
API 链接：
- 中文名言 API：
https://api.xygeng.cn/one - 英文名言 API：
https://api.quotable.io/random
调用示例：
- 在浏览器中输入
https://api.xygeng.cn/one，你将看到返回的中文名言警句。 - 在浏览器中输入
https://api.quotable.io/random，你将看到返回的英文名言。
返回数据示例：
{
"data": "生活就像一盒巧克力，你永远不知道你会得到什么。"
}
2
3
应用场景：
- 在网页的某个部分动态显示随机名言，用户每次访问都会看到不同的励志语句。
- 为移动应用提供每日名言的通知功能。
# 2. 随机16进制 HTML 颜色 API
用途：
随机生成一个16进制的 HTML 颜色代码。这个 API 适用于设计调色盘、主题颜色选择器或在前端项目中动态生成颜色。
API 链接：
https://api.vvhan.com/api/color
调用示例：
- 在浏览器中输入
https://api.vvhan.com/api/color，你将随机获得一个16进制颜色值，例如#3E92CC。
返回数据示例：
{
"color": "#3E92CC"
}
2
3
应用场景：
- 生成随机主题颜色，用于网页或应用的背景、按钮或其他 UI 元素。
- 创建一个动态颜色展示页面，每次刷新都展示不同的颜色。
# 3. 讲个笑话 API
用途：
获取随机的笑话，适用于娱乐类应用或轻松氛围的网页。在项目中添加一个讲笑话的功能，可以增加互动性和趣味性。
API 链接：
https://api.vvhan.com/api/joke
调用示例：
- 在浏览器中输入
https://api.vvhan.com/api/joke，你将获得一个随机笑话。
返回数据示例：
{
"joke": "为什么企鹅的肚子永远都是饱的？因为企鹅总是拍着肚子说：我是吃饱了。"
}
2
3
应用场景：
- 在应用的某个模块添加“每日一笑”功能，每天显示不同的笑话。
- 为用户提供轻松的阅读体验，例如在博客的侧边栏展示随机笑话。
# 4. 随机问答 API (Trivia API)
用途：
获取随机的问答题目和答案，适用于制作问答类应用、在线测试或者互动小游戏。这个 API 提供了多种问题类型、难度和类别选择，适合用于教育或娱乐项目中。
API 链接：
https://opentdb.com/api.php
调用示例：
- 获取 10 个历史类简单问题：
https://opentdb.com/api.php?amount=10&category=23&difficulty=easy&type=multiple
返回数据示例：
{
"response_code": 0,
"results": [
{
"category": "History",
"type": "multiple",
"difficulty": "easy",
"question": "谁是美国的第一任总统？",
"correct_answer": "乔治·华盛顿",
"incorrect_answers": ["亚伯拉罕·林肯", "本杰明·富兰克林", "托马斯·杰斐逊"]
},
...
]
}
2
3
4
5
6
7
8
9
10
11
12
13
14
应用场景：
- 创建一个问答游戏，每次提供不同的问题给用户。
- 在网站上增加一个知识问答部分，吸引用户参与互动。
# 5. 节假日信息 API
用途：
获取指定年份的节假日信息，适用于日历应用、假期提醒或工时计算等场景。通过该 API，你可以方便地为用户展示节假日安排，或为工作计划提供参考。
API 链接：
http://timor.tech/api/holiday/year/2023/
调用示例：
- 获取 2023 年的节假日数据：
http://timor.tech/api/holiday/year/2023/
返回数据示例：
{
"code": 0,
"type": {
"type": 2,
"name": "节日",
"week": 5
},
"holiday": {
"holiday": true,
"name": "国庆节",
"wage": 3,
"after": false,
"target": ""
}
}
2
3
4
5
6
7
8
9
10
11
12
13
14
15
应用场景：
- 在项目中展示当前年份的节假日，帮助用户安排休假或工作计划。
- 为用户提供节假日提醒功能，确保他们不会错过重要假期。
# 6. 喵星人和汪星人照片 API
用途：
获取随机的猫或狗的照片，包括图片的宽高信息。这个 API 非常适合用于宠物类应用、图片展示页面或娱乐项目中，增加可爱元素。
API 链接：
- 猫照片 API：
https://api.thecatapi.com/v1/images/search?size=full - 狗照片 API：
https://api.thedogapi.com/v1/images/search?size=full
调用示例：
- 获取一张随机猫照片：
https://api.thecatapi.com/v1/images/search?size=full
返回数据示例：
[
{
"id": "2og",
"url": "https://cdn2.thecatapi.com/images/2og.jpg",
"width": 500,
"height": 331
}
]
2
3
4
5
6
7
8
应用场景：
- 在应用中随机展示猫或狗的图片，增加互动性和趣味性。
- 制作一个宠物图片库，用户每次刷新页面都会看到不同的宠物照片。
# 7. IP 地址查询 API
用途：
通过查询 IP 地址，获取其地理位置信息，包括国家、地区、城市和 ISP（互联网服务提供商）。这个 API 适用于网络工具类应用或需要显示用户地理位置的项目。
API 链接：
https://api.wrdan.com/ip
调用示例：
- 查询 IP 地址
222.85.64.189的地理位置信息：https://api.wrdan.com/ip?ip=222.85.64.189
返回数据示例：
{
"ret": 0,
"ip": "222.85.64.189",
"country": "中国",
"region": "河南",
"city": "郑州",
"isp": "电信"
}
2
3
4
5
6
7
8
应用场景：
- 为用户提供 IP 地址查询服务，显示其所在的地理位置。
- 在管理后台中使用，帮助管理员识别用户的登录位置，增加安全性。
# 8. 星座运势 API
用途：
通过传入星座名称和时间，获取对应的星座运势信息。这个 API 非常适合用于星座类应用、每日运势提醒或娱乐项目中。
API 链接：
https://api.vvhan.com/api/horoscope
调用示例：
- 获取天蝎座今日运势：
https://api.vvhan.com/api/horoscope?type=scorpio&time=today
返回数据示例：
{
"name": "天蝎座",
"time": "今日",
"fortune": {
"overall": "今天是个好日子，适合开始新项目。",
"love": "爱情运势不错，可以多花时间陪伴家人。",
"career": "工作上可能会遇到挑战，但坚持下去会有收获。",
"wealth": "财运平平，投资需谨慎。"
}
}
2
3
4
5
6
7
8
9
10
应用场景：
- 制作一个星座运势展示页面，用户可以查询自己的每日运势。
- 开发一款星座主题的移动应用，提供每日推送提醒。
# 9. Bing 每日图片 API
用途：
获取 Bing 的每日图片，还可以指定图片的尺寸。这个 API 非常适合用于制作每日壁纸展示、背景图片切换或图片展示应用。
API 链接：
- **
指定尺寸**：https://api.vvhan.com/api/bing?size=640x480
- 随机图片：
https://api.vvhan.com/api/bing?rand=sj
调用示例：
- 获取 640x480 尺寸的 Bing 图片：
https://api.vvhan.com/api/bing?size=640x480
返回数据示例：
{
"url": "https://www.bing.com/th?id=OHR.AuroraAustralis_ZH-CN9624682921_1920x1080.jpg",
"title": "南极光",
"copyright": "© Bing"
}
2
3
4
5
应用场景：
- 每日展示 Bing 的精美图片作为网站背景，吸引用户眼球。
- 为用户提供每日壁纸下载服务，自动更新壁纸内容。
这些 API 不仅免费且易于使用，而且为你在练手项目中提供了丰富的数据资源和创意来源。通过将这些 API 集成到你的项目中，你可以轻松提升项目的功能性和趣味性，让学习和开发变得更加有趣和富有成就感。