GitHub中文社区

URL 对象

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

Posted by eye on 10-10，2023

SVG 图像

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

Posted by eye on 10-10，2023

Service Worker代理服务器

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

Posted by eye on 10-10，2023

Server-Sent

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

Posted by eye on 10-10，2023

Response 服务器响应

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

Posted by eye on 10-10，2023

Request 给服务器的 HTTP 请求

Request API浏览器原生提供 Request() 构造函数，用来构造发给服务器的 HTTP 请求。它生成的 Response 实例，可以作为fetch()的参数。注意，构造一个 Request 对象，只是构造出一个数据结构，本身并不会发出 HTTP 请求，只有将它传入fetch()方法才会真

Posted by eye on 10-10，2023

Page Visibility页面当前的可见性

Page Visibility API简介有时候，开发者需要知道，用户正在离开页面。常用的方法是监听下面三个事件。pagehidebeforeunloadunload但是，这些事件在手机上可能不会触发，页面就直接关闭了。因为手机系统可以将一个进程直接转入后台，然后杀死。用户点击了一条系统通知，切换到

Posted by eye on 10-10，2023

Page Lifecycle

Page Lifecycle APIAndroid、iOS 和最新的 Windows 系统可以随时自主地停止后台进程，及时释放系统资源。也就是说，网页可能随时被系统丢弃掉。以前的浏览器 API 完全没有考虑到这种情况，导致开发者根本没有办法监听到系统丢弃页面。为了解决这个问题，W3C 新制定了一个

Posted by eye on 10-10，2023

Offline 应用

Offline 应用Web 应用不仅可以在浏览器缓存资源文件（HTML、CSS、JS 脚本、图片等），还可以把应用本身储存到浏览器。缓存的资源文件必须在线使用，只有先从服务器加载网页，然后才能使用本地缓存；但是，应用一旦储存，就可以离线使用。另外，用户常规性地清除浏览器缓存，并不会清除储存的应用，除

Posted by eye on 10-10，2023

Intl.Segmenter 浏览器内置的文本分词

Intl segmenter API简介Intl.Segmenter 是浏览器内置的用于文本分词的 API。使用时，先用Intl.Segmenter()新建一个分词器对象。const segmenter = new Intl.Segmenter( 'en', { granular

Posted by eye on 10-10，2023