[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

相关文章

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

Spring WebClient从入门到精通

《SpringWebClient从入门到精通》本文详解SpringWebClient非阻塞响应式特性及优势,涵盖核心API、实战应用与性能优化,对比RestTemplate,为微服务通信提供高效解决... 目录一、WebClient 概述1.1 为什么选择 WebClient?1.2 WebClient 与

Python极速搭建局域网文件共享服务器完整指南

《Python极速搭建局域网文件共享服务器完整指南》在办公室或家庭局域网中快速共享文件时,许多人会选择第三方工具或云存储服务,但这些方案往往存在隐私泄露风险或需要复杂配置,下面我们就来看看如何使用Py... 目录一、android基础版:HTTP文件共享的魔法命令1. 一行代码启动HTTP服务器2. 关键参

Go语言编译环境设置教程

《Go语言编译环境设置教程》Go语言支持高并发(goroutine)、自动垃圾回收,编译为跨平台二进制文件,云原生兼容且社区活跃,开发便捷,内置测试与vet工具辅助检测错误,依赖模块化管理,提升开发效... 目录Go语言优势下载 Go  配置编译环境配置 GOPROXYIDE 设置(VS Code)一些基本

Spring Boot 与微服务入门实战详细总结

《SpringBoot与微服务入门实战详细总结》本文讲解SpringBoot框架的核心特性如快速构建、自动配置、零XML与微服务架构的定义、演进及优缺点,涵盖开发环境准备和HelloWorld实战... 目录一、Spring Boot 核心概述二、微服务架构详解1. 微服务的定义与演进2. 微服务的优缺点三

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

从入门到进阶讲解Python自动化Playwright实战指南

《从入门到进阶讲解Python自动化Playwright实战指南》Playwright是针对Python语言的纯自动化工具,它可以通过单个API自动执行Chromium,Firefox和WebKit... 目录Playwright 简介核心优势安装步骤观点与案例结合Playwright 核心功能从零开始学习

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

Java JDK1.8 安装和环境配置教程详解

《JavaJDK1.8安装和环境配置教程详解》文章简要介绍了JDK1.8的安装流程,包括官网下载对应系统版本、安装时选择非系统盘路径、配置JAVA_HOME、CLASSPATH和Path环境变量,... 目录1.下载JDK2.安装JDK3.配置环境变量4.检验JDK官网下载地址:Java Downloads

从入门到精通MySQL联合查询

《从入门到精通MySQL联合查询》:本文主要介绍从入门到精通MySQL联合查询,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下... 目录摘要1. 多表联合查询时mysql内部原理2. 内连接3. 外连接4. 自连接5. 子查询6. 合并查询7. 插入查询结果摘要前面我们学习了数据库设计时要满