什么是WebAssembly?怎么使用?

news/2024/12/30 13:11:06/
htmledit_views">

一、简述

        WebAssembly,也称为Wasm,是基于堆栈的虚拟机的二进制指令格式。它被设计为一个可移植的目标,用于编译C、C++和Rust等高级编程语言,允许代码以接近本机速度在html" title=web>web浏览器中运行。WebAssembly于2015年由包括谷歌、微软、Mozilla和苹果在内的所有主要浏览器供应商首次宣布,作为html" title=web>web开发的新标准。

        对WebAssembly的需求源于JavaScript的局限性,JavaScript是用于html" title=web>web开发的传统语言。JavaScript最初是为表单验证和动画等简单任务而设计的,但随着html" title=web>web应用程序变得更加复杂,JavaScript的性能成为了一个瓶颈。很明显,需要一种更有效的解决方案来在浏览器中运行计算密集型应用程序。

        WebAssembly的创建是为了解决这个问题,它提供了一种在浏览器中运行用C、C++和Rust等语言编写的代码的方法。这些语言以其性能和低级控制而闻名,使其成为游戏、视频编辑和科学模拟等任务的理想选择。通过将这些语言编译为WebAssembly,开发人员可以在浏览器中运行代码的同时利用其性能优势。

二、主要用途

WebAssembly是一种低级编程语言,可以在现代 Web 浏览器中运行,并且可以与 JavaScript 一起使用。它的主要用途包括:

  1. 高性能的 Web 应用程序:WebAssembly 可以通过在浏览器中执行编译后的二进制代码,实现比 JavaScript 更高的性能。这使得开发者能够在 Web 上构建更加复杂和性能要求较高的应用程序,比如游戏、计算密集型应用程序等。

  2. 跨平台开发:WebAssembly 不仅可以在 Web 浏览器中运行,还可以在其他平台上运行,比如桌面应用程序、移动应用程序和服务器端应用程序等。这意味着开发者可以使用相同的代码库来构建跨平台的应用程序。

  3. 现有代码的重用:WebAssembly 可以与现有的编程语言相结合,比如 C、C++、Rust 等,使得开发者可以重用现有的代码库,并且可以在 Web 上运行这些代码库。

  4. 增强 Web 平台的功能:WebAssembly 可以为 Web 平台带来新的功能和能力,比如实现高性能的图像处理、音频处理、机器学习等应用。

WebAssembly代码可以从各种源语言生成,包括C、C++、Rust,甚至JavaScript。代码通常会提前编译为.html" title=wasm>wasm文件,然后可以在浏览器中加载和执行。WebAssembly模块也可以在运行时动态加载,从而在将代码交付给浏览器的方式上具有更大的灵活性。

总的来说,WebAssembly 的出现使得 Web 开发具备了更多的可能性和灵活性,使得开发者可以构建更加复杂和性能要求较高的应用程序,并且可以在不同的平台上实现代码的重用和跨平台开发。

三、编写hello world程序

首先,让我们获取emsdk,这是Emscripten的工具,用于获取编译器以及您需要的所有工具和东西。要做到这一点,很容易使用git从github获取:

js">git clone https://github.com/emscripten-core/emsdk.git
cd emsdk

接下来,我们可以使用emsdk来获取Emscripten的最新稳定版本:
 

js">./emsdk install latest
./emsdk activate latest
source ./emsdk_env.sh

打开一个文本编辑器,将hello world程序另存为hello.c:

js">// hello.c
#include <stdio.h>int main() {printf("hello, world!\n");return 0;
}

然后编译它

js">emcc hello.c -o hello.js

这会生成hello.js和hello.asm。html" title=wasm>wasm文件包含编译后的代码,而JS是加载和运行它的代码。默认情况下,Emscripten输出支持在Web和Node.JS上运行:

js">node hello.js

这将打印hello world。

我们还可以告诉emcc优化代码(这对代码大小非常重要),并生成HTML,例如:

js">emcc hello.c -O3 -o hello.html

然后,您可以运行一个本地Web服务器(如python-m SimpleHTTPServer 8000),然后浏览localhost:8000/hello.html,我们可以看到输出hello world。


http://www.ppmy.cn/news/1559060.html

相关文章

Python 自动化 打开网站 填表登陆 例子

图样 简价&#xff1a; 简要说明这个程序的功能&#xff1a; 1. **基本功能**&#xff1a; - 自动打开网站 - 自动填写登录信息&#xff08;号、公司名称、密码&#xff09; - 显示半透明状态窗口实时提示操作进度 2. **操作流程**&#xff1a; - 打开网站后自动…

AT24C02学习笔记

看手册&#xff1a; AT24Cxx xx代表能写入xxK bit(xx K)/8 byte 内部写周期很关键&#xff0c;代表每一次页写或字节写结束后时间要大于5ms&#xff08;延时5ms确保完成写周期&#xff09;&#xff0c;否则时序会出错。 页写&#xff1a;型不同号每一页可能写入不同大小的…

4.银河麒麟V10(ARM) 离线安装 MySQL

1. 系统版本 [rootga-sit-cssjgj-db-01u ~]# nkvers ############## Kylin Linux Version ################# Release: Kylin Linux Advanced Server release V10 (Lance)Kernel: 4.19.90-52.39.v2207.ky10.aarch64Build: Kylin Linux Advanced Server release V10 (SP3) /(La…

地理数据库Telepg面试内容整理-如何在数据库中优化大规模空间数据的查询性能

优化大规模空间数据查询的性能是一个复杂但关键的任务,特别是在需要处理海量的地理信息时。空间数据通常涉及复杂的几何对象、空间关系和大范围的查询操作,因此,优化空间数据的查询性能通常需要综合考虑存储、索引、查询方法等多个方面。以下是一些优化大规模空间数据查询性…

Java并发编程框架之综合案例—— 分布式日志分析系统(七)

个人奋斗&#xff1a; "每一次努力都是成功的积累&#xff0c;每一步前进都值得骄傲&#xff01;""挑战自我&#xff0c;超越极限&#xff0c;成就非凡人生&#xff01;" 面对困难&#xff1a; "逆风的方向&#xff0c;更适合飞翔&#xff0c;勇敢面对…

Spring创建异步线程池方式

在Java 11中&#xff0c;可以通过多种方式创建异步线程池&#xff0c;包括使用原生的ExecutorService和Spring的异步支持&#xff08;如Async注解结合线程池&#xff09;。以下是具体实现方式。 方式 1&#xff1a;使用原生ExecutorService Java 11 的ExecutorService提供灵活…

【Java数据结构】栈和队列

栈&#xff08;Stack&#xff09; 栈的概念 栈是一种特殊的线性表&#xff0c;只允许在一端进行插入和删除。栈遵循后进先出&#xff0c;分别在栈顶删除、栈底插入。 栈的常用方法 栈的一些方法&#xff0c;例如&#xff1a;出栈、入栈、取栈顶元素、是否为空、栈中元素个数等…

分類タスクの評価指標をわかりやすく解説!

分類タスクの評価指標をわかりやすく解説&#xff01; 1. 正解率&#xff08;Accuracy&#xff09;2. 適合率&#xff08;Precision&#xff09;3. 再現率&#xff08;Recall&#xff09;4. F1スコア&#xff08;F1 Score&#xff09;まとめ こんにちは&#xff01;今日は、機械…