网络API

网络API 让您使用节点 v16 中未存在的 Web API .

npm install @astrojs/webapi

import { polyfill } from '@astrojs/webapi'

polyfill(globalThis)

const t = new EventTarget()
const e = new CustomEvent('hello')

t.addEventListener('hello', console.log)

t.dispatchEvent(e) // logs `e` event from `t`

这些API由受欢迎的开源项目组合而成,并配置以共享执行细节. 这使得他们的行为能够与浏览器的期望相匹配并减少他们合并的内存足迹.

特征

• 字节Length Queing 战略
• Canvas 渲染文本2D
• CSS斯图尔谢特
• 队列战略
• 自定义元素注册
• 自定义事件
• DOM 豁免
• 文档
• 文档碎片
• 元素
• 活动
• 事件目标
• 文件
• 格式数据
• HTML 文档
• HTML 元素
• HTML Body 元素
• HTML 坎瓦斯元素
• HTML 演示文稿
• HTML 标题
• HTML 组件
• HTML 图像元素
• HTML 扩展
• HTML 样式
• HTML 模板
• HTML 未知元素
• 页眉
• 交叉观察员
• 图像
• 图像数据
• 媒体查询列表
• 变异观察员
• 节点
• 节点
• 屏幕外凸起
• 可读ByteStream 控制器
• 可读结构
• 可读 StreamBYOBReader 读取器
• 可读 StreamBYOB 请求
• 可读结构
• 可读结构
• 请求
• 回应
• 阴影旋转
• 存储
• 样式表
• 变形图
• 树华克
• 可写入结构
• 可写 Stream 默认控制器
• 可书写自定义
• 窗口
• 取消动画Frame
• 取消回话
• 清除超时
• 获取
• 本地图集
• 请求动画Frame
• 请回话
• 设置时间
• 结构化
• URL 软件

使用量

您可以使用 WebAPI 作为单项导出 .

import { Event, EventTarget, File, fetch, Response } from '@astrojs/webapi'

您可以将 WebAPI 应用到对象上, 如 globalThis。 。 。 .

import { polyfill } from '@astrojs/webapi'

polyfill(globalThis)

多填充选项

这个 exclude 选项获得一份WebAPI列表,以排除多填充.

polyfill(globalThis, {
    // disables polyfills for setTimeout clearTimeout
    exclude: 'setTimeout clearTimeout',
})

这个 exclude 选项可接受简写来排除多个多填充。 这些快手以加号结束(+) (中文(简体) ).

polyfill(globalThis, {
    // disables polyfills for setTimeout clearTimeout
    exclude: 'Timeout+',
})

polyfill(globalThis, {
    // disables polyfills for Node, Window, Document, HTMLElement, etc.
    exclude: 'Node+',
})

polyfill(globalThis, {
    // disables polyfills for Event, EventTarget, Node, Window, Document, HTMLElement, etc.
    exclude: 'Event+',
})

许可证归属( A)

谢谢你为Jon Neal写了原作 网络api 工程,此软件包来自该软件包。 根据CC0-1.0许可证颁发.

代码从 事件目标 根据麻省理工学院的许可, 长岛同仁版权.