skyclouds2001's Blog
https://skyclouds2001.github.io/icon.png
2025-01-31T09:39:44.144Z
https://skyclouds2001.github.io/
skyclouds2001
Hexo
NPM Dependencies
https://skyclouds2001.github.io/2025/01/31/NPM-Dependencies/
2025-01-31T08:56:26.000Z
2025-01-31T09:39:44.144Z
<h2 id="dependencies"><a href="#dependencies" class="headerlink"
CSS New Feature
https://skyclouds2001.github.io/2025/01/28/CSS-New-Feature/
2025-01-28T17:40:05.000Z
2025-01-31T09:39:44.142Z
<h2 id="Safari-18-2-2024-12-11"><a href="#Safari-18-2-2024-12-11" class="headerlink" title="Safari
CSS Meta Data
https://skyclouds2001.github.io/2024/12/23/CSS-Meta-Data/
2024-12-23T11:19:13.000Z
2025-01-31T09:39:44.142Z
<p>CSS
WebContainer
https://skyclouds2001.github.io/2024/12/19/WebContainer/
2024-12-19T13:51:17.000Z
2025-01-31T09:39:44.148Z
<p>WebContainer 是一个基于 WebAssembly 的能在浏览器内执行 Node.js 应用程序和操作系统命令的库</p>
<h2 id="基本使用"><a href="#基本使用"
Web性能指标
https://skyclouds2001.github.io/2024/10/28/Web%E6%80%A7%E8%83%BD%E6%8C%87%E6%A0%87/
2024-10-28T12:12:37.000Z
2025-01-31T09:39:44.148Z
<h2 id="LCP"><a href="#LCP" class="headerlink" title="LCP"></a>LCP</h2><p>LCP,即最大内容绘制(Largest
Website
https://skyclouds2001.github.io/2024/10/22/Website/
2024-10-22T14:45:40.000Z
2025-01-31T09:39:44.148Z
<h2 id="Tools"><a href="#Tools" class="headerlink" title="Tools"></a>Tools</h2><ul>
<li><a
OpenSources
https://skyclouds2001.github.io/2024/10/01/OpenSources/
2024-10-01T18:58:52.000Z
2025-01-31T09:39:44.144Z
<ul>
<li><a href="https://github.com/skyclouds2001/template-sky">template-sky</a><ul>
<li><a
在 Git 中使用 GPG 密钥
https://skyclouds2001.github.io/2024/04/28/Using-GPG-in-Git/
2024-04-28T06:37:49.000Z
2025-01-31T09:39:44.147Z
<h2 id="生成及查看-GPG-密钥"><a href="#生成及查看-GPG-密钥" class="headerlink" title="生成及查看 GPG 密钥"></a>生成及查看 GPG
MDN Translations
https://skyclouds2001.github.io/2024/03/30/MDN-Translations/
2024-03-30T16:50:55.000Z
2025-01-31T09:39:44.143Z
<table>
<thead>
<tr>
<th align="center">API</th>
<th align="center">开始时间</th>
<th
WebOTP API
https://skyclouds2001.github.io/2024/02/05/WebOTP-API/
2024-02-05T17:16:11.000Z
2025-01-31T09:39:44.148Z
<p>WebOTP API 是对 Credential Management API 的扩展,允许开发者请求用户访问短信验证码,以便方便地完成表单等填写</p>
<h2 id="使用"><a
Credential Management API
https://skyclouds2001.github.io/2024/01/30/Credential-Management-API/
2024-01-30T10:10:22.000Z
2025-01-31T09:39:44.142Z
<p>Credential Management API 允许网站存储和检索密码、公钥与联合凭证</p>
<p>用户无需显式登录即可直接登录、查看登录站点的联合账户及恢复会话</p>
<h2
Sensor APIs
https://skyclouds2001.github.io/2024/01/27/Sensor-APIs/
2024-01-27T18:11:33.000Z
2025-01-31T09:39:44.146Z
<p>Sensor APIs 提供了一系列的传感器 API, 用以提供网页访问应用传感器的权限</p>
<h2 id="通用传感器"><a href="#通用传感器"
HTTP Security Header
https://skyclouds2001.github.io/2024/01/25/HTTP-Security-Header/
2024-01-25T16:56:25.000Z
2025-01-31T09:39:44.143Z
<h2 id="Content-Security-Policy"><a href="#Content-Security-Policy" class="headerlink"
Remote Playback API
https://skyclouds2001.github.io/2024/01/18/Remote-Playback-API/
2024-01-18T13:37:47.000Z
2025-01-31T09:39:44.146Z
<p>Remote Playback API 允许管理与当前媒体资源连接的远程媒体设备</p>
<h2 id="使用远程媒体设备控制"><a href="#使用远程媒体设备控制"
Channel Messaging API
https://skyclouds2001.github.io/2024/01/15/Channel-Messaging-API/
2024-01-15T14:10:53.000Z
2025-01-31T09:39:44.142Z
<p>Channel Messaging API 支持在多个浏览上下文中执行的脚本之间传递消息</p>
<p>其核心为 <code>MessageChannel</code> 接口与
浏览器原理
https://skyclouds2001.github.io/2024/01/14/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%9F%E7%90%86/
2024-01-14T08:01:07.000Z
2025-01-31T09:39:44.153Z
<h2 id="浏览器进程"><a href="#浏览器进程" class="headerlink"
CSS Syntax Definition
https://skyclouds2001.github.io/2024/01/04/CSS-Syntax-Definition/
2024-01-04T16:28:47.000Z
2025-01-31T09:39:44.142Z
<p>CSS 语法定义规则</p>
<h2 id="关键字"><a href="#关键字" class="headerlink" title="关键字"></a>关键字</h2><h3
Autoplay Policy Detection API
https://skyclouds2001.github.io/2023/12/31/Autoplay-Policy-Detection-API/
2023-12-31T20:54:43.000Z
2025-01-31T09:39:44.141Z
<p>Autoplay Policy Detection API 允许获取音频的自动播放模式</p>
<p>该 API 通过 <code>Navigator</code> 接口的
Background Tasks API
https://skyclouds2001.github.io/2023/12/30/Background-Tasks-API/
2023-12-30T13:41:27.000Z
2025-01-31T09:39:44.141Z
<p>Background Tasks API 允许创建后台任务</p>
<p>这些后台任务会在用户代理认为空闲时执行,从而可以优先执行高级别的任务</p>
<h2 id="使用"><a
Web Components API
https://skyclouds2001.github.io/2023/12/29/Web-Components-API/
2023-12-29T12:03:59.000Z
2025-01-31T09:39:44.148Z
<p>Web Components API 允许创建并使用自定义 HTML 元素</p>
<h2 id="概述"><a href="#概述" class="headerlink"
Payment Handler API
https://skyclouds2001.github.io/2023/12/26/Payment-Handler-API/
2023-12-26T11:43:24.000Z
2025-01-31T09:39:44.144Z
<p>Payment Handler API 允许网站直接处理支付请求,而非重定向至额外的页面处理支付请求</p>
<p>网站可以使用 Payment Request API 创建支付请求,随后交由
Payment Request API
https://skyclouds2001.github.io/2023/12/25/Payment-Request-API/
2023-12-25T10:07:43.000Z
2025-01-31T09:39:44.145Z
<p>Payment Request API 允许用户创建个人的付款方式以及选择偏好程度,并提供给网站及开发者使用</p>
<h2 id="创建支付请求"><a href="#创建支付请求"
Audio Output Devices API
https://skyclouds2001.github.io/2023/12/23/Audio-Output-Devices-API/
2023-12-23T06:48:40.000Z
2025-01-31T09:39:44.141Z
<p>Audio Output Devices API 允许开发者选择音频的输出设备(如麦克风,蓝牙设备等)</p>
<h2 id="基本使用"><a href="#基本使用"
MediaStream Image Capture API
https://skyclouds2001.github.io/2023/12/21/MediaStream-Image-Capture-API/
2023-12-21T09:51:17.000Z
2025-01-31T09:39:44.144Z
<p>MediaStream Image Capture API 用于管理和配置从照相设备中拍照或录像,同时支持获取一些设备参数,如图像大小、红眼模式以及闪光灯模式等</p>
<h2
MediaStream Recording API
https://skyclouds2001.github.io/2023/12/19/MediaStream-Recording-API/
2023-12-19T11:20:10.000Z
2025-01-31T09:39:44.144Z
<p>MediaStream Recording API 支持实现录制视频流的功能,录制的数据可以用于进一步分析、处理并保存至硬盘</p>
<p>该 API 主要通过
Save Data API
https://skyclouds2001.github.io/2023/12/18/Save-Data-API/
2023-12-18T03:11:13.000Z
2025-01-31T09:39:44.146Z
<p>Save Data API 向网站提供用户是否倾向于节省流量使用的功能</p>
<h2 id="使用"><a href="#使用" class="headerlink"
Screen Capture API
https://skyclouds2001.github.io/2023/12/18/Screen-Capture-API/
2023-12-18T03:06:56.000Z
2025-01-31T09:39:44.146Z
<p>Screen Capture API 允许网站捕获屏幕共享媒体流,实现共享屏幕功能</p>
<h2 id="使用"><a href="#使用" class="headerlink"
Web Locks API
https://skyclouds2001.github.io/2023/12/16/Web-Locks-API/
2023-12-16T18:48:59.000Z
2025-01-31T09:39:44.148Z
<p>Web Locks API 允许网页中的脚本异步地使用锁以控制任务的重复执行</p>
<p>该 API 可通过 <code>Navigator</code> 接口的
Media Capture from DOM Elements API
https://skyclouds2001.github.io/2023/12/16/Media-Capture-from-DOM-Elements-API/
2023-12-16T09:35:07.000Z
2025-01-31T09:39:44.144Z
<p>Media Capture from DOM Elements API 允许从 DOM 元素中捕获媒体流,包括 <code><canvas></code>
Media Session API
https://skyclouds2001.github.io/2023/12/15/Media-Session-API/
2023-12-15T13:28:18.000Z
2025-01-31T09:39:44.144Z
<p>Media Session API 允许开发者显示自定义的媒体元信息,自定义可用媒体平台控件及访问平台媒体密钥;用户代理可能会将这些信息提供给设备,便于设备媒体信息 UI
Media Capture and Streams API
https://skyclouds2001.github.io/2023/12/11/Media-Capture-and-Streams-API/
2023-12-11T15:11:06.000Z
2025-01-31T09:39:44.143Z
<p>Media Capture and Streams API 用于处理视频音频流,以及枚举本地媒体设备,它与 WebRTC API 息息相关</p>
<h2 id="枚举本地媒体设备"><a
URL Pattern API
https://skyclouds2001.github.io/2023/12/09/URL-Pattern-API/
2023-12-09T15:31:54.000Z
2025-01-31T09:39:44.147Z
<p>URL Pattern API 允许创建 URL 规则匹配器,用于匹配 URL 或 URL 相关组件</p>
<h2 id="创建匹配器"><a href="#创建匹配器"
URL API
https://skyclouds2001.github.io/2023/12/08/URL-API/
2023-12-08T14:51:04.000Z
2025-01-31T09:39:44.147Z
<p>URL API 用于表示一个互联网资源的定位标识(URL 即 Uniform Resource Locator)</p>
<h2 id="创建-URL"><a href="#创建-URL"
Speculation Rules API
https://skyclouds2001.github.io/2023/12/08/Speculation-Rules-API/
2023-12-08T04:35:20.000Z
2025-01-31T09:39:44.147Z
<p>Speculation Rules API 设计以用于支持改善导航的性能,通过允许指定一系列规则以实现对未来文档资源的预加载</p>
<p>它主要用于增强和改进 <code><link
View Transitions API
https://skyclouds2001.github.io/2023/12/06/View-Transitions-API/
2023-12-06T10:32:09.000Z
2025-01-31T09:39:44.147Z
<p>View Transitions API 提供了创建视图过渡的功能</p>
<p>目前该 API 仅支持在单 Document 中的视图过渡,尚未支持跨 Document
Content Security Policy
https://skyclouds2001.github.io/2023/12/05/Content-Security-Policy/
2023-12-05T14:12:38.000Z
2025-01-31T09:39:44.142Z
<p>Content Security Policy 简称 CSP,可用于应对跨站脚本攻击(XSS 攻击)及数据包嗅探攻击</p>
<p>在不指定 Content Security Policy
Visual Viewport API
https://skyclouds2001.github.io/2023/12/05/Visual-Viewport-API/
2023-12-05T08:32:10.000Z
2025-01-31T09:39:44.148Z
<p>Visual Viewport API 提供了查询和监测屏幕可视区域的功能</p>
<p>该 API 通过 <code>Window</code> 接口的
Screen API
https://skyclouds2001.github.io/2023/12/04/Screen-API/
2023-12-04T04:38:41.000Z
2025-01-31T09:39:44.146Z
<p>Screen API 主要支持获取当前设备屏幕的一些信息</p>
<p>该 API 通过 <code>Window</code> 接口的 <code>screen</code> 属性暴露的
Permissions Policy
https://skyclouds2001.github.io/2023/12/02/Permissions-Policy/
2023-12-02T04:35:25.000Z
2025-01-31T09:39:44.145Z
<p>Permissions Policy 允许开发者定义在网页中控制功能的可用性,从而增加应用的安全性和隐私性</p>
<p>Permissions Policy 与 Content
Popover API
https://skyclouds2001.github.io/2023/11/29/Popover-API/
2023-11-29T04:14:52.000Z
2025-01-31T09:39:44.145Z
<p>Popover API 提供了标准化的显示弹出窗口的形式</p>
<p>Popover API 可以通过 HTML 控制或通过 JavaScript 控制</p>
<h2
Device Memory API
https://skyclouds2001.github.io/2023/11/25/Device-Memory-API/
2023-11-25T15:35:19.000Z
2025-01-31T09:39:44.142Z
<p>Device Memory API 允许获取运行内存容量的大小</p>
<h2 id="JS-使用"><a href="#JS-使用" class="headerlink" title="JS
History API
https://skyclouds2001.github.io/2023/11/23/History-API/
2023-11-23T07:15:19.000Z
2025-01-31T09:39:44.143Z
<p>History API 提供了管理浏览会话历史记录的方式</p>
<p>通过 <code>window.history</code> 暴露的 <code>History</code>
Location API
https://skyclouds2001.github.io/2023/11/23/Location-API/
2023-11-23T03:22:33.000Z
2025-01-31T09:39:44.143Z
<p>Location API 提供获取和管理当前网页的 URL 的方法</p>
<p>通过 <code>document.location</code> 或
Navigation API
https://skyclouds2001.github.io/2023/11/21/Navigation-API/
2023-11-21T11:41:20.000Z
2025-01-31T09:39:44.144Z
<p>Navigation API 提供了启动、拦截和管理浏览器导航行为的能力,同时允许检查应用的历史条目</p>
<p>该 API 是对 History API 和 Location
Pointer Events
https://skyclouds2001.github.io/2023/11/20/Pointer-Events/
2023-11-20T13:08:46.000Z
2025-01-31T09:39:44.145Z
<p>Pointer Events 定义指针相关的一系列事件</p>
<p>旨在为 Mouse Events 和 Touch Events 在不同平台上提供统一的行为</p>
<h2
Touch Events
https://skyclouds2001.github.io/2023/11/20/Touch-Events/
2023-11-20T06:32:58.000Z
2025-01-31T09:39:44.147Z
<p>Touch Events 定义与用户触摸交互的事件</p>
<h2 id="触摸事件列表"><a href="#触摸事件列表" class="headerlink"
Web App Launch Handler API
https://skyclouds2001.github.io/2023/11/18/Web-App-Launch-Handler-API/
2023-11-18T19:31:34.000Z
2025-01-31T09:39:44.148Z
<p>Web App Launch Handler API 允许管理 Progressive Web App 的启动导航方式(针对已开启的 PWA 应用)</p>
<h2
File System Access API
https://skyclouds2001.github.io/2023/11/18/File-System-Access-API/
2023-11-18T19:14:20.000Z
2025-01-31T09:39:44.143Z
<p>File System Access API 允许访问本地文件系统</p>
<h2 id="获取选择资源的文件句柄"><a href="#获取选择资源的文件句柄"
File API
https://skyclouds2001.github.io/2023/11/17/File-API/
2023-11-17T19:35:27.000Z
2025-01-31T09:39:44.143Z
<p>File API 允许获取文件及其内容</p>
<h2 id="二进制对象"><a href="#二进制对象" class="headerlink"
Barcode Detection API
https://skyclouds2001.github.io/2023/11/16/Barcode-Detection-API/
2023-11-16T14:28:16.000Z
2025-01-31T09:39:44.141Z
<p>Barcode Detection API 支持检测并扫描条形码和二维码</p>
<p>该 API 主要通过 <code>BarcodeDetector</code> 类使用</p>
<h2
Page Visibility API
https://skyclouds2001.github.io/2023/11/16/Page-Visibility-API/
2023-11-16T07:36:03.000Z
2025-01-31T09:39:44.144Z
<p>Page Visibility API 用于反馈当前文档的可见性</p>
<h2 id="读取可见性"><a href="#读取可见性" class="headerlink"
User Activation API
https://skyclouds2001.github.io/2023/11/15/User-Activation-API/
2023-11-15T12:55:22.000Z
2025-01-31T09:39:44.147Z
<p>User Activation API 用于检测当前网页的用户激活状态</p>
<p>该 API 通过 <code>UserActivation</code> 提供相关功能,并通过
UI Events
https://skyclouds2001.github.io/2023/11/15/UI-Events/
2023-11-15T03:44:20.000Z
2025-01-31T09:39:44.147Z
<p>UI Events 定义了与用户交互的事件</p>
<h2 id="事件类型"><a href="#事件类型" class="headerlink"
Drag and Drop API
https://skyclouds2001.github.io/2023/11/14/Drag-and-Drop-API/
2023-11-14T06:10:27.000Z
2025-01-31T09:39:44.142Z
<p>Drag and Drop API 允许网页应用使用拖放功能</p>
<h2 id="拖放事件"><a href="#拖放事件" class="headerlink"
DeviceOrientation Event
https://skyclouds2001.github.io/2023/11/13/DeviceOrientation-Event/
2023-11-13T06:35:50.000Z
2025-01-31T09:39:44.142Z
<p>DeviceOrientation Event 允许监测设备的物理朝向及物理加速度</p>
<h2 id="物理加速度"><a href="#物理加速度" class="headerlink"
Contact Picker API
https://skyclouds2001.github.io/2023/11/11/Contact-Picker-API/
2023-11-11T19:37:51.000Z
2025-01-31T09:39:44.142Z
<p>Contact Picker API 允许用户从通讯录选择记录并与网页应用分享</p>
<p>该 API 通过 <code>ContactsManager</code> 接口使用,并通过
Cookie Store API
https://skyclouds2001.github.io/2023/11/09/Cookie-Store-API/
2023-11-09T15:09:33.000Z
2025-01-31T09:39:44.142Z
<p>Cookie Store API 提供了异步地管理 Cookie 的方式,同时允许在 ServiceWorker 中使用</p>
<p>在该 API 之前,使用 cookie 的方式是通过读写
User-Agent Client Hints API
https://skyclouds2001.github.io/2023/11/09/User-Agent-Client-Hints-API/
2023-11-09T05:55:01.000Z
2025-01-31T09:39:44.147Z
<p>User-Agent Client Hints API 扩展了 HTTP Client Hints 以提供允许 JavaScript API 读取浏览器和操作系统信息的方式</p>
<p>该
Prioritized Task Scheduling API
https://skyclouds2001.github.io/2023/11/08/Prioritized-Task-Scheduling-API/
2023-11-08T03:39:12.000Z
2025-01-31T09:39:44.145Z
<p>Prioritized Task Scheduling API 提供了标准化的任务的优先级排序的方式</p>
<p>通过该 API
Screen Orientation API
https://skyclouds2001.github.io/2023/11/07/Screen-Orientation-API/
2023-11-07T14:15:33.000Z
2025-01-31T09:39:44.146Z
<p>Screen Orientation API 允许获取屏幕朝向信息和监听屏幕朝向信息变化</p>
<p>该 API 通过 <code>ScreenOrientation</code>
Storage Access API
https://skyclouds2001.github.io/2023/11/06/Storage-Access-API/
2023-11-06T08:06:39.000Z
2025-01-31T09:39:44.147Z
<p>Storage Access API 允许第三方上下文中跨站内容(如嵌入 <code><iframe></code> 标签中)获取对未分区 cookie (即以传统方式存储的
Storage API
https://skyclouds2001.github.io/2023/11/06/Storage-API/
2023-11-06T06:00:16.000Z
2025-01-31T09:39:44.147Z
<p>Storage API 提供了多个存储 API 的共享的管理方法,允许获取存储的信息并控制存储的清除策略</p>
<p>通常管理的存储包括包括 IndexedDB 、 Cache
Permissions API
https://skyclouds2001.github.io/2023/11/05/Permissions-API/
2023-11-05T06:39:30.000Z
2025-01-31T09:39:44.145Z
<p>Permissions API 提供了编程式地检测当前浏览上下文 API 权限</p>
<p>可以用于确定对应的 API 是否已授予权限或被拒绝授予权限,或等待授权权限</p>
<p>同时
Beacon API
https://skyclouds2001.github.io/2023/11/04/Beacon-API/
2023-11-04T11:20:29.000Z
2025-01-31T09:39:44.141Z
<p>Beacon API 可用于向服务器发送 HTTP POST 网络请求</p>
<p>通常目的旨在向服务器发送用户数据,特别是在页面关闭时机(能够避免阻碍下一网页的加载)</p>
<h2
Window Management API
https://skyclouds2001.github.io/2023/11/03/Window-Management-API/
2023-11-03T18:39:55.000Z
2025-01-31T09:39:44.149Z
<p>Window Management API 允许获取连接到设备的显示器的详细信息,并将窗口放置在指定的屏幕上</p>
<h2 id="检测是否多屏"><a href="#检测是否多屏"
Clipboard API
https://skyclouds2001.github.io/2023/11/02/Clipboard-API/
2023-11-02T12:51:52.000Z
2025-01-31T09:39:44.142Z
<p>Clipboard API 允许异步地读写剪切板</p>
<p>剪切板操作通过 <code>Navigator</code> 接口的 <code>clipboard</code> 属性暴露的
Broadcast Channel API
https://skyclouds2001.github.io/2023/11/02/Broadcast-Channel-API/
2023-11-02T07:30:25.000Z
2025-01-31T09:39:44.142Z
<p>Broadcast Channel API 允许在同源的浏览上下文中交换数据</p>
<h2 id="创建广播频道"><a href="#创建广播频道" class="headerlink"
Pyodide
https://skyclouds2001.github.io/2023/11/01/Pyodide/
2023-11-01T06:34:58.000Z
2025-01-31T09:39:44.146Z
<p>Pyodide 是一个在浏览器环境中运行的 Python 解释器,利用了 CPython 技术和 WebAssembly 技术,从而可以在浏览器中运行 Python 软件包;并且
Document Picture-in-Picture API
https://skyclouds2001.github.io/2023/10/31/Document-Picture-in-Picture-API/
2023-10-31T14:09:38.000Z
2025-01-31T09:39:44.142Z
<p>Document Picture-in-Picture API 是对原有 Picture-in-Picture API 的扩展,允许任意 DOM
Vibration API
https://skyclouds2001.github.io/2023/10/30/Vibration-API/
2023-10-30T14:14:06.000Z
2025-01-31T09:39:44.147Z
<p>Vibration API 允许调用设备的振动功能</p>
<p>若设备不支持振动,调用该方法不会具有任何效果</p>
<h2 id="振动"><a href="#振动"
Get Installed Related Apps API
https://skyclouds2001.github.io/2023/10/30/Get-Installed-Related-Apps-API/
2023-10-30T09:59:29.000Z
2025-01-31T09:39:44.143Z
<p>Get Installed Related Apps API 允许网页应用检测与之相关的应用是否已在本地设备下载</p>
<p>支持检测的应用包括通用 Window 应用 Android
Web Share API
https://skyclouds2001.github.io/2023/10/30/Web-Share-API/
2023-10-30T04:03:44.000Z
2025-01-31T09:39:44.148Z
<p>Web Share API 允许分享文字、链接、文件或其他内容到用户指定的分享目标</p>
<h2 id="分享操作"><a href="#分享操作" class="headerlink"
VirtualKeyboard API
https://skyclouds2001.github.io/2023/10/29/VirtualKeyboard-API/
2023-10-29T06:13:52.000Z
2025-01-31T09:39:44.147Z
<p>VirtualKeyboard API 允许控制设备的虚拟键盘的几何信息和展示及隐藏(特别是针对平板、智能手机等无法提供机械键盘的设备)</p>
<p>通过
Keyboard Map API
https://skyclouds2001.github.io/2023/10/28/Keyboard-Map-API/
2023-10-28T08:40:59.000Z
2025-01-31T09:39:44.143Z
<p>Keyboard Map API 允许获取键盘按键码至键盘按键名的映射</p>
<p>通过 <code>navigator.keyboard</code> 暴露的
EyeDropper API
https://skyclouds2001.github.io/2023/10/27/EyeDropper-API/
2023-10-27T14:49:36.000Z
2025-01-31T09:39:44.143Z
<p>EyeDropper API 提供了吸管工具,允许用户选择屏幕上的某个特定位置的颜色</p>
<p>该 API 仅在严格上下文环境下允许使用</p>
<h2 id="使用"><a
Network Information API
https://skyclouds2001.github.io/2023/10/26/Network-Information-API/
2023-10-26T04:08:55.000Z
2025-01-31T09:39:44.144Z
<p>Network Information API 允许获取网络信息和监听网络信息更改,以及 Save Data API 提供了侦测用户流量使用倾向的方法</p>
<p>通过
Picture-in-Picture API
https://skyclouds2001.github.io/2023/10/25/Picture-in-Picture-API/
2023-10-25T14:58:49.000Z
2025-01-31T09:39:44.145Z
<p>Picture-in-Picture API 允许某个特定的视频元素管理画中画模式</p>
<h2 id="启用画中画模式"><a href="#启用画中画模式"
Fullscreen API
https://skyclouds2001.github.io/2023/10/25/Fullscreen-API/
2023-10-25T11:28:58.000Z
2025-01-31T09:39:44.143Z
<p>Fullscreen API 允许某个特定的元素管理全屏模式</p>
<h2 id="启用全屏模式"><a href="#启用全屏模式" class="headerlink"
Keyboard Lock API
https://skyclouds2001.github.io/2023/10/24/Keyboard-Lock-API/
2023-10-24T11:31:18.000Z
2025-01-31T09:39:44.143Z
<p>Keyboard Lock API 允许控制键盘的输入形式,捕获键盘的输入从而进行自定义的处理(特别是针对一些特殊按键)</p>
<p>通过
Pointer Lock API
https://skyclouds2001.github.io/2023/10/24/Pointer-Lock-API/
2023-10-24T08:39:54.000Z
2025-01-31T09:39:44.145Z
<p>Pointer Lock API
Screen Wake Lock API
https://skyclouds2001.github.io/2023/10/23/Screen-Wake-Lock-API/
2023-10-23T16:18:48.000Z
2025-01-31T09:39:44.146Z
<p>Screen Wake Lock API 允许控制设备的屏幕变暗、休眠或锁定的策略</p>
<p>通过 <code>navigator.wakeLock</code> 暴露的
Battery Status API
https://skyclouds2001.github.io/2023/10/21/Battery-Status-API/
2023-10-21T14:17:43.000Z
2025-01-31T09:39:44.141Z
<p>Battery Status API 提供了访问设备电源信息和监听电源信息变化的功能,可以用于动态根据用户设备的电源情况调整一些功能的策略</p>
<h2 id="获取电源管理实例"><a
Web Storage API
https://skyclouds2001.github.io/2023/10/21/Web-Storage-API/
2023-10-21T07:56:34.000Z
2025-01-31T09:39:44.148Z
<p>Web Storage API 可用于保存键值对形式的数据,包括 localStorage 和 sessionStorage
Cookie API
https://skyclouds2001.github.io/2023/10/20/Cookie-API/
2023-10-20T04:30:37.000Z
2025-01-31T09:39:44.142Z
<p>Cookie 是一小段保存在用户端的信息,用于改善用户的网络浏览体验,通常包括用户的选项或识别信息,用户可以选择网站使用 Cookie 的方式</p>
<p>可用使用
Geolocation API
https://skyclouds2001.github.io/2023/10/15/Geolocation-API/
2023-10-15T06:56:35.000Z
2025-01-31T09:39:44.143Z
<p>Geolocation API 提供了访问用户地理位置的方法</p>
<p>通过 <code>navigator.geolocation</code> 暴露的
File System API
https://skyclouds2001.github.io/2023/10/05/File-System-API/
2023-10-05T07:53:12.000Z
2025-01-31T09:39:44.143Z
<p>File System API 允许使用内置文件系统,包含读取、修改和移除文件,扩展的 File System Access API
Window Controls Overlay API
https://skyclouds2001.github.io/2023/10/02/Window-Controls-Overlay-API/
2023-10-02T19:44:41.000Z
2025-01-31T09:39:44.148Z
<p>Window Controls Overlay API 给 PWA 应用提供了管理默认系统的应用标题栏的能力,允许应用完全掌控应用窗口的区域,不过仅支持 PC 端 PWA
Badging API
https://skyclouds2001.github.io/2023/10/02/Badging-API/
2023-10-02T14:14:54.000Z
2025-01-31T09:39:44.141Z
<p>Badging API 用于设置 PWA 应用的图标上的徽章信息</p>
<p>该 API 需要在 Secure Context 下使用</p>
<p>某些情况下该 API 需要请求用户授予
Content Index API
https://skyclouds2001.github.io/2023/10/01/Content-Index-API/
2023-10-01T12:12:19.000Z
2025-01-31T09:39:44.142Z
<p>Content Index API 允许网站注册离线启用的内容,向用户告知网站支持的离线内容并允许开发者对其进行管理</p>
<p>该 API 仅支持 HTML 文档对应的
PWA
https://skyclouds2001.github.io/2023/09/30/PWA/
2023-09-30T15:53:34.000Z
2025-01-31T09:39:44.144Z
<p>PWA 即 Progressive Web App ———— 渐进式网络应用</p>
<p>PWA 技术允许用户像 Native 应用一样使用 Web
ServiceWorker VI
https://skyclouds2001.github.io/2023/09/28/ServiceWorker-VI/
2023-09-28T02:20:34.000Z
2025-01-31T09:39:44.147Z
<h2 id="ServiceWorker-导航预加载"><a href="#ServiceWorker-导航预加载" class="headerlink" title="ServiceWorker
面试-工程
https://skyclouds2001.github.io/2023/09/28/%E9%9D%A2%E8%AF%95-%E5%B7%A5%E7%A8%8B/
2023-09-28T02:20:10.000Z
2025-01-31T09:39:44.154Z
<h2 id="Git-常用指令"><a href="#Git-常用指令" class="headerlink" title="Git 常用指令"></a>Git
面试-JavaScript
https://skyclouds2001.github.io/2023/09/26/%E9%9D%A2%E8%AF%95-JavaScript/
2023-09-26T16:18:54.000Z
2025-01-31T09:39:44.154Z
<h2 id="宏任务与微任务"><a href="#宏任务与微任务" class="headerlink"
面试-CSS
https://skyclouds2001.github.io/2023/09/26/%E9%9D%A2%E8%AF%95-CSS/
2023-09-26T16:18:33.000Z
2025-01-31T09:39:44.153Z
<h2 id="盒模型概念"><a href="#盒模型概念" class="headerlink"
面试-HTML
https://skyclouds2001.github.io/2023/09/26/%E9%9D%A2%E8%AF%95-HTML/
2023-09-26T16:18:17.000Z
2025-01-31T09:39:44.153Z
<h2 id="语义化标签作用"><a href="#语义化标签作用" class="headerlink" title="语义化标签作用"></a>语义化标签作用</h2><ul>
<li>优化
面试-Vue
https://skyclouds2001.github.io/2023/09/25/%E9%9D%A2%E8%AF%95-Vue/
2023-09-25T15:38:10.000Z
2025-01-31T09:39:44.154Z
<h2 id="Vue-diff-算法"><a href="#Vue-diff-算法" class="headerlink" title="Vue diff 算法"></a>Vue diff
面试-计算机网络
https://skyclouds2001.github.io/2023/09/25/%E9%9D%A2%E8%AF%95-%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C/
2023-09-25T13:17:13.000Z
2025-01-31T09:39:44.154Z
<h2 id="HTTP2-与-HTTP1-区别"><a href="#HTTP2-与-HTTP1-区别" class="headerlink" title="HTTP2 与 HTTP1
SharedWorker
https://skyclouds2001.github.io/2023/09/21/SharedWorker/
2023-09-21T18:31:34.000Z
2025-01-31T09:39:44.147Z
<p>SharedWorker 是 HTML 标准定义的 Web API 的一部分,是一种特殊的 Worker,支持在多个上下文(例如 window、iframe 甚至
Worker
https://skyclouds2001.github.io/2023/09/21/Worker/
2023-09-21T04:36:10.000Z
2025-01-31T09:39:44.149Z
<p>Web Worker 是 HTML 标准定义的 Web API 的一部分,可以在后台运行一个耗时的任务,避免因长期执行 JS 任务而阻塞用户界面渲染与交互</p>
<p>Web Worker
ServiceWorker II
https://skyclouds2001.github.io/2023/09/20/ServiceWorker-II/
2023-09-20T07:04:36.000Z
2025-01-31T09:39:44.146Z
<h2 id="ServiceWorker-全局上下文"><a href="#ServiceWorker-全局上下文" class="headerlink" title="ServiceWorker
Local Font Access API
https://skyclouds2001.github.io/2023/09/20/Local-Font-Access-API/
2023-09-20T04:38:21.000Z
2025-01-31T09:39:44.143Z
<p>Local Font Access API 向开发者提供了获取用户本地安装的字体的信息的方式,包括字体名称、字体样式及字体族等等</p>
<h2 id="获取本地字体"><a
性能优化
https://skyclouds2001.github.io/2023/09/18/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/
2023-09-18T04:36:26.000Z
2025-01-31T09:39:44.153Z
<h2 id="构建相关"><a href="#构建相关" class="headerlink" title="构建相关"></a>构建相关</h2><h3 id="路由懒加载"><a
ServiceWorker III
https://skyclouds2001.github.io/2023/09/15/ServiceWorker-III/
2023-09-15T16:35:28.000Z
2025-01-31T09:39:44.146Z
<h2 id="ServiceWorker-中-Client-与-Worker"><a href="#ServiceWorker-中-Client-与-Worker"
Web Periodic Background Synchronization API
https://skyclouds2001.github.io/2023/09/14/Web-Periodic-Background-Synchronization-API/
2023-09-14T15:42:48.000Z
2025-01-31T09:39:44.148Z
<p>Web Periodic Background Synchronization API
Background Fetch API
https://skyclouds2001.github.io/2023/09/13/Background-Fetch-API/
2023-09-13T07:43:44.000Z
2025-01-31T09:39:44.141Z
<p>Background Fetch API
Web Background Synchronization API
https://skyclouds2001.github.io/2023/09/12/Web-Background-Synchronization-API/
2023-09-12T00:45:37.000Z
2025-01-31T09:39:44.148Z
<p>Web Background Synchronization API 用于同步创建任务,直至用户获取到稳定的网络连接时才开始按序执行。</p>
<p>该 API
Push API
https://skyclouds2001.github.io/2023/09/10/Push-API/
2023-09-10T15:58:21.000Z
2025-01-31T09:39:44.145Z
<p>Push API 让网络应用从用户代理接收来自服务器发送的消息,无论网络应用是否运行或者在线</p>
<img
Notifications API
https://skyclouds2001.github.io/2023/09/10/Notifications-API/
2023-09-10T13:26:07.000Z
2025-01-31T09:39:44.144Z
<p>Notifications API 用于在网页端使用系统通知功能</p>
<h2 id="创建通知"><a href="#创建通知" class="headerlink"
ServiceWorker V
https://skyclouds2001.github.io/2023/08/31/ServiceWorker-V/
2023-08-31T15:47:47.000Z
2025-01-31T09:39:44.146Z
<p>ServiceWorker 的缓存策略是基于 CacheStorage 实现的。</p>
<h2 id="CacheStorage"><a href="#CacheStorage"
ServiceWorker IV
https://skyclouds2001.github.io/2023/08/31/ServiceWorker-IV/
2023-08-31T15:46:02.000Z
2025-01-31T09:39:44.146Z
<h2 id="Service-Worker-消息传递"><a href="#Service-Worker-消息传递" class="headerlink" title="Service
ServiceWorker I
https://skyclouds2001.github.io/2023/08/26/ServiceWorker-I/
2023-08-26T07:13:32.000Z
2025-01-31T09:39:44.146Z
<h2 id="ServiceWorker-概念"><a href="#ServiceWorker-概念" class="headerlink" title="ServiceWorker
NestJS
https://skyclouds2001.github.io/2023/06/16/NestJS/
2023-06-16T17:43:45.000Z
2025-01-31T09:39:44.144Z
<h2 id="Nest-js"><a href="#Nest-js" class="headerlink" title="Nest.js"></a>Nest.js</h2><p>初始化
npm
https://skyclouds2001.github.io/2022/12/14/npm/
2022-12-14T14:49:10.000Z
2025-01-31T09:39:44.152Z
<h3 id="npm"><a href="#npm" class="headerlink" title="npm"></a>npm</h3><p><a
node
https://skyclouds2001.github.io/2022/12/14/node/
2022-12-14T14:45:38.000Z
2025-01-31T09:39:44.152Z
<h1 id="Node"><a href="#Node" class="headerlink" title="Node"></a>Node</h1><h2 id="Node-简介"><a
es6
https://skyclouds2001.github.io/2022/12/14/es6/
2022-12-14T14:21:39.000Z
2025-01-31T09:39:44.150Z
<h1 id="ES6-标准入门"><a href="#ES6-标准入门" class="headerlink" title="ES6 标准入门"></a>ES6
svg
https://skyclouds2001.github.io/2022/12/14/svg/
2022-12-14T14:11:59.000Z
2025-01-31T09:39:44.152Z
<figure class="highlight html"><table><tr><td class="gutter"><pre><span
webpack
https://skyclouds2001.github.io/2022/12/14/webpack/
2022-12-14T14:06:02.000Z
2025-01-31T09:39:44.153Z
<h1 id="前端工程化"><a href="#前端工程化" class="headerlink"
react
https://skyclouds2001.github.io/2022/12/14/react/
2022-12-14T13:47:54.000Z
2025-01-31T09:39:44.152Z
<h1 id="React"><a href="#React" class="headerlink" title="React"></a>React</h1><h2 id="React-概述"><a
vue
https://skyclouds2001.github.io/2022/12/14/vue/
2022-12-14T13:47:47.000Z
2025-01-31T09:39:44.153Z
<h1 id="vue"><a href="#vue" class="headerlink"
typescript
https://skyclouds2001.github.io/2022/12/14/typescript/
2022-12-14T13:36:44.000Z
2025-01-31T09:39:44.152Z
<figure class="highlight typescript"><table><tr><td class="gutter"><pre><span
markdown
https://skyclouds2001.github.io/2022/12/14/markdown/
2022-12-14T13:20:59.000Z
2025-01-31T09:39:44.152Z
<h1 id="标题"><a href="#标题" class="headerlink" title="标题"></a>标题</h1><figure class="highlight
network
https://skyclouds2001.github.io/2022/12/14/network/
2022-12-14T13:06:37.000Z
2025-01-31T09:39:44.152Z
<h1 id="计算机网络"><a href="#计算机网络" class="headerlink"
ajax
https://skyclouds2001.github.io/2022/12/14/ajax/
2022-12-14T12:46:23.000Z
2025-01-31T09:39:44.149Z
<h1 id="AJAX"><a href="#AJAX" class="headerlink" title="AJAX"></a>AJAX</h1><p><img
regex
https://skyclouds2001.github.io/2022/12/14/regex/
2022-12-14T12:28:35.000Z
2025-01-31T09:39:44.152Z
<h4 id="正则表达式"><a href="#正则表达式" class="headerlink"
jquery
https://skyclouds2001.github.io/2022/08/14/jquery/
2022-08-14T14:55:26.000Z
2025-01-31T09:39:44.152Z
<h1 id="jQuery"><a href="#jQuery" class="headerlink" title="jQuery"></a>jQuery</h1><h3 id="简介"><a
git
https://skyclouds2001.github.io/2022/08/09/git/
2022-08-09T15:45:51.000Z
2025-01-31T09:39:44.150Z
<h2 id="git"><a href="#git" class="headerlink" title="git"></a>git</h2><h4 id="版本控制"><a
css-3
https://skyclouds2001.github.io/2022/08/06/css-3/
2022-08-06T14:06:41.000Z
2025-01-31T09:39:44.149Z
<h1 id="1-样式继承-样式覆盖"><a href="#1-样式继承-样式覆盖" class="headerlink" title="1. 样式继承&样式覆盖"></a>1.
css-2
https://skyclouds2001.github.io/2022/08/05/css-2/
2022-08-05T13:50:38.000Z
2025-01-31T09:39:44.149Z
<h1 id="选择器"><a href="#选择器" class="headerlink" title="选择器"></a>选择器</h1><p>选择器用于选取需要设置样式的 HTML
css-1
https://skyclouds2001.github.io/2022/08/05/css-1/
2022-08-05T10:52:25.000Z
2025-01-31T09:39:44.149Z
<h2 id="1-CSS简介"><a href="#1-CSS简介" class="headerlink" title="1. CSS简介"></a>1. CSS简介</h2><p>CSS
HTML-2
https://skyclouds2001.github.io/2022/07/29/html-2/
2022-07-29T12:51:59.000Z
2025-01-31T09:39:44.151Z
<h2 id="1-超链接标签及媒体元素标签"><a href="#1-超链接标签及媒体元素标签" class="headerlink" title="1. 超链接标签及媒体元素标签"></a>1.
HTML-1
https://skyclouds2001.github.io/2022/07/27/html-1/
2022-07-27T10:54:10.000Z
2025-01-31T09:39:44.151Z
<h1 id="HTML-1"><a href="#HTML-1" class="headerlink" title="HTML-1"></a>HTML-1</h1><h2
前端学习路线
https://skyclouds2001.github.io/2022/07/20/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF/
2022-07-20T09:20:28.000Z
2025-01-31T09:39:44.153Z
<img
hello world
https://skyclouds2001.github.io/2022/07/19/hello-world/
2022-07-19T17:04:43.000Z
2025-01-31T09:39:44.151Z
<p>我的个人博客正式开通啦!</p>