Web API

小麦1 个月前

关于

Web API 为前端开发提供了丰富的接口，使开发者能够实现文件操作、网络通信、消息传递和离线功能等复杂需求。通过这些 API，可以使用 Fetch 和 XMLHttpRequest 发起网络请求，借助 Service Worker 实现缓存管理和推送通知，利用 Broadcast Channel 或 MessageChannel 在不同上下文之间安全地传递消息。同时，像 Cache、IndexedDB 和 File API 这样的接口支持数据持久化和本地资源处理，而 Canvas、OffscreenCanvas 及 Web Audio 等 API 则增强了多媒体与图形处理能力，全面提升 Web 应用的性能与用户体验。

统计

47资料

4笔记

查看知识库

分享知识库

资料预览
展示该知识库中前 5 条资料

交叉观察器 API - Web API | MDN

交叉观察器 API（Intersection Observer API）提供了一种异步检测目标元素与祖先元素或顶级文档的视口相交情况变化的方法。

FormData

这一章是关于发送 HTML 表单的：带有或不带文件，带有其他字段等。

ArrayBuffer，二进制数组

在 Web 开发中，当我们处理文件时（创建，上传，下载），经常会遇到二进制数据。另一个典型的应用场景是图像处理。

Fetch

JavaScript 可以将网络请求发送到服务器，并在需要时加载新信息。

File 和 FileReader

File 对象继承自 Blob，并扩展了与文件系统相关的功能。

笔记预览
展示该知识库中前 4 条笔记

0. Web API 学什么？

一、基础概念

理解 Web API 的定义与作用：了解 Web API 是浏览器提供的一组接口，用于操作浏览器功能和页面内容。
理解 API 的分类：区分 DOM A

1. Web API 基础概念

1. 基础概念

1.1 理解 Web API 的定义与作用

Web API 是浏览器提供的一组接口，允许开发者通过 JavaScript 操作浏览器的功能和页面内容。它们是浏览

2. 核心 Web API 学习

1. DOM 操作 API

1.1 元素选取

使用 document.querySelector、document.querySelectorAll、`getElementBy

3. 高级 Web API 与实战应用

1. WebSocket 通信

1.1 建立双向通信连接

使用 WebSocket 对象可以与服务器建立持久化、双向通信的连接，适用于即时通讯、实时数据推送等场景。 `co

功能介绍
知识库提供了诸多实用功能，帮助你高效学习和分享。

资料管理

统一存放各类资料，包括网页、PDF、图片等。

AI 伴学

通过教学模式，让 AI 导师结合知识库内容带你一步步学习。

互动测验

通过互动测验，检测自己的知识掌握情况。

学习笔记

将有用的信息记录下来，方便复习和与他人共享。