64、JavaScript Web 加密 API 全解析

JavaScript Web 加密 API 全解析

1. 自定义元素与 HTML 导入

在 JavaScript 中，我们可以使用 customElements.define 方法来定义自定义元素。例如：

customElements.define('x-­foo', FooElement);
console.log(fooElement instanceof FooElement);  // false
// Force the upgrade
customElements.upgrade(fooElement);
console.log(fooElement instanceof FooElement);  // true

不过，虽然存在 HTML 导入的 Web 组件，但该规范仍处于草案阶段，主流浏览器都不支持，未来是否会有浏览器支持也尚不明确。

2. Web 加密 API 概述

Web 加密 API（www.w3.org/TR/WebCryptoAPI）提供了一套加密工具，能让 JavaScript 以安全且规范的方式实现加密功能。这些工具包括生成、使用和应用加密密钥对，加密和解密消息，以及生成随机数等。

该 API 的结构有些特别，外部有一个 Crypto 对象，内部有一个 SubtleCrypto 对象。在 Web 加密 API 标准化之前， window.crypto 属性在不同浏览器中差异很大。为