大家好，我是 ConardLi ， W3C 年度全球技术大会（ TPAC 2021 ）在今年10月份举办，随后他们发布了今年 10 月份的 W3C工作重点报告 。

这份报告汇总了今年4月份以来在 Web 领域的一些关键进展，我挑了一些我比较感兴趣的，大家一起来看一下吧。

W3C

可能很多小伙伴对 W3C 还不太了解，万维网联盟（ World Wide Web Consortium ，简称 W3C）创建于1994年，是 Web 技术领域最具权威和影响力的国际中立性技术标准机构。

W3C 目前包括 42 个工作组和 10 个兴趣组 ，我们熟知的很多 Web 标准都由 W3C 定制：

超文本标记语言（ HTML ）

文档对象模型 ( DOM )

可扩展标记语言（ XML ）

帮助残障人士有效获得 Web 内容的信息无障碍指南（ WCAG ）

各种浏览器的内核实现不同，导致页面解析出来的效果可能会有差异，所以各种浏览器都需要按照统一的标准来实现。

这些标准有效促进了 Web 技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。

下面，我们一起来看看 Web 领域的一些最新技术进展。

小程序

MiniApps 指混合移动应用程序，小巧、免安装、加载速度快，使用 Web 技术（尤其是 CSS 和 JavaScript ）并与 Native Apps 的功能集成，也就是我们常说的小程序。

MiniApps工作组 今年发布了多个公开草案：

5月11日发布 MiniApp Manifest 草案：规范为应用程序 manifest 提供了额外的元数据来描述。

6月15日发布 MiniApp Lifecycle 草案：定义了小程序生命周期的事件与管理小程序及各个小程序页面的生命周期流程。

MiniApp Packaging

MiniApp

MiniApp

JavaScript

音频 - Web Audio 1.0

Web 音频工作组 今年6月份发布 Web Audio API 1.0 为 W3C 正式推荐标准, 为 Web 平台添加了直接从 Web 浏览器操作音乐和创建音频的标准方法，包括协作和交互方式。

目前所有主流浏览器已实现 Web Audio 1.0 规范，支持在浏览器中合成音频。浏览器提供一个 AudioContext 对象，该对象用于生成一个声音的上下文，与扬声器相连。

const audioContext = new AudioContext();

然后，获取音源文件，将其在内存中解码，就可以播放声音了。

const context = new AudioContext();

fetch('code秘密花园.mp4')

.then(response => response.arrayBuffer())

.then(arrayBuffer => context.decodeAudioData(arrayBuffer))

.then(audioBuffer =>{

// 播放声音

const source = context.createBufferSource();

source.buffer = audioBuffer;

source.connect(context.destination);

source.start();

});

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月份正式成立。

上一篇：资深设计师是怎样用「帕累托原则」做设计决策的？

下一篇：ssl协议未开启是什么意思？如何解决？