GitHub中文社区

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

Intl.RelativeTimeFormat日期显示的格式

Intl.RelativeTimeFormat很多日期库支持显示相对时间，比如“昨天”、“五分钟前”、“两个月之前”等等。由于不同的语言，日期显示的格式和相关词语都不同，造成这些库的体积非常大。现在，浏览器提供内置的 Intl.RelativeTimeFormat API，可以不使用这些库，直接显示

Posted by eye on 10-10，2023

IntersectionObserver元素是否进入了viewport

IntersectionObserver网页开发时，常常需要了解某个元素是否进入了“视口”（viewport），即用户能不能看到它。传统的实现方法是，监听到scroll事件后，调用目标元素（绿色方块）的getBoundingClientRect()方法，得到它对应于视口左上角的坐标，再判断是否在视口

Posted by eye on 10-10，2023

Headers 对象

Headers 对象简介Headers 代表 HTTP 消息的数据头。它通过Headers()构造方法，生成实例对象。Request.headers属性和Response.headers属性，指向的都是 Headers 实例对象。Headers 实例对象内部，以键值对的形式保存 HTTP 消息头，可

Posted by eye on 10-10，2023

Geolocation API 用于获取用户的地理位置

Geolocation APIGeolocation API 用于获取用户的地理位置。由于该功能涉及用户隐私，所以浏览器会提示用户，是否同意给出地理位置，用户可能会拒绝。另外，这个 API 只能在 HTTPS 环境使用。浏览器通过navigator.geolocation属性提供该 API。Geol

Posted by eye on 10-10，2023