WebSocketWebSocket 是一种网络通信协议，很多高级功能都需要它。初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。举例来说，我们想了解今天的天

Web Components概述各种网站往往需要一些相同的模块，比如日历、调色板等等，这种模块就被称为“组件”（component）。Web Components 就是浏览器原生的组件规范。采用组件开发，有很多优点。（1）有利于代码复用。组件是模块化编程思想的体现，可以跨平台、跨框架使用，构建、部署

Web Audio APIWeb Audio API 用于操作声音。这个 API 可以让网页发出声音。基本用法浏览器原生提供AudioContext对象，该对象用于生成一个声音的上下文，与扬声器相连。const audioContext = new AudioContext();然后，获取音源文件，

Web Share API概述网页内容如果要分享到其他应用，通常要自己实现分享接口，逐一给出目标应用的连接方式。这样很麻烦，也对网页性能有一定影响。Web Share API 就是为了解决这个问题而提出的，允许网页调用操作系统的分享接口，实质是 Web App 与本机的应用程序交换信息的一种方式。这

URLSearchParams 对象简介URLSearchParams 对象表示 URL 的查询字符串（比如?foo=bar）。它提供一系列方法，用来操作这些键值对。URL 实例对象的searchParams属性，就是指向一个 URLSearchParams 实例对象。URLSearchParams

URL 对象浏览器内置的 URL 对象，代表一个网址。通过这个对象，就能生成和操作网址。构造函数URL 可以当作构造函数使用，生成一个实例对象。它接受一个网址字符串作为参数。let url = new URL('https://github.best');如果网址字符串无法解析，它会

SVG 图像概述SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。SVG 文件可以直接插入网页，成为 DO

Service Worker含义Service Worker 首先是一个运行在后台的 Worker 线程，然后它会长期运行，充当一个服务，很适合那些不需要网页或用户互动的功能。它的最常见用途就是拦截和处理网络请求。Service Worker 是一个后台运行的脚本，充当一个代理服务器，拦截用户发出的

Server-Sent Events简介服务器向客户端推送数据，有很多解决方案。除了“轮询” 和 WebSocket，HTML 5 还提供了 Server-Sent Events（以下简称 SSE）。一般来说，HTTP 协议只能客户端向服务器发起请求，服务器不能主动向客户端推送。但是有一种特殊情况，

Response API浏览器原生提供Response()构造函数，用来构造服务器响应。fetch()方法返回的就是一个 Response 对象。构造方法Response()作为构造方法调用时，返回 Response 实例。// 定义new Response([body:Object, [init