[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

相关文章

ESP32 esp-idf esp-adf环境安装及.a库创建与编译

简介 ESP32 功能丰富的 Wi-Fi & 蓝牙 MCU, 适用于多样的物联网应用。使用freertos操作系统。 ESP-IDF 官方物联网开发框架。 ESP-ADF 官方音频开发框架。 文档参照 https://espressif-docs.readthedocs-hosted.com/projects/esp-adf/zh-cn/latest/get-started/index

一份LLM资源清单围观技术大佬的日常;手把手教你在美国搭建「百万卡」AI数据中心;为啥大模型做不好简单的数学计算? | ShowMeAI日报

👀日报&周刊合集 | 🎡ShowMeAI官网 | 🧡 点赞关注评论拜托啦! 1. 为啥大模型做不好简单的数学计算?从大模型高考数学成绩不及格说起 司南评测体系 OpenCompass 选取 7 个大模型 (6 个开源模型+ GPT-4o),组织参与了 2024 年高考「新课标I卷」的语文、数学、英语考试,然后由经验丰富的判卷老师评判得分。 结果如上图所

UnrealScriptIDE调试环境部署

先安装vs2010   再安装VSIsoShell.exe, 下载地址 https://pan.baidu.com/s/10kPNUuDGTbWXbz7Nos-1WA       fd3t   最后安装unside,下载地址 https://archive.codeplex.com/?p=uside  安装中间有一步选择Binary文件夹要选对路径。   安装好以后,启动 UDKDe

C++必修:模版的入门到实践

✨✨ 欢迎大家来到贝蒂大讲堂✨✨ 🎈🎈养成好习惯,先赞后看哦~🎈🎈 所属专栏:C++学习 贝蒂的主页:Betty’s blog 1. 泛型编程 首先让我们来思考一个问题,如何实现一个交换函数? void swap(int& x, int& y){int tmp = x;x = y;y = tmp;} 相信大家很快就能写出上面这段代码,但是如果要求这个交换函数支持字符型

零基础STM32单片机编程入门(一)初识STM32单片机

文章目录 一.概要二.单片机型号命名规则三.STM32F103系统架构四.STM32F103C8T6单片机启动流程五.STM32F103C8T6单片机主要外设资源六.编程过程中芯片数据手册的作用1.单片机外设资源情况2.STM32单片机内部框图3.STM32单片机管脚图4.STM32单片机每个管脚可配功能5.单片机功耗数据6.FALSH编程时间,擦写次数7.I/O高低电平电压表格8.外设接口

ps基础入门

1.基础      1.1新建文件      1.2创建指定形状      1.4移动工具          1.41移动画布中的任意元素          1.42移动画布          1.43修改画布大小          1.44修改图像大小      1.5框选工具      1.6矩形工具      1.7图层          1.71图层颜色修改          1

C++入门01

1、.h和.cpp 源文件 (.cpp)源文件是C++程序的实际实现代码文件,其中包含了具体的函数和类的定义、实现以及其他相关的代码。主要特点如下:实现代码: 源文件中包含了函数、类的具体实现代码,用于实现程序的功能。编译单元: 源文件通常是一个编译单元,即单独编译的基本单位。每个源文件都会经过编译器的处理,生成对应的目标文件。包含头文件: 源文件可以通过#include指令引入头文件,以使

API-环境对象

学习目标: 掌握环境对象 学习内容: 环境对象作用 环境对象: 指的是函数内部特殊的变量this,它代表着当前函数运行时所处的环境。 作用: 弄清楚this的指向,可以让我们代码更简洁。 函数的调用方式不同,this指代的对象也不同。【谁调用,this就是谁】是判断this指向的粗略规则。直接调用函数,其实相当于是window.函数,所以this指代window。

LVGL快速入门笔记

目录 一、基础知识 1. 基础对象(lv_obj) 2. 基础对象的大小(size) 3. 基础对象的位置(position) 3.1 直接设置方式 3.2 参照父对象对齐 3.3 获取位置 4. 基础对象的盒子模型(border-box) 5. 基础对象的样式(styles) 5.1 样式的状态和部分 5.1.1 对象可以处于以下状态States的组合: 5.1.2 对象

【网络安全的神秘世界】搭建dvwa靶场

🌝博客主页:泥菩萨 💖专栏:Linux探索之旅 | 网络安全的神秘世界 | 专接本 | 每天学会一个渗透测试工具 下载DVWA https://github.com/digininja/DVWA/blob/master/README.zh.md 安装DVWA 安装phpstudy https://editor.csdn.net/md/?articleId=1399043