[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

相关文章

Python 迭代器和生成器概念及场景分析

《Python迭代器和生成器概念及场景分析》yield是Python中实现惰性计算和协程的核心工具,结合send()、throw()、close()等方法,能够构建高效、灵活的数据流和控制流模型,这... 目录迭代器的介绍自定义迭代器省略的迭代器生产器的介绍yield的普通用法yield的高级用法yidle

Redis在windows环境下如何启动

《Redis在windows环境下如何启动》:本文主要介绍Redis在windows环境下如何启动的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Redis在Windows环境下启动1.在redis的安装目录下2.输入·redis-server.exe

Pytest多环境切换的常见方法介绍

《Pytest多环境切换的常见方法介绍》Pytest作为自动化测试的主力框架,如何实现本地、测试、预发、生产环境的灵活切换,本文总结了通过pytest框架实现自由环境切换的几种方法,大家可以根据需要进... 目录1.pytest-base-url2.hooks函数3.yml和fixture结论你是否也遇到过

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

浅谈配置MMCV环境,解决报错,版本不匹配问题

《浅谈配置MMCV环境,解决报错,版本不匹配问题》:本文主要介绍浅谈配置MMCV环境,解决报错,版本不匹配问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录配置MMCV环境,解决报错,版本不匹配错误示例正确示例总结配置MMCV环境,解决报错,版本不匹配在col

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

MySQL双主搭建+keepalived高可用的实现

《MySQL双主搭建+keepalived高可用的实现》本文主要介绍了MySQL双主搭建+keepalived高可用的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、测试环境准备二、主从搭建1.创建复制用户2.创建复制关系3.开启复制,确认复制是否成功4.同

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Centos环境下Tomcat虚拟主机配置详细教程

《Centos环境下Tomcat虚拟主机配置详细教程》这篇文章主要讲的是在CentOS系统上,如何一步步配置Tomcat的虚拟主机,内容很简单,从目录准备到配置文件修改,再到重启和测试,手把手带你搞定... 目录1. 准备虚拟主机的目录和内容创建目录添加测试文件2. 修改 Tomcat 的 server.X

VSCode配置Anaconda Python环境的实现

《VSCode配置AnacondaPython环境的实现》VisualStudioCode中可以使用Anaconda环境进行Python开发,本文主要介绍了VSCode配置AnacondaPytho... 目录前言一、安装 Visual Studio Code 和 Anaconda二、创建或激活 conda