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>&lt;canvas&gt;</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>&lt;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>&lt;iframe&gt;</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. 样式继承&amp;样式覆盖"></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>