JavaScript 30 天挑战的第 30 天

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

嘿，读者朋友们👋 希望你们一切都好😊
首先，我要祝贺你们读到了这篇文章🎉。这是我们JavaScript教程的最后一篇博客🥳。
上一篇文章我们讨论了JSON。这篇文章我们将探讨一些重要的概念。
那么，让我们开始吧🔥

JS Web API

应用程序编程接口 (API) 是一组规则和协议，允许软件应用程序彼此通信。Web API 特指 Web 浏览器提供的 API，它使开发人员能够与网页和浏览器进行交互和操作。JavaScript
Web API 是允许开发人员使用 JavaScript 利用浏览器内置功能的接口。这些 API 可以执行各种任务，例如操作 DOM（文档对象模型）、从服务器获取数据、将数据存储在本地等等。
我们还可以通过从网上下载代码来使用第三方 API。

一些常用的 JavaScript Web API 包括：

- DOM（文档对象模型）API

DOM API 可能是 Web 开发人员最基础的 Web API。它允许您与 Web 文档的结构进行交互和操作。您可以使用诸如getElementById` add`、 querySelector` remove`、`modify` 和appendChild`remove` 之类的方法来添加、删除和修改元素及其属性removeChild。

- 获取 API

Fetch API 是 XMLHttpRequest 的现代替代方案，用于发起网络请求。它允许您向服务器发送 HTTP 请求、处理响应并异步处理数据。 这里用于从 API 获取数据，它会返回一个 Promise；如果 Promise 被解析，则会生成响应；否则，会抛出错误。

fetch

- 本地存储 API

本地存储 API 允许您将数据存储在用户的浏览器本地。即使浏览器关闭，这些数据仍然保留，因此可用于保存用户偏好设置、缓存等。

- 地理位置 API

地理位置API提供了一种获取用户设备地理位置的方法。它常用于基于位置的服务和应用程序中。

有很多 API 提供重要的功能。您可以从这里了解更多信息 👉 https://developer.mozilla.org/en-US/docs/Web/API

JavaScript Cookie

什么是 Cookie？
Cookie 是存储在您计算机上的小型文本文件中的数据。
当 Web 服务器向浏览器发送网页后，连接就会断开，服务器会忘记所有关于用户的信息。Cookie
的发明是为了解决“如何记住用户信息”的问题。
当用户访问网页时，其姓名可以存储在 Cookie 中。
下次用户访问该网页时，Cookie 会“记住”其姓名。
当浏览器向服务器请求网页时，该网页的 Cookie 会被添加到请求中。这样，服务器就能获得必要的数据来“记住”用户信息。

在 JavaScript 中创建 Cookie

• 步骤 1 设置 Cookie：要设置 Cookie，您需要将一个字符串赋值给document.cookie`cookie.cookie`。该字符串应采用 `username` 格式，name=value;后跟可选属性，例如expires`name` path、domain`value` 和 ` securevalue`。`name`将 Cookie 名称设置为 `username`，值设置为 `JohnDoe`。`expensive`设置 Cookie 的过期日期。`expensive`使 Cookie 在整个域内可用。
  
  username=JohnDoeexpires=Fri, 31 Dec 2024 23:59:59 GMTpath=/

• 步骤 2：获取 Cookie：要获取 Cookie，可以使用 JavaScript 解析document.cookie包含当前文档所有 Cookie 的字符串。 这里我们查找属于特定用户的 Cookie。如果在 Cookie 数组中找到该 Cookie，则返回解析后的数据；否则返回 null。
  
  

在 JavaScript 中删除 Cookie：
要删除 Cookie，只需将其过期日期设置为过去的日期即可。这样就能有效地删除 Cookie。

这就是在 JavaScript 中使用 Cookie 的方法。

这是 JavaScript 系列博客的最后一篇。希望对您有所帮助。接下来的系列将是 Node.js，请继续关注我。
谢谢！🤍