2024 年在 Web 领域有哪些关键进展？_webgpu进展

Web 文本编辑 - 虚拟键盘API

---

Web 文本编辑工作组 在今年8月提交了 虚拟键盘API 公开草案。

VK（Virtual Keyboard）是指在没有硬件键盘的情况下，可用于输入的屏幕键盘。

VirtualKeyboard API 为开发者提供了对虚拟键盘（VK）可见性的更好控制，以及在 VK 可见性改变时调整网页布局的更大能力。

partial interface Navigator {

[SecureContext, SameObject] readonly attribute VirtualKeyboard virtualKeyboard;

};

[Exposed=Window, SecureContext]

interface VirtualKeyboard : EventTarget {

undefined show();

undefined hide();

readonly attribute DOMRect boundingRect;

attribute boolean overlaysContent;

attribute EventHandler ongeometrychange;

};

机器学习 -  Web 神经网络 API

---

Web 机器学习工作组 于今年4月份正式成立。

成立后的两个月，Web 机器学习工作组 发布了 Web 神经网络 API。

该标准中描述了专门用于神经网络推理硬件加速的 API，包括了人物检测、人脸识别、超级分辨率、图像标题、情感分析、噪声抑制等常见应用。

WebRTC - Encoded Transform

---

媒体捕获和媒体流 (Media Capture and Streams) 和屏幕捕获 (Screen Capture) 目前已经发布为 W3C 正式推荐标准。

WebRTC工作组 目前已将工作重点转向增加其他 API，例如 WebRTC编码转换 (WebRTC Encoded Transform) ，它将与其他技术一起，在Web浏览器上完成从端到端的加密视频会议。

浏览器自动化测试 - WebDriver API 2.0

---

WebDriver API 是 W3C 在 2018 推出的的一个标准，是一个远程控制协议，它提供了跨平台和跨语言的方式来远程操控浏览器，它提供了一系列接口来访问和操作 DOM，进而控制浏览器的行为。它使得 web 开发者能写一些自动化脚本来测试网页。

不过因为它的跨浏览器兼容性问题，目前应用并不广泛。浏览器测试与工具工作组 正在开发 WebDriver API 2.0 版本，目的是能够像开发者工具一样监控浏览器中发生的内部状态变化，并解决它的跨浏览器兼容性问题。

身份认证 -  WebAuthn Level 3

---

Web 身份验证工作组 今年4月发布了 Web 身份验证 Level 3 的第一版公开工作草案。

WebAuthn，即Web Authentication，是一个用于在浏览器上进行认证的 API，W3C 将其表述为 “An API for accessing Public Key Credentials”，即“一个用于访问公钥凭证的 API”。

WebAuthn 很强大，强大到被认为是 Web 身份认证的未来。你有想过通过指纹或者面部识别来登录网站吗？WebAuthn 就能在保证安全和隐私的情况下让这样的想法成为现实。

Web支付 - Payment Request API

---

支付请求 API（Payment Request API 1.0）现已发布为 W3C 提案推荐标准，并且最近有望成为正式推荐标准。

当用户尝试从你的网站购买商品时，网站必须要求用户提供付款信息以及其他信息（比如收货信息）。Payment Request API 就是来帮助我们做这件事情的，下面是一个小 Demo：

// 支付方式

const paymentMethods = [{

supportedMethods: ‘https://xxx.xyz/pay’,

data: {

… // 支付应用提供的自定义参数.

}

}];

// 付款详情

const paymentDetails = {

displayItems: [{

label: ‘code秘密花园’,

amount: { currency: ‘USD’, value: ‘22.15’ }

}],

total: {

label: ‘ConardLi’,

amount: { currency: ‘USD’, value : ‘22.15’ }

}

};

const request = new PaymentRequest(paymentMethods, paymentDetails);

分散式标识符 - DID 标准

---

分散式标识符工作组在今年8月提交了 DID 标识符 1.0，这是一个区块链领域的技术，目前 W3C 还在审阅中，未正式发布。

标准定义了分散式标识符（DID），一种用于可验证的去中心化数字身份的新型标识符。DID 标识的对象（例如：人、组织、事物、数据模型、抽象实体等）由 DID 控制者决定。

DID 的基础是将身份控制权交还给互联网用户，并授权他们使用自己信任的系统生成唯一的标识符。通过使用加密证明(如数字签名)对这些标识符进行认证，个人和组织都可以利用区块链的分布式账本技术(DLT)从无缝、安全和私有的数据交换中获益。

Web字体 - 增量字体传输

---

Web字体工作组 在今年9月发布了 增量字体传输规范 的首个公开工作草案：

规范定义了从服务器到客户端增量传输字体的两种方法。增量传输允许客户端仅加载它们实际需要的字体部分，从而提升字体加载速度并减少加载字体所需的数据传输。

其他

–

• Web 应用程序安全工作组发布了关于 Post-Spectre Web 开发的新说明。

• GPU for the Web 工作组正在开发 WebGPU 与 WebGPU Shading Language 规范，将 GPU 的功能引入 Web 图形和计算。

• Web Transport 工作组正在开发 WebTransport API 规范，该 API 可能成为低延迟媒体流方案（直播、云游戏）的一项技术。

• 沉浸式 Web 工作组正在完善 WebXR Device API 规范及其配套规范，以实现 VR/AR 体验。

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

媒体流方案（直播、云游戏）的一项技术。

• 沉浸式 Web 工作组正在完善 WebXR Device API 规范及其配套规范，以实现 VR/AR 体验。

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-PvuKAElB-1714235169760)]

[外链图片转存中…(img-ElaHQlEb-1714235169760)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】