📝 WebAssembly教程

25篇技术文档
  WebAssembly教程

📅  最后修改于: 2020-11-02 05:08:06        🧑  作者: Mango

WebAssembly是一种新的Web编程语言。 WebAssembly代码是低级二进制格式,与Web兼容并且可以轻松地在现代Web浏览器中运行。生成的文件很小,并且加载和执行速度更快。您现在可以将C,C++,Rust等语言编译为二进制格式,并且可以像javascript一样在网络上运行。本教程是为希望以简单易学的方式学习WebAssembly基础及其编程概念的软件程序员而设计的。通过适当的示例,...

  WebAssembly-概述

📅  最后修改于: 2020-11-02 05:08:28        🧑  作者: Mango

WebAssembly是一种新的Web计算机编程语言。 WebAssembly代码是一种低级二进制格式,与Web兼容并且可以轻松地在现代Web浏览器中运行。生成的文件很小,并且加载和执行速度更快。您现在可以将C,C++,Rust等语言编译为二进制格式,并且可以像javascript一样在网络上运行。WebAssembly的定义根据WebAssembly的官方网站(可从https://webasse...

  WebAssembly-简介

📅  最后修改于: 2020-11-02 05:08:49        🧑  作者: Mango

WebAssembly也称为WASM,于2017年首次推出。WebAssembly背后的主要技术公司是Google,Apple,Microsoft,Mozilla和W3C。嗡嗡声是WebAssembly由于执行速度更快而将替换Javascript,但事实并非如此。 WebAssembly和Javascript旨在共同解决复杂问题。需要WebAssembly到目前为止,我们只有能够在浏览器中成功运行...

  WebAssembly-WASM

📅  最后修改于: 2020-11-02 05:09:10        🧑  作者: Mango

WebAssembly也称为wasm,它是Javascript的改进。它旨在像JavaScript一样在浏览器中运行,也可以与nodejs一起运行。当编译任何高级语言(如C,C++,Rust)时,您都会得到wasm输出。考虑以下C程序-利用WasmExplorer(可从https://mbebenita.github.io/WasmExplorer/获得)获取编译后的代码,如下所示-析因程序的We...

  WebAssembly-安装

📅  最后修改于: 2020-11-02 05:09:30        🧑  作者: Mango

在本章中,将学习如何安装Emscripten SDK来编译C / C++。 Emscripten是一个低级虚拟机(LLVM),它使用从C / C++生成的字节码并将其编译为可以在浏览器中轻松执行的JavaScript。要将C / C++编译为WebAssembly,我们需要首先安装Emscripten sdk。安装Emscripten sdk安装Emscripten sdk的步骤如下-步骤1-克隆...

  WebAssembly-编译为WASM的工具

📅  最后修改于: 2020-11-02 05:09:53        🧑  作者: Mango

本章将讨论一些易于使用的工具,这些工具在使用WebAssembly时非常有用。让我们开始学习WebAssembly.studio工具。WebAssembly.studio该工具允许您编译C,Rust,Wat到Wasm等。首先,您可以单击Empty C Project,Empty Rust Project,Empty Wat Project将C和Rust编译为WASM。 5,它具有Build,Run...

  WebAssembly-程序结构

📅  最后修改于: 2020-11-02 05:10:19        🧑  作者: Mango

WebAssembly,也称为WASM,是二进制格式的低级代码,旨在以最有效的方式在浏览器中执行。 WebAssembly代码由以下概念构成-价值观种类使用说明现在让我们详细学习它们。价值观WebAssembly中的值用于存储复杂的数据,例如文本,字符串和向量。 WebAssembly支持以下内容-字节数整数浮点名字字节数字节是WebAssembly支持的最简单的值形式。十六进制格式。例如表示为b...

  WebAssembly-JavaScript

📅  最后修改于: 2020-11-02 05:10:39        🧑  作者: Mango

本章将列出WebAssembly和Javascript之间的比较。Javascript是一种语言,我们已经在浏览器中使用了很多语言。现在,在WebAssembly发行版中,我们还可以在浏览器中使用WebAssembly。WebAssembly出现的原因不是要替换javascript,而是要照顾某些难以用javascript处理的事情。例如使用JavaScript很难完成诸如图像识别,CAD应用程序...

  WebAssembly-JavaScript API

📅  最后修改于: 2020-11-02 05:11:12        🧑  作者: Mango

在本章中,我们将了解如何使用javascript webassembly API来加载wasm代码并在浏览器中执行它们。这是一些重要的API,我们将在整个教程中使用它们来执行wasm代码。fetch()浏览器APIWebAssembly.compileWebAssembly.instanceWebAssembly.instantiateWebAssembly.instantiateStreamin...

  WebAssembly-在Firefox中调试WASM

📅  最后修改于: 2020-11-02 05:11:30        🧑  作者: Mango

WebAssembly支持已添加到今天随您提供的所有最新浏览器中,例如Chrome,Firefox。 Firefox 54+及更高版本为您提供了一项特殊功能,用于调试wasm代码。为此,请在名为wasm的Firefox浏览器中执行代码。例如,考虑使用下面的C代码查找数字的平方。C程序的示例如下-我们将使用WASM Explorer来获取wasm代码-下载WASM代码,并使用它在浏览器中查看输出。加...

  WebAssembly-“ Hello World”

📅  最后修改于: 2020-11-02 05:12:01        🧑  作者: Mango

在本章中,我们将使用C语言编写一个简单程序,并将其转换为.wasm,然后在浏览器中执行该程序,以获取文本“ Hello World”。将使用wasm Explorer工具,该工具将C程序转换为.wasm,并将利用.html文件中的.wasm。可在https://mbebenita.github.io/WasmExplorer/获得的Wasm资源管理器工具如下所示-我们将使用的C代码如下-如下所示,...

  WebAssembly-模块

📅  最后修改于: 2020-11-02 05:12:26        🧑  作者: Mango

我们已经看到了如何从c / C++代码获取.wasm文件。在本章中,我们将wasm转换为WebAssembly模块,并在浏览器中执行该模块。让我们使用如下所示的C++阶乘代码-打开Wasm Explorer,可从https://mbebenita.github.io/WasmExplorer/获得,如下所示-第一列具有C++阶乘函数,第二列具有WebAssembly文本格式,最后一列具有x86汇编...

  WebAssembly-验证

📅  最后修改于: 2020-11-02 05:12:44        🧑  作者: Mango

在本章中,我们将讨论将验证.wasm输出的webassembly.validate()函数。当我们编译C,C++或rust代码时,.wasm可用。您可以使用以下工具来获取wasm代码。Wasm Fiddler,网址为https://wasdk.github.io/WasmFiddle/WebAssembly Explorer,可从https://mbebenita.github.io/WasmEx...

  WebAssembly-文本格式

📅  最后修改于: 2020-11-02 05:13:13        🧑  作者: Mango

WebAssembly的代码为二进制格式,称为WASM。您还可以在WebAssembly中获取文本格式,该格式称为WAT(WebAssembly文本格式)。作为开发人员,您不应该在WebAssembly中编写代码,相反,您必须将C,C++和Rust等高级语言编译为WebAssembly。WAT代码让我们逐步编写WAT代码。步骤1-WAT的起点是声明模块。步骤2-现在让我们以function的形式向...

  WebAssembly-将WAT转换为WASM

📅  最后修改于: 2020-11-02 05:13:33        🧑  作者: Mango

在上一章中,我们已经看到了如何以.wat编写代码,即WebAssembly文本格式。 WebAssembly文本格式不能直接在浏览器内部工作,您需要将其转换为二进制格式,即WASM才能在浏览器内部工作。WAT转换为WASM让我们将.WAT转换为.WASM。我们将使用的代码如下-现在,转到WebAssembly Studio,网址为https://webassembly.studio/。当您点击链接...