WebAssembly与HTML的融合应用

22/24WebAssembly与HTML的融合应用第一部分WebAssembly简介及其在网络中的作用 2第二部分HTML嵌入WebAssembly模块的方法 4第三部分WebAssembly与DOM的交互方式 7第四部分WebAssembly增强HTML图形和动画能力 11第五部分WebAssembly提高HTML计算性能 14第六部分WebAssembly在HTML游戏中的应用 17第七部分WebAssembly与HTML跨平台兼容性 20第八部分WebAssembly对HTML未来发展的意义 22

第一部分WebAssembly简介及其在网络中的作用关键词关键要点【WebAssembly简介】：

1.WebAssembly是一种二进制指令集格式，用于在网络上安全高效地执行代码。它可以在各种主流浏览器和操作系统中运行，无需安装额外的插件或软件。

2.WebAssembly码的执行速度非常快，甚至可以与本地代码相媲美。这使得它非常适合用于开发高性能的网络应用程序，如游戏、视频播放器和图形编辑器等。

3.WebAssembly是安全的。它的沙箱机制可以防止恶意代码访问用户的计算机或网络。这使得它非常适合用于开发安全可靠的网络应用程序。

【WebAssembly在网络中的作用】：

WebAssembly简介及其在网络中的作用

简介

WebAssembly（简称WASM）是一种二进制指令集和可移植代码格式，专为在Web浏览器中高效且安全地运行程序而设计。它旨在弥补JavaScript性能限制，并提供与平台无关的执行环境。

在网络中的作用

WebAssembly在网络中扮演着关键角色，因为它：

*提高了性能：WASM代码是由高效的字节码编译而成的，在浏览器中执行速度远高于JavaScript。这使得它非常适用于需要高性能计算的应用程序，例如游戏、仿真和数据处理。

*平台无关性：WASM代码可以在所有支持它的现代浏览器上运行，无论操作系统或硬件平台如何。这消除了跨平台移植代码的需要。

*安全性：WASM代码被设计为一个沙盒环境，为应用程序提供隔离层，防止恶意代码访问系统资源或用户数据。

*与JavaScript集成：WASM代码可以与JavaScript互操作，允许开发者在应用程序中结合两种语言的优势。

*模块化：WASM模块可以独立开发和部署，促进代码复用性和可维护性。

*开放标准：WASM是一个开放标准，由W3C维护，确保跨浏览器和平台的一致性。

应用场景

WebAssembly的应用广泛，包括：

*游戏：高性能3D游戏和移动游戏。

*图形和动画：WebGL、WebGPU和其他图形库的加速。

*仿真：物理仿真、人工智能和机器学习模型。

*视频和音频处理：即时视频编辑、音频合成和混音。

*数据处理：大数据分析、图像处理和科学计算。

*加密学：区块链、密码学和安全协议的实现。

性能优势

与JavaScript相比，WebAssembly提供了显着的性能优势：

*执行速度：WASM代码通常比JavaScript代码快10-100倍。

*内存使用：WASM代码具有更小的内存占用，从而提高了应用程序的响应能力和稳定性。

*并行处理：WASM支持多线程和并行处理，允许应用程序充分利用多核处理器。

*代码大小：WASM代码经过高度优化，导致更小的文件大小，缩短了加载时间和带宽使用。

安全性考虑

meskipunWebAssembly具有内置的安全特性，但仍应采取以下措施来确保应用程序的安全性：

*模块验证：在加载和执行WASM模块之前对其进行验证，以确保其来自可信来源且未被篡改。

*沙盒环境：限制WASM代码访问系统资源和用户数据，防止恶意代码造成损害。

*严格的许可策略：控制对敏感数据和功能的访问，防止未经授权的操作。

*定期更新：保持WebAssembly运行时和浏览器最新，以修复已知的安全漏洞。

结论

WebAssembly作为一种强大的技术，为网络应用程序带来了前所未有的性能和功能。通过弥补JavaScript的限制并提供与平台无关的执行环境，它正在推动网络计算的新时代。通过谨慎使用并考虑安全性考虑因素，WebAssembly有望彻底改变各个行业的在线体验和创新。第二部分HTML嵌入WebAssembly模块的方法关键词关键要点主题名称：使用`<script>`标签

1.通过`<script>`标签的`type="module"`属性加载WebAssembly模块。

2.可以使用`awaitWebAssembly.instantiateStreaming(response)`获取实例化的模块。

3.实例化模块后，可以通过访问`instance.exports`属性来调用其导出函数。

主题名称：使用`<object>`标签

HTML嵌入WebAssembly模块的方法

WebAssembly（缩写为WASM）模块可以通过以下两种主要方法嵌入HTML：

1.`<script>`标签

`<script>`标签通常用于加载和执行JavaScript代码。也可以将其用于加载WASM模块，如下所示：

```html

<scripttype="module">

import*aswasmfrom'./wasm_module.wasm';

//使用导入的WASM函数和变量

</script>

```

2.`<object>`标签

`<object>`标签用于嵌入非HTML内容，例如插件或媒体。它也可以用于嵌入WASM模块，如下所示：

```html

<objecttype="application/wasm"data="./wasm_module.wasm">

<!--设置自定义属性或提供候补内容-->

</object>

```

HTML与WASM融合的其他方法

除了上述主要方法之外，还有其他方法可以将HTML与WASM模块融合：

*WebAssemblyDOM绑定（WASM-DOM）：允许WASM模块直接访问和操作HTMLDOM。

*WebAssemblyCanvasAPI：允许WASM模块在`<canvas>`元素上渲染2D图形。

*WebAssemblyFetchAPI：允许WASM模块使用FetchAPI进行网络请求。

*WebAssemblyWebSocketsAPI：允许WASM模块使用WebSocketsAPI建立实时双向通信通道。

*WebAssemblyWebGPUAPI：允许WASM模块访问GPU功能，以实现高性能图形和计算。

使用WebAssembly的方法比较

以下是使用不同方法嵌入WASM模块的比较：

|方法|优势|劣势|

||||

|`<script>`标签|简单易用|依赖JavaScript模块加载|

|`<object>`标签|跨浏览器兼容性|可能需要自定义属性|

|WASM-DOM|直接DOM访问|复杂性更高|

|CanvasAPI|2D图形渲染|仅限2D|

|FetchAPI|网络请求|依赖浏览器支持|

|WebSocketsAPI|双向通信|依赖浏览器支持|

|WebGPUAPI|GPU访问|仅限现代浏览器|

最终，选择哪种方法取决于应用程序的特定需求和限制。第三部分WebAssembly与DOM的交互方式关键词关键要点WebAssembly与DOM的事件处理

1.事件侦听器：

-WebAssembly模块可以通过事件侦听器来响应DOM事件。

-事件侦听器可以附加到DOM元素，以便在发生特定事件时调用WebAssembly函数。

-事件侦听器可以使用标准的JavaScriptAPI注册。

2.事件分发：

-当DOM元素触发事件时，事件将被分发给相应的事件侦听器。

-事件侦听器可以通过调用WebAssembly函数来处理事件。

-WebAssembly函数可以访问事件对象，以便获取事件的详细信息。

3.跨线程事件处理：

-WebAssembly代码可以在单独的线程中执行，这意味着它可以与JavaScript代码并行运行。

-这使得WebAssembly能够处理事件，而不会阻塞JavaScript主线程。

-跨线程事件处理可以提高Web应用程序的性能和响应能力。

WebAssembly与DOM的内存访问

1.线性内存：

-WebAssembly模块具有线性内存，它可以存储数据和代码。

-线性内存的大小可以动态增长或缩小。

-线性内存可以通过JavaScriptAPI访问。

2.内存映射：

-WebAssembly模块可以通过内存映射来访问DOM元素的内存。

-内存映射允许WebAssembly代码直接操作DOM元素的数据。

-内存映射可以提高WebAssembly代码的性能。

3.原子操作：

-WebAssembly提供了原子操作指令，可以用于安全地访问共享内存。

-原子操作指令可以确保多个线程同时访问共享内存时不会发生数据竞争。

-原子操作指令可以提高WebAssembly代码的并发性和安全性。WebAssembly与DOM的交互方式

WebAssembly(Wasm)是一种低级、高效的二进制格式，旨在在Web上运行，提供与原生代码相媲美的性能。它与HTML的结合扩展了Web开发人员的能力，为构建交互性和高性能的Web应用程序提供了新的可能性。

DOM（DocumentObjectModel）是一个映射HTML和XML文档结构的接口，提供了对文档内容和结构的访问和操作。通过DOM，JavaScript脚本可以动态地修改文档内容，添加、删除或更新元素，并且可以与用户交互。

Wasm与DOM交互的方式是通过JavaScript的InteropAPI，该API提供了一组函数，允许Wasm模块与JavaScript环境通信。这些函数包括：

*导入函数（

ImportFunctions）：允许Wasm模块访问JavaScript全局函数和对象。

*导出函数（

ExportFunctions）：允许JavaScript代码调用Wasm模块中定义的函数。

*内存管理函数（

MemoryManagementFunctions）：允许Wasm模块管理内存缓冲区，与JavaScript交换数据。

以下是一些常用的交互方式：

处理DOM事件：Wasm模块可以使用ImportFunctions导入JavaScript事件处理程序，从而响应键盘输入、鼠标点击和DOM事件。

修改DOM结构：Wasm模块可以使用JavaScript的DOMAPI函数（通过ImportFunctions导入）来创建、删除或修改DOM元素，从而动态地更新页面的内容和结构。

数据交换：Wasm模块和JavaScript可以通过共享内存缓冲区来交换数据，使用MemoryManagementFunctions分配和管理这些缓冲区。这允许高效的数据共享和处理。

异步调用：Wasm模块可以通过ImportFunctions导入JavaScriptPromise对象，从而执行异步操作。这使得Wasm模块可以轻松集成到JavaScript事件循环中。

性能优化：Wasm模块可以用来处理JavaScript无法高效执行的计算密集型任务，例如图像处理、数字信号处理或科学计算。这可以大大提高Web应用程序的性能。

安全性考虑：Wasm模块在沙箱环境中运行，与宿主Web应用程序隔离。这有助于提高安全性，防止恶意Wasm模块访问敏感数据或执行未经授权的操作。

示例：

以下是一个简单的示例，说明了如何使用Wasm和DOM进行交互：

JavaScript代码：

```javascript

//ImporttheWasmmodule

//CreateaDOMelement

constelement=document.createElement("div");

element.textContent="HellofromWebAssembly!";

//CallaWasmfunctiontoupdatetheDOMelement

wasmModule.incrementCounter();

//AppendtheelementtotheDOM

document.body.appendChild(element);

});

```

Wasm模块：

```wasm

(module

(func$incrementCounter(import"env""incrementCounter")(resulti32))

(func(export"updateDOM")

i32.const1

i32.add

call$incrementCounter

)

)

```

在这个示例中，JavaScript代码导入Wasm模块并创建了一个DOM元素。然后它调用Wasm函数`incrementCounter`来动态更新DOM元素的内容。

结论：

WebAssembly与DOM的交互方式通过InteropAPI实现，允许Wasm模块与JavaScript环境通信。这使Web开发人员能够利用Wasm的高性能优势，同时与DOM交互，从而为用户创建交互性和高性能的Web应用程序。第四部分WebAssembly增强HTML图形和动画能力关键词关键要点WebAssembly渲染HTML图形

1.WebAssembly可以与HTMLCanvasElement配合使用，实现对Canvas元素的高性能渲染，从而创建动画、游戏等视觉效果丰富的Web应用。

2.WebAssembly可以利用底层硬件的图形处理单元(GPU)，以更快的速度处理图形数据，从而实现更流畅、更逼真的图形效果。

3.WebAssembly可以与现有的WebGLAPI配合使用，实现更复杂的3D图形渲染，从而为用户提供更沉浸式的视觉体验。

WebAssembly操作HTMLDOM

1.WebAssembly可以与HTMLDOM(DocumentObjectModel)配合使用，实现对DOM元素的高性能操作，从而实现更快速、更流畅的用户界面。

2.WebAssembly可以利用底层硬件的中央处理单元(CPU)，以更快的速度处理DOM操作，从而实现更低的延迟和更快的响应速度。

3.WebAssembly可以与现有的JavaScriptAPI配合使用，实现更复杂的DOM操作，从而为用户提供更丰富的交互体验。WebAssembly增强HTML图形和动画能力

WebAssembly（Wasm）是一种紧凑、高效的可移植二进制格式，旨在增强Web应用程序和交互体验。它与HTML的融合为图形和动画应用带来了显著优势。

加速图形渲染

Wasm模块可以通过浏览器中的WebGPUAPI访问GPU，从而直接执行复杂的图形计算。这种低级别的访问权限使开发者能够实现高性能的2D和3D图形渲染，而无需依赖外部插件或复杂的JavaScript代码。

提升动画流畅度

Wasm模块可以提供更平滑、更响应的动画，即使在复杂的场景中也是如此。通过优化计算密集型的动画任务，Wasm减少了对CPU的占用，从而释放更多资源用于用户界面交互和响应性。

扩展WebGL功能

WebGL（WebGraphicsLibrary）是基于OpenGLES的Web标准，用于在浏览器中渲染3D图形。Wasm模块可以扩展WebGL的功能，通过提供对更多图形API和着色器语言的支持。这使开发者能够创建更逼真、更复杂的3D体验。

WebGL2.0和ES3.1支持

Wasm模块提供了对WebGL2.0和ES3.1的支持，这些API引入了更高级的功能，例如多渲染目标、纹理数组和几何着色器。这些增强功能使开发者能够创建具有更高视觉保真度和效率的图形。

跨平台兼容性

WebAssembly是一个开放标准，在大多数现代Web浏览器中得到广泛支持。这确保了跨平台兼容性，使开发者能够在各种设备和操作系统上部署基于Wasm的图形和动画应用程序。

性能基准

多个基准测试表明，基于Wasm的图形和动画应用程序在性能方面显着优于纯JavaScript解决方案。例如，Mozilla的Emscripten项目报告称，使用Wasm可以将WebGL的性能提高2-10倍。

用例

以下是利用WebAssembly增强HTML图形和动画能力的几个常见用例：

*交互式3D可视化

*沉浸式游戏

*实时模拟

*可视化数据分析

*增强现实(AR)和虚拟现实(VR)体验

结论

WebAssembly与HTML的融合通过提供对低级图形API、加速的图形渲染、增强的动画流畅度和跨平台兼容性的访问，显著增强了图形和动画在Web上的应用能力。它使开发者能够创建更逼真、更交互式和更具响应性的Web应用程序和体验，同时保持跨平台兼容性和性能效率。第五部分WebAssembly提高HTML计算性能关键词关键要点并行计算加速

-WebAssembly支持多线程并行计算，可显著提高HTML中CPU密集型任务的性能。

-通过利用多核处理器，WebAssembly可以将计算任务分配给多个线程，实现高效的并行处理。

-此功能对于需要快速处理大量数据的应用程序至关重要，例如视频编码、图像处理和数据分析。

内存优化

-WebAssembly具有高效的内存管理机制，可最小化内存使用并提高性能。

-由于WebAssembly是一种栈式虚拟机，因此它无需像JavaScript那样进行垃圾回收，从而减少了内存开销和性能瓶颈。

-此功能对于资源受限的嵌入式系统和移动设备上的HTML应用程序尤为重要。

代码可移植性

-WebAssembly代码可以跨平台编译和运行，无需修改原代码。

-这使得HTML应用程序能够轻松地在台式机、移动设备和嵌入式设备上部署，而无需考虑底层平台差异。

-这种可移植性对于需要广泛分发的跨平台应用程序至关重要。

安全增强

-WebAssembly的沙盒和安全特性提高了HTML应用程序的安全性。

-WebAssembly模块在隔离的环境中运行，无法直接访问浏览器DOM或主机操作系统，从而降低了安全风险。

-此功能对于处理敏感数据或执行特权任务的HTML应用程序至关重要。

【趋势和前沿探索：

随着WebAssembly的持续发展，其在HTML中的应用正在不断拓展。一些令人兴奋的趋势和前沿探索包括：

-将WebAssembly集成到新的Web框架和工具中，以简化其开发和部署。

-探索WebAssembly与其他技术（例如Rust、WebGPU）的集成，以进一步提高性能和安全性。WebAssembly提升HTML计算性能

简介

WebAssembly(Wasm)是一种可移植、低级、与平台无关的二进制指令集，旨在增强Web性能。其关键优势之一是提升HTML计算性能，允许在浏览器中执行需要高计算能力的任务。

高性能数值计算

Wasm提供了高性能数值计算功能，非常适合图像处理、机器学习和模拟等密集型计算任务。它支持浮点运算、向量化指令和SIMD（单指令多数据）操作，从而实现比JavaScript快几个数量级的性能。

示例：图像滤镜

通过Wasm，可以实现复杂的图像滤镜，如高斯模糊和边缘检测。这些滤镜通常需要大量的浮点运算，而Wasm的高性能计算能力可显著减少处理时间。

加速科学计算

Wasm可用于加速科学计算，如物理仿真、分子动力学和有限元分析。其低级指令集和高性能特性使其能够处理大型数据集和复杂算法，从而获得更快的计算速度。

示例：气候建模

气候模型需要进行大量的数值计算来模拟地球系统。Wasm的使用可以加快这些计算，从而提高模型的预测精度和分辨率。

多线程并发

Wasm支持多线程并发，允许在浏览器中利用多核处理器。这对于需要同时执行多个任务的应用程序非常有用，例如视频编码、音频处理和游戏引擎。

示例：视频转码

视频转码需要大量的计算来压缩和转换视频文件。通过Wasm，可以同时使用多个线程进行转码，从而缩短处理时间。

减少内存消耗

Wasm模块以二进制格式存储，其内存消耗明显低于JavaScript代码。这对于需要处理大量数据的应用程序非常重要，因为它可以减少浏览器内存使用量并提高整体性能。

示例：Web地图

Web地图应用程序需要加载和处理大量地理空间数据。Wasm的低内存消耗特性有助于优化应用程序性能，确保流畅的用户体验。

安全性和沙箱

Wasm模块在安全的沙箱环境中执行，这有助于防止恶意代码攻击浏览器。这种隔离机制确保了对基于Web的应用程序的安全性，同时允许Wasm模块与宿主HTML环境进行安全交互。

其他性能优势

除了上述优势外，Wasm还提供了以下性能优势：

*快速启动时间：Wasm模块可以预编译并缓存，从而在需要时快速启动。

*代码大小优化：Wasm模块经过高度压缩，以减小文件大小并加快加载时间。

*更好的跨平台支持：Wasm是与平台无关的，这意味着它可以在任何支持WebAssembly的浏览器中执行。

结论

WebAssembly提供了显著的计算性能提升，从而扩展了HTML的能力。其高性能数值计算、多线程并发、低内存消耗和安全性功能使其成为需要高计算能力的Web应用程序的理想选择。通过利用Wasm，开发人员可以创建更加强大、响应迅速且高效的Web体验。第六部分WebAssembly在HTML游戏中的应用关键词关键要点【WebAssembly在HTML游戏中的应用】：

1.WebAssembly(Wasm)是一种高效、紧凑的二进制格式，可以编译为可在Web浏览器中执行的低级代码。它使HTML游戏开发人员能够创建具有高性能和复杂性的交互式体验。

2.Wasm模块可以通过HTML的`<script>`标签集成到Web页面中，从而允许在浏览器中加载和执行Wasm代码。这消除了对插件或特定平台依赖项的需要，使Web游戏更加便携和可访问。

3.Wasm提供了低级内存管理机制，使游戏开发人员可以更有效地控制内存分配和资源使用。这对于创建图形密集型或具有复杂物理模拟的Web游戏至关重要。

【Wasm与HTML游戏的可移植性】：

WebAssembly在HTML游戏中的应用

WebAssembly（Wasm）是一种二进制指令格式，可为Web应用程序带来近乎本机性能。它与HTML的融合为游戏开发人员提供了在浏览器中创建沉浸式且高效的游戏体验的机会。

性能提升

Wasm可将复杂的计算卸载到CPU，绕过JavaScript解释器的速度限制。这显著提高了图形渲染、物理模拟和人工智能（AI）算法的性能。例如，EpicGames通过在UnrealEngine中使用Wasm，将《堡垒之夜》网站版本的加载时间缩短了30%。

跨平台兼容性

Wasm是一种跨平台的格式，可原生运行在浏览器中，无需编译或转换。这使得开发者能够为各种设备和操作系统创建一次游戏，并确保一致的游戏体验。通过使用Wasm，游戏可以轻松移植到台式机、移动设备和游戏机上。

模块化和重用性

Wasm模块可以封装特定功能，例如渲染引擎、物理库或网络代码。这些模块可以导入和重用，简化了游戏的开发和维护过程。通过模块化，开发者可以创建模块化且可扩展的游戏架构，促进代码共享和协作。

安全性

Wasm的沙箱环境确保了游戏的安全性。代码在受限制的环境中运行，防止恶意代码对宿主系统造成损害。这增强了玩家的安全性和隐私，使他们可以放心享受游戏体验。

具体示例

以下是一些利用Wasm在HTML游戏中取得成功的实际示例：

*GodotEngine：一个开源游戏引擎，利用Wasm为HTML5游戏提供高性能。

*Phaser：一个流行的HTML5游戏框架，支持Wasm模块以提高性能和扩展性。

*Babylon.js：一个3D游戏引擎，使用Wasm进行图形渲染和物理模拟。

*PlayCanvas：一个基于Wasm的3D游戏引擎，提供跨平台兼容性和令人印象深刻的图形保真度。

*Construct3：一个拖放式游戏开发工具，使用Wasm提升了复杂游戏的性能。

优势总结

通过在HTML游戏中集成WebAssembly，开发者可以：

*显著提高游戏性能。

*跨多种平台和设备无缝部署。

*利用模块化和重用性简化开发。

*增强玩家安全性和隐私。

随着Wasm技术的发展，预计它将在HTML游戏开发中发挥越来越重要的作用，为玩家带来更沉浸、更流畅的游戏体验。第七部分WebAssembly与HTML跨平台兼容性关键词关键要点【跨平台兼容性】

1.WebAssembly是一个二进制指令集，可在各种操作系统和设备上运行，包括台式机、移动设备和物联网设备。

2.WebAssembly使用沙箱机制，允许它与HTML代码安全地交互，同时防止恶意代码执行。

3.由于其跨平台兼容性，WebAssembly可以轻松地将计算密集型应用程序部署到不同的平台，从而为用户提供一致的体验。

【WebAssembly与HTML的互操作性】

WebAssembly与HTML跨平台兼容性

WebAssembly（以下简称WASM）是一种二进制格式，用于在Web上运行代码。它旨在提供与本机代码同等水平的性能，同时保持跨平台兼容性。

HTML是一种标记语言，用于在Web上创建和显示内容。它是一种声明性的语言，这意味着它描述了内容的结构和外观，而不是如何呈现内容。

WASM和HTML可以一起使用，在Web上创建交互式和高性能的应用程序。WASM可以用于实现需要高性能的代码，例如游戏、3D图形和视频编辑。HTML可以用于创建应用程序的用户界面和布局。

WASM与HTML的跨平台兼容性是通过虚拟机（VM）实现的。VM是一种软件，它可以在不同的操作系统上运行。当WASM代码在Web浏览器中运行时，它会被编译成VM可以理解的字节码。VM然后执行字节码，从而在Web浏览器中运行WASM代码。

WASM与HTML的跨平台兼容性使其成为Web开发人员非常有吸引力的选择。Web开发人员可以使用WASM来创建可以在任何操作系统上运行的应用程序，而无需为每个操作系统单独编写代码。

#WASM与HTML跨平台兼容性的优点

WASM与HTML跨平台兼容性具有以下优点：

*跨平台：WASM代码可以在任何操作系统上运行，而无需为每个操作系统单独编写代码。

*性能：WASM代码可以提供与本机代码同等水平的性能。

*安全性：WASM代码是沙盒化的，这意味着它不能访问宿主操作系统的文件系统或其他资源。

*便携性：WASM代码可以轻松地打包成一个文件，并且可以很容易地分发和部署。

*开源：WASM是开源的，这意味着任何人都可以查看和修改其源代码。

#WASM与HTML跨平台兼容性的挑战

WASM与HTML跨平台兼容性也面临着一些挑战，包括：

*浏览器支持：并非所有浏览器都支持WASM。

*开发工具：目前还没有成熟的WASM开发工具。

*生态系统：WASM的生态系统还比较薄弱，这意味着开发人员可能难以找到他们需要的工具和库。

#WASM与HTML跨平台兼容性的未来

WASM与HTML跨平台兼容性是一种很有前途的技术，它有潜力彻底改变Web开发的方式。随着浏览器支持的不断提高、开发工具和生态系统的不断完善，WASM将成为Web开发人员越来越重要的工具。第八部分WebAssembly对HTML未来发展的意义关键词关键要点【WebAssembly提升HTML应用程序性能】

1.WebAs