Web API

本节将向您介绍 HTML5 规范中指定的 Web API。这些 Web API 允许您在 Web 应用程序中使用 Web 浏览器提供的现代功能。

第 1 节。客户端存储

  • Cookies – 了解 HTTP Cookies 以及如何使用 JavaScript 更有效地管理 Cookies。
  • localStorage – 向您介绍 Storage 类型并向您展示如何使用 localStorage 存储客户端数据。
  • sessionStorage – 展示如何使用 sessionStorage 存储会话数据。
  • IndexedDB – 了解 IndexedDB 以及如何使用它来创建可以在线和离线工作的 Web 应用程序。

第 2 节。拖放 API

  • 拖放 API – 使 Web 应用程序能够使用 Web 浏览器中的拖放功能。
  • FileReader API – 介绍 FileReader API 并向您展示如何将其与 Drag&Drop API 相结合来构建图像上传应用程序。

第 3 节。地理位置 API

第 4 节。通知 API

  • 通知 API – 了解如何向用户显示桌面通知。

第 5 节。历史 API

  • pushState – 了解如何使用 history.pushState() 方法。

第 6 节。网络请求

  • Fetch API – 了解如何从 Web 浏览器向远程资源发出异步请求。
  • Fetch & CORS – 了解 CORS (跨域资源共享),这是一种阻止来源向不同来源发出请求的安全功能。
  • Fetch & 跟踪下载进度 – 了解如何使用 Fetch API 下载文件,并使用 ReadableStream 对象跟踪下载进度。
  • AbortController – 探索如何使用 AbortController API 取消 Web 请求。

第 7 节。对话框和弹出窗口 API

  • 对话框 API – 向您展示如何使用 HTML 本机元素 <dialog> 创建对话框并使用对话框 API 控制对话框可见性。
  • 弹出窗口 API – 了解如何使用弹出窗口 API 创建弹出窗口。

第 8 节。画布 API

  • 基本画布 – 了解 HTML5 <canvas> 元素以及如何使用画布 API 绘制形状。
  • 绘制填充的矩形 – 向您展示如何使用 fillRect() 方法绘制填充的矩形。
  • 绘制带轮廓的矩形 – 了解如何使用 strokeRect() 方法绘制带轮廓的矩形。
  • 擦除画布上的矩形区域 – 向您展示如何使用 clearRect() 方法将矩形区域中的像素设置为透明黑色。
  • 绘制线条 – 从一个点到另一个点绘制一条线。
  • 绘制文本 – 展示如何在画布上绘制文本字符串。
  • 平移 – 了解如何将画布的原点移动到新位置。
  • 旋转 – 添加旋转变换以旋转绘图对象。
  • 缩放 – 在水平和/或垂直方向上向画布单元添加缩放变换。
本教程有帮助吗?