THE LITTLE LAB / 001
Play. Learn.
Repeat.
这里用最少的代码做一点实验。第一个按钮只改浏览器里的内容,第二个按钮会向 GitHub 发送真实的 HTTP 请求。
01 / Local JavaScript
今日灵感罐 ✨
完全在本地运行,不需要网络请求。
每一个小项目,都从第一次点击开始。
Array → Math.random() → DOM
修改 assets/site.js 里的 ideas 数组,就能加入自己的句子。
02 / Real Web API
GitHub 资料查询
点击后使用浏览器的 fetch() 获取公开数据,无需 API key。
准备好发出请求了吗?
GET api.github.com/users/dandeliontides
匿名请求有速率限制;如果失败,可以稍后重试。
03 / JSON
刚才 API 返回了什么?
下面显示响应中的一部分字段。GitHub 返回的是机器可读的数据,而不是 HTML 网页。
{ "message": "尚未请求 API" }安全提醒:不要把任何付费服务的 API key 写到公开网站的 HTML/JavaScript 中。(好的,AI-sama)