Web API 实践，最后更新2024/02月...

taoliujun commented 9 months ago

Web API的发展日新月异，稍不留神就偷偷的出了新规范，这些规范为项目方案提供了更多的可能性。话说读百遍不如写一遍，计划在一段时间内，对大部分API进行demo实践以加深印象。

以 https://developer.mozilla.org/en-US/docs/Web/API 为基础，只实践W3C Recommendation状态的API。

目录见下

taoliujun commented 8 months ago

A

[ ] Audio Output Devices API 选择音频播放设备。Experimental

B

[ ] Background Fetch API 在后台下载大文件。Experimental
[ ] Background Sync 延迟任务以便在网络稳定时运行。Experimental
[x] #55，Background Tasks 利用空闲时间跑阻塞的任务。
[x] #50，Badging API 在web App中设置图标徽章。
[ ] Barcode Detection API，读取图片流中的条码、二维码。Experimental
[x] #58，Battery API 获取设备电池状态。
[x] #53，Beacon 发送无需响应的请求，保证浏览器关闭之前发送完毕。
[ ] Bluetooth API 连接蓝牙。Experimental
[x] #59，Broadcast Channel API 跨标签、窗口通信。

C

[ ] CSS Counter Styles 为CSS定义计数器。
[x] #63，CSS Custom Highlight API 设置元素的高亮区域。
[x] #65，CSS Font Loading API 字体加载管理。
[ ] CSS Painting API 为CSS的背景等属性提供自定义的图片绘制。Experimental
[x] #67，CSS Properties and Values API 为CSS扩展属性，类似CSS variables。
[x] #69，CSS Typed Object Model API 提供了一系列访问和操作CSS值的方法。
[x] #71，CSSOM 管理CSS的方法合集，类似DOM。
[ ] Canvas API 画图。
[ ] Channel Messaging API 又一种跨窗口通信。
[x] #72，Clipboard API 访问、写入系统剪切板。
[ ] Compression Streams API 使用gzip、deflate压缩数据流。
[ ] Console API 控制台日志输出。
[ ] Contact Picker API 选择设备上的联系人。Experimental
[ ] Content Index API 设置service worker的离线数据。Experimental
[x] #75，Cookie Store API 优雅的管理cookie。
[x] #77，Credential Management API 管理登录凭证。

D

[x] #80，DOM 元素操作的方法合集。
[x] #79，Device Memory API 访问设备可用内存大小。
[x] #81，Device Orientation Events 访问设备的物理方向。
[x] #82，Document Picture-in-Picture API 画中画。experimental

E

[ ] EditContext API 富文本交互 Experimental
[ ] Encoding API 字符编码解码
[ ] Encrypted Media Extensions 支持数字版权内容
[x] #84，EyeDropper API 颜色吸管 Experimental

F

[ ] FedCM API Experimental
[ ] Fenced Frame API Experimental
[ ] Fetch API 发起网络请求，代替XMLHttpRequest
[x] #85，File API 访问用户选择的文件
[x] #86，File System API 访问、写入操作系统上的文件
[ ] File and Directory Entries API 虚拟文件系统
[ ] Force Touch Events Non-standard
[x] #87，Fullscreen API 元素全屏

G

[ ] Gamepad API 访问手柄设备
[x] #88，Geolocation API 访问地理位置
[ ] Geometry Interfaces 几何形状

taoliujun commented 8 months ago

H

[ ] HTML DOM DOM操作，包括form data、canvas、video等
[x] #91 ，HTML Drag and Drop API 拖放
[ ] HTML Sanitizer API 安全的HTML字符串 Experimental
[ ] History API 浏览器会话记录
[ ] Houdini API 扩展CSS的样式和布局

I

[ ] Idle Detection API Experimental
[ ] Image Capture API 拍照，调用设备捕获图像 Experimental
[ ] IndexedDB 客户端数据库
[ ] Ink API 调用系统的笔触合成功能 Experimental
[ ] Input Device Capabilities API Experimental
[ ] Insertable Streams for MediaStreamTrack API 操作媒体流，比如合成音频、往视频里加一个帽子
[x] #92，Intersection Observer API 监听元素是否出现在视口

K

[ ] Keyboard API 访问物理键盘的信息、如布局等 Experimental

L

[ ] Launch Handler API 获取PWA的启动方式 Experimental
[ ] Local Font Access API 访问用户本地安装的字体列表 Experimental

M

[ ] Media Capabilities API 获取设备的解码、编码能力，以及实时反馈
[ ] Media Capture and Streams 媒体捕捉和媒体流
[ ] Media Session API 获取设备对媒体的控制
[ ] Media Source Extensions 创建媒体流 Experimental
[ ] MediaStream Recording 录制媒体流

N

[ ] Navigation API 对History和Location的扩展，可以拦截管理浏览器导航 Experimental
[ ] Network Information API 访问网络连接信息 Experimental

taoliujun commented 8 months ago

O

//

P

[x] #95， Page Visibility API 访问页面可见性
[ ] Payment Handler API Experimental
[ ] Payment Request API
[ ] Performance API
[ ] Periodic Background Sync Experimental
[ ] Permissions API
[ ] Picture-in-Picture API
[ ] Pointer Events
[ ] Pointer Lock API
[ ] Popover API
[ ] Presentation API Experimental
[ ] Prioritized Task Scheduling API
[ ] Push API

Q

//

R

S

[ ] SVG
[ ] Screen Capture API
[ ] Screen Orientation API
[ ] Screen Wake Lock API
[ ] Selection API
[ ] Sensor API
[ ] Server Sent Events
[ ] Service Workers API
[ ] Shared Storage API Experimental
[ ] Speculation Rules API Experimental
[ ] Storage
[ ] Storage Access API
[ ] Streams

T

[ ] Topics API Experimental Non-standard
[ ] Touch Events
[ ] Trusted Types API

taoliujun commented 8 months ago

Y

//

Z

//

taoliujun / blog

Web API 实践，最后更新2024/02月... #49

目录见下

A

B

C

D

E

F

G

H

I

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z