- 01 Canvas API 概述 <canvas>元素用于生成图像。它本身就像一个画布，JavaScript 通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上 <canvas>是一个可以用 JavaScript 操作的位图（... 5 年前
- 02 剪贴板操作 Clipboard API 教程 简介 浏览器允许 JavaScript 脚本读写剪贴板，自动复制或粘贴内容。 一般来说，脚本不应该改动用户的剪贴板，以免不符合用户的预期。但是，有些时候这样做确实能够带来方便，比如“一键复制”功能，用户点击一下按钮... 5 年前
- 03 Fetch API 教程 fetch()是 XMLHttpRequest 的升级版，用于在 JavaScript 脚本里面发出 HTTP 请求。 浏览器原生提供这个对象。本章详细介绍它的用法。 基本用法 fetch()的功能与 XMLHtt... 3 年前
- 04 FontFace API FontFace API 用来控制字体加载。 这个 API 提供一个构造函数 FontFace()，返回一个字体对象。 new FontFace(family, source, descriptors) FontF... 1 年前
- 05 FormData 对象 简介 FormData 代表表单数据，是浏览器的原生对象。 它可以当作构造函数使用，构造一个表单实例。 const formData = new FormData(); 上面示例中， FormData()当作构造函... 1 年前
- 06 Geolocation API Geolocation API 用于获取用户的地理位置。 由于该功能涉及用户隐私，所以浏览器会提示用户，是否同意给出地理位置，用户可能会拒绝。另外，这个 API 只能在 HTTPS 环境使用。 浏览器通过 navi... 8 年前
- 07 Headers 对象 简介 Headers 代表 HTTP 消息的数据头。 它通过 Headers()构造方法，生成实例对象。 Request.headers属性和 Response.headers属性，指向的都是 Headers 实例... 1 年前
- 08 IntersectionObserver 网页开发时，常常需要了解某个元素是否进入了“视口”（viewport），即用户能不能看到它。 上图的绿色方块不断滚动，顶部会提示它的可见性。 传统的实现方法是，监听到 scroll事件后，调用目标元素（绿色方块）的... 5 年前
- 09 Intl.RelativeTimeFormat 很多日期库支持显示相对时间，比如“昨天”、“五分钟前”、“两个月之前”等等。由于不同的语言，日期显示的格式和相关词语都不同，造成这些库的体积非常大。 现在，浏览器提供内置的 Intl.RelativeTimeFor... 8 年前
- 10 Intl segmenter API 简介 Intl.Segmenter 是浏览器内置的用于文本分词的 API。 使用时，先用 Intl.Segmenter()新建一个分词器对象。 const segmenter = new Intl.Segmente... 3 年前
- 11 Page Lifecycle API Android、iOS 和最新的 Windows 系统可以随时自主地停止后台进程，及时释放系统资源。也就是说，网页可能随时被系统丢弃掉。以前的浏览器 API 完全没有考虑到这种情况，导致开发者根本没有办法监听到系统... 7 年前
- 12 Page Visibility API 简介 有时候，开发者需要知道，用户正在离开页面。常用的方法是监听下面三个事件。 pagehide beforeunload unload 但是，这些事件在手机上可能不会触发，页面就直接关闭了。因为手机系统可以将一个... 7 年前
- 13 Request API 浏览器原生提供 Request() 构造函数，用来构造发给服务器的 HTTP 请求。它生成的 Response 实例，可以作为 fetch()的参数。 注意，构造一个 Request 对象，只是构造出一个数据结构，... 3 年前
- 14 Response API 浏览器原生提供 Response()构造函数，用来构造服务器响应。 fetch()方法返回的就是一个 Response 对象。 构造方法 Response()作为构造方法调用时，返回 Response 实例。 //... 3 年前
- 15 Server-Sent Events 简介 服务器向客户端推送数据，有很多解决方案。除了“轮询” 和 WebSocket，HTML 5 还提供了 Server-Sent Events（以下简称 SSE）。 一般来说，HTTP 协议只能客户端向服务器发起... 8 年前
- 16 SVG 图像 概述 SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体... 3 年前
- 17 URL 对象 浏览器内置的 URL 对象，代表一个网址。通过这个对象，就能生成和操作网址。 构造函数 URL 可以当作构造函数使用，生成一个实例对象。 它接受一个网址字符串作为参数。 let url = new URL('htt... 1 年前
- 18 URL Pattern API 简介 URL Pattern API 基于正则表达式和通配符，对 URL 进行匹配和解析。 它提供一个构造函数 URLPattern()，用于新建一个 URL 模式实例。 const pattern = new U... 2 年前
- 19 URLSearchParams 对象 简介 URLSearchParams 对象表示 URL 的查询字符串（比如 ?foo=bar）。它提供一系列方法，用来操作这些键值对。URL 实例对象的 searchParams属性，就是指向一个 URLSearc... 1 年前
- 20 WebSocket WebSocket 是一种网络通信协议，很多高级功能都需要它。 初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？ 答案很简单，因为 HT... 8 年前
- 21 Web Share API 概述 网页内容如果要分享到其他应用，通常要自己实现分享接口，逐一给出目标应用的连接方式。这样很麻烦，也对网页性能有一定影响。Web Share API 就是为了解决这个问题而提出的，允许网页调用操作系统的分享接口，... 6 年前
- 22 window.postMessage() 方法 简介 window.postMessage()用于浏览器不同窗口之间的通信，主要包括 iframe 嵌入窗口和新开窗口两种情况。它不要求两个窗口同源，所以有着广泛的应用。 window.postMessage()里... 2 年前
- 23 Offline 应用 Web 应用不仅可以在浏览器缓存资源文件（HTML、CSS、JS 脚本、图片等），还可以把应用本身储存到浏览器。 缓存的资源文件必须在线使用，只有先从服务器加载网页，然后才能使用本地缓存；但是，应用一旦储存，就可以... 8 年前
- 24 Point lock API 不用释放按钮，就锁定鼠标。 https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API 8 年前
- 25 Service Worker 含义 Service Worker 首先是一个运行在后台的 Worker 线程，然后它会长期运行，充当一个服务，很适合那些不需要网页或用户互动的功能。它的最常见用途就是拦截和处理网络请求。 Service Work... 4 年前
- 26 Web Audio API Web Audio API 用于操作声音。这个 API 可以让网页发出声音。 基本用法 浏览器原生提供 AudioContext对象，该对象用于生成一个声音的上下文，与扬声器相连。 const audioConte... 6 年前
- 27 Web Components 概述 各种网站往往需要一些相同的模块，比如日历、调色板等等，这种模块就被称为“组件”（component）。Web Components 就是浏览器原生的组件规范。 采用组件开发，有很多优点。 （1）有利于代码复用... 7 年前