dandeliontides.
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)