客户端 Web API

应用程序编程接口 (API) 是用于操作网站运行的浏览器和操作系统不同方面,或操作来自其他网站或服务数据的编程功能。本模块涵盖了一些我们之前未详细介绍过的最常见的 Web API 类别,为想要深入了解浏览器 API 用法的学习者提供有用的基础。

预备知识

在开始本模块之前,您应该已经掌握了 JavaScript 的基础知识,特别是 JavaScript 对象基础以及核心 API 知识,例如 DOM 脚本网络请求

了解 HTMLCSS 也会有所帮助。

注意:如果你正在使用的电脑、平板电脑或其他设备无法创建文件,你可以尝试在在线编辑器中运行代码,例如CodePenJSFiddle

教程

Web API 简介

首先,我们将从高层次的角度来了解 API——它们是什么,它们如何工作,您如何在代码中使用它们,以及它们的结构是怎样的?我们还将审视主要的 API 类别有哪些,以及它们各自有什么样的用途。

视频和音频 API

HTML 提供了用于在文档中嵌入丰富媒体的元素——<video><audio>——这些元素反过来又提供了用于控制播放、跳转等的 API。本文将向您展示如何完成常见任务,例如创建自定义播放控件。

绘制图形

浏览器包含一些非常强大的图形编程工具,从可缩放矢量图形 (SVG) 语言,到用于在 HTML <canvas> 元素上绘图的 API(请参阅 Canvas APIWebGL)。本文将对 Canvas API 进行介绍,并提供更多资源供您进一步学习。

客户端存储

现代 Web 浏览器具有多种不同的技术,允许您存储与网站相关的数据并在需要时检索它们,从而实现数据的长期持久化、离线保存网站等功能。本文将解释这些工作原理的基础知识。

第三方 API

到目前为止,我们介绍的 API 都是内置于浏览器的,但并非所有 API 都是如此。许多大型网站和服务,如 Google Maps、Facebook、PayPal 等,都提供 API,允许开发者使用它们的数据或服务(例如,在您的网站上显示自定义的 Google Maps,或使用 Facebook 登录来登录您的用户)。本文将探讨浏览器 API 和第三方 API 之间的区别,并展示后者的一些典型用法。