[WebAssembly入门]一,概念与环境搭建

2024-02-21 15:18

本文主要是介绍[WebAssembly入门]一,概念与环境搭建,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

在Web大行其道的今天,我们是否还需要更进一步?答案是肯定的。

现有的技术使得我们让在线互动变得可能,我们可以在浏览器中玩游戏、看电影、听音乐、与好友在线聊天等等。

看起来好像什么都能做,但是深入来讲,好像又什么都做不了。

我们举几个例子:

1、玩游戏,2D尚可,3D不佳。(JavaScript性能受限、安全问题也阻止直接调用原生接口、GPU传输层级过多内耗)

2、看电影(4K影片观看尚可,但无法做到实时降噪、锐化、对比度等调整)

3、听音乐(无法做到动态均衡器、无损音乐格式解码)

。。。。。。。。等等等等~~~~


我们已经提出了现状,那么我们要如何改变现状?


从上述例子中我们得出,大部分内容是因为 JavaScript 性能首先无法达到实时性所导致的。

这个时候,聪明的“Mircosoft”、“Apple”、“Google”、"Mozilla"、"Opera"、"Intel"等公司合力加入了 W3C Web - Assembly 社区组制定一个以字节码为目标语言的标准。

嗯,怎么看都有浓浓的阴毛味道在里面闭嘴

不过,完全不要紧,世界五大浏览器厂商都已经加入战局,对我等屁民而言那真是极好的。


这个时候可能会有人会问,为什么我们不用"Flash"、"Silverlight"等技术,非要重新制定一套标准呢?

因为:依赖于一家私有公司的产品必将导致被这家公司牵着鼻子走,一家独大的场面是所有人都不愿意看到的。


OK,前戏就讲到这里,更多内容跟着我往下走,正文开始咯!~


概念

WebAssembly 是什么?

它是一个中间语言,可以由 C、C++、C#、Java 等等一系列高级语言编译而成。


WebAssembly 可以取代 JavaScript 吗?

不可以,它和 JavaScript 是相辅相成的状态,它们有自己擅长的领域与应用。(但不保证它们今后没有交叉)


既然 WebAssembly 可以由高级语言编译而来,我是不是可以调用系统底层了?

不可以,虽然它是由其他语言编译而来,但浏览器执行时依旧对其有安全限制。


为什么放着 JavaScript 不用非要整这么个幺蛾子?

你为什么有桨不用非要靠浪?因为爽啊!JavaScript 的性能已经提升到极限了,不得不做出改变。


我还是不明白它的作用,可以给我一个演示地址吗?

of course! http://webassembly.org/demo/


环境搭建

我们使用 Emscripten 来完成 C/C++ to WASM 的转换,所以我们需要以下几个东西。

请顺序安装。

一、安装 Git,Windows 点击这里。

二、安装 emsdk。

三、编辑器及 IDE,GCC、Xcode、Visual Studio 2015 Update3或更高。


全部安装好后,请打开 控制台/终端,按顺序输入以下命令(下载速度过慢或报错系国内外网络问题,你懂的):

emsdk update
emsdk install latest
emsdk activate latest
emsdk_env

最后,请将相关路径添加到 系统环境变量,例如我的就是:

D:\Program Files\emsdk-portable-64bit\emscripten\1.37.26


以上过程全部完成后,我们在 控制台/终端 中输入以下命令并查看结果,所有版本一致则为成功。

例如我的就是:




OK,以上就是搭建环境的全部过程。

如有其他意外情况可进入 Emscripten官网 进行查询。


下一章我们将来编译第一个 WASM 并在浏览器中运行。

这篇关于[WebAssembly入门]一,概念与环境搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/732220

相关文章

本地搭建DeepSeek-R1、WebUI的完整过程及访问

《本地搭建DeepSeek-R1、WebUI的完整过程及访问》:本文主要介绍本地搭建DeepSeek-R1、WebUI的完整过程及访问的相关资料,DeepSeek-R1是一个开源的人工智能平台,主... 目录背景       搭建准备基础概念搭建过程访问对话测试总结背景       最近几年,人工智能技术

在Mysql环境下对数据进行增删改查的操作方法

《在Mysql环境下对数据进行增删改查的操作方法》本文介绍了在MySQL环境下对数据进行增删改查的基本操作,包括插入数据、修改数据、删除数据、数据查询(基本查询、连接查询、聚合函数查询、子查询)等,并... 目录一、插入数据:二、修改数据:三、删除数据:1、delete from 表名;2、truncate

5分钟获取deepseek api并搭建简易问答应用

《5分钟获取deepseekapi并搭建简易问答应用》本文主要介绍了5分钟获取deepseekapi并搭建简易问答应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需... 目录1、获取api2、获取base_url和chat_model3、配置模型参数方法一:终端中临时将加

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

mysql-8.0.30压缩包版安装和配置MySQL环境过程

《mysql-8.0.30压缩包版安装和配置MySQL环境过程》该文章介绍了如何在Windows系统中下载、安装和配置MySQL数据库,包括下载地址、解压文件、创建和配置my.ini文件、设置环境变量... 目录压缩包安装配置下载配置环境变量下载和初始化总结压缩包安装配置下载下载地址:https://d

将Python应用部署到生产环境的小技巧分享

《将Python应用部署到生产环境的小技巧分享》文章主要讲述了在将Python应用程序部署到生产环境之前,需要进行的准备工作和最佳实践,包括心态调整、代码审查、测试覆盖率提升、配置文件优化、日志记录完... 目录部署前夜:从开发到生产的心理准备与检查清单环境搭建:打造稳固的应用运行平台自动化流水线:让部署像

gradle安装和环境配置全过程

《gradle安装和环境配置全过程》本文介绍了如何安装和配置Gradle环境,包括下载Gradle、配置环境变量、测试Gradle以及在IntelliJIDEA中配置Gradle... 目录gradle安装和环境配置1 下载GRADLE2 环境变量配置3 测试gradle4 设置gradle初始化文件5 i

Mycat搭建分库分表方式

《Mycat搭建分库分表方式》文章介绍了如何使用分库分表架构来解决单表数据量过大带来的性能和存储容量限制的问题,通过在一对主从复制节点上配置数据源,并使用分片算法将数据分配到不同的数据库表中,可以有效... 目录分库分表解决的问题分库分表架构添加数据验证结果 总结分库分表解决的问题单表数据量过大带来的性能

Java汇编源码如何查看环境搭建

《Java汇编源码如何查看环境搭建》:本文主要介绍如何在IntelliJIDEA开发环境中搭建字节码和汇编环境,以便更好地进行代码调优和JVM学习,首先,介绍了如何配置IntelliJIDEA以方... 目录一、简介二、在IDEA开发环境中搭建汇编环境2.1 在IDEA中搭建字节码查看环境2.1.1 搭建步