[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

相关文章

通过Docker容器部署Python环境的全流程

《通过Docker容器部署Python环境的全流程》在现代化开发流程中,Docker因其轻量化、环境隔离和跨平台一致性的特性,已成为部署Python应用的标准工具,本文将详细演示如何通过Docker容... 目录引言一、docker与python的协同优势二、核心步骤详解三、进阶配置技巧四、生产环境最佳实践

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

从入门到精通详解Python虚拟环境完全指南

《从入门到精通详解Python虚拟环境完全指南》Python虚拟环境是一个独立的Python运行环境,它允许你为不同的项目创建隔离的Python环境,下面小编就来和大家详细介绍一下吧... 目录什么是python虚拟环境一、使用venv创建和管理虚拟环境1.1 创建虚拟环境1.2 激活虚拟环境1.3 验证虚

redis-sentinel基础概念及部署流程

《redis-sentinel基础概念及部署流程》RedisSentinel是Redis的高可用解决方案,通过监控主从节点、自动故障转移、通知机制及配置提供,实现集群故障恢复与服务持续可用,核心组件包... 目录一. 引言二. 核心功能三. 核心组件四. 故障转移流程五. 服务部署六. sentinel部署

Linux搭建ftp服务器的步骤

《Linux搭建ftp服务器的步骤》本文给大家分享Linux搭建ftp服务器的步骤,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录ftp搭建1:下载vsftpd工具2:下载客户端工具3:进入配置文件目录vsftpd.conf配置文件4:

Java List 使用举例(从入门到精通)

《JavaList使用举例(从入门到精通)》本文系统讲解JavaList,涵盖基础概念、核心特性、常用实现(如ArrayList、LinkedList)及性能对比,介绍创建、操作、遍历方法,结合实... 目录一、List 基础概念1.1 什么是 List?1.2 List 的核心特性1.3 List 家族成

一文带你迅速搞懂路由器/交换机/光猫三者概念区别

《一文带你迅速搞懂路由器/交换机/光猫三者概念区别》讨论网络设备时,常提及路由器、交换机及光猫等词汇,日常生活、工作中,这些设备至关重要,居家上网、企业内部沟通乃至互联网冲浪皆无法脱离其影响力,本文将... 当谈论网络设备时,我们常常会听到路由器、交换机和光猫这几个名词。它们是构建现代网络基础设施的关键组成

c++日志库log4cplus快速入门小结

《c++日志库log4cplus快速入门小结》文章浏览阅读1.1w次,点赞9次,收藏44次。本文介绍Log4cplus,一种适用于C++的线程安全日志记录API,提供灵活的日志管理和配置控制。文章涵盖... 目录简介日志等级配置文件使用关于初始化使用示例总结参考资料简介log4j 用于Java,log4c

史上最全MybatisPlus从入门到精通

《史上最全MybatisPlus从入门到精通》MyBatis-Plus是MyBatis增强工具,简化开发并提升效率,支持自动映射表名/字段与实体类,提供条件构造器、多种查询方式(等值/范围/模糊/分页... 目录1.简介2.基础篇2.1.通用mapper接口操作2.2.通用service接口操作3.进阶篇3