探索原生浏览器/网络 API

发布: (2025年12月3日 GMT+8 03:44)
2 min read
原文: Dev.to

Source: Dev.to

概览

Cover image for Exploring native Browser/Web APIs

大多数前端项目都严重依赖 REST API。我们获取数据、处理加载状态并展示列表。虽然这是一项必备技能,但它忽视了浏览器能够完成的许多功能。

我最近看到一条关于使用原生浏览器 API 来构建更有趣项目的推文。我想亲自尝试一下,却发现很难找到合适的项目思路。大多数文档只提供语法示例,几乎不说明实际可以用它们做什么。

于是我创建了一个站点来解决这个问题。它收集了浏览器 API、相关资源以及每个 API 的具体项目想法。

你可以在这里查看

web api site

内容包括

对于每个 API,我列出了 MDN 文档、一些资源以及若干项目想法。随着我发现更多项目点子,这个列表会持续更新。

为什么使用浏览器 API

使用这些 API 需要一种不同于标准数据获取的思路。你必须管理权限、处理实时事件,并与设备硬件交互。除了好玩之外,这也是更深入了解 Web 的实用方式。

我正在用这份列表指导自己的学习,并计划在发现更多 API 和使用场景时进行更新。

如果你在寻找新的项目来实践,可以在这里查看完整列表。

Back to Blog

相关文章

阅读更多 »

我在 JavaScript 的第一步:简要解析

JavaScript 中的变量 **let** 用于可以在以后更改的值。 ```javascript let age = 20; age = 21; ``` **const** 用于不应被更改的值。 ```javascript const PI = 3.14159; ```