GitHub中文社区

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

FormData 对象

FormData 对象简介FormData 代表表单数据，是浏览器的原生对象。它可以当作构造函数使用，构造一个表单实例。const formData = new FormData();上面示例中，FormData()当作构造函数使用，返回一个空的表单实例对象。它也可以接受一个表单的 DOM 节点当作

Posted by eye on 10-10，2023

FontFace API 用来控制字体加载

FontFace APIFontFace API 用来控制字体加载。这个 API 提供一个构造函数FontFace()，返回一个字体对象。new FontFace(family, source, descriptors)FontFace()构造函数接受三个参数。family：字符串，表示字体名，写法

Posted by eye on 10-10，2023

Fetch API 教程

Fetch API 教程fetch()是 XMLHttpRequest 的升级版，用于在 JavaScript 脚本里面发出 HTTP 请求。浏览器原生提供这个对象。本章详细介绍它的用法。基本用法fetch()的功能与 XMLHttpRequest 基本相同，都是向服务器发出 HTTP 请求，但有三

Posted by eye on 10-10，2023

剪贴板操作

剪贴板操作 Clipboard API 教程简介浏览器允许 JavaScript 脚本读写剪贴板，自动复制或粘贴内容。一般来说，脚本不应该改动用户的剪贴板，以免不符合用户的预期。但是，有些时候这样做确实能够带来方便，比如“一键复制”功能，用户点击一下按钮，指定的内容就自动进入剪贴板。目前，一共有三种

Posted by eye on 10-10，2023

Canvas

Canvas API概述<canvas>元素用于生成图像。它本身就像一个画布，JavaScript 通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上<canvas>是一个可以用 JavaScript 操作的位图（bitmap）。它与 SVG 图像的区别在于，

Posted by eye on 10-10，2023

装饰器

装饰器[说明] Decorator 提案经历了重大的语法变化，目前处于第三阶段，定案之前不知道是否还有变化。本章现在属于草稿阶段，凡是标注“新语法”的章节，都是基于当前的语法，不过没有详细整理，只是一些原始材料；未标注“新语法”的章节基于以前的语法，是过去遗留的稿子。之所以保留以前的内容，有两个原因

Posted by eye on 10-09，2023