当前位置：首页 > news >正文

编译运行 webAssembly（wasm）

news 2026/4/6 1:02:19

环境准备：

lunix下docker

参考https://hub.docker.com/r/emscripten/emsdk

拉编译环境

docker pull emscripten/emsdk

编译

随便找个目录，敲下面命令，编译一个webAssembly 程序

# create helloworld.cpp
cat << EOF > helloworld.cpp
#include <iostream>
int main() {std::cout << "Hello World!" << std::endl;return 0;
}
EOF# compile with docker image
docker run \--rm \-v $(pwd):/src \trzeci/emscripten \emcc helloworld.cpp -o helloworld.js

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS和C互相操作</title>
</head>
<body><script>Module = {};Module.onRuntimeInitialized = function (){console.log(Module._show_me_your_name());console.log(Module._add(1,2)) }</script><script src="./helloworld.js"></script>
</body>
</html>

上述的html文件对应下面这个cpp

EM_PORT_API(int) show_me_your_name() {return 789;
}EM_PORT_API(float) add(float a,float b){return a + b;
}

同样的编译方式，试一下

上述是最简单的demo，js环境跟wasm的交互，只有number是直通的，如果是字符串需要做其他的转化处理，以后再说

其他：

docker pull镜像的时候可能会出错，docker配置代理的方式

进 /etc/docker/daemon.json配置

{"registry-mirrors": ["https://registry.hub.docker.com","http://hub-mirror.c.163.com","https://docker.mirrors.ustc.edu.cn","https://registry.docker-cn.com"],"proxies": {"http-proxy": "http://xxx:8118","https-proxy": "http://xxx:8118","no-proxy": "localhost"}
}

重启服务

systemctl daemon-reload
systemctl restart docker

xxx这些自行根据实际情况替换

参考：

https://www.wenjiangs.com/doc/afky6syw

墨滴社区

Download and install — Emscripten 3.1.66-git (dev) documentation

编译运行 webAssembly（wasm）

环境准备： lunix下docker 参考https://hub.docker.com/r/emscripten/emsdk 拉编译环境 docker pull emscripten/emsdk 编译随便找个目录，敲下面命令，编译一个webAssembly 程序 # create helloworld.cpp cat << EOF > hellowo…...

编程日记 2024/9/16 18:51:23

Linux bash 关联数组

目录一. 关联数组定义二. 访问关联数组三. 元素的添加与删除四. 键值对的获取与遍历五. 实际应用5.1 读取封装配置文件内容5.2 收集系统信息一. 关联数组定义从 Bash 4.0 开始，Bash 支持关联数组。关联数组允许你将键和值配对，并通过键来访问值&…...

编程日记 2024/9/16 18:45:14

选择排序

一：基本思想每一次从待排序的数据元素中选出最小（或最大）的一个元素，存放在序列的起始位置，直到全部待排序的数据元素排完。解释：就是不断的找到最小的放在最左面，然后缩短数组，…...

编程日记 2024/9/16 18:44:13

SQL数据库（MySQL）

一、在Ubuntu系统下安装MySQL数据库 1、更新软件源，在确保ubuntu系统能正常上网的情况下执行以下命令 sudo apt-get update 2、安装MySQL数据库及相关软件包 # 安装过程中设置root用户的密码 123456 sudo apt-get install mysql-server # 安装访问数据库的客…...

编程日记 2024/9/16 18:43:11

在MindSearch中使用SiliconCloud：全面指南**

随着硅基流动（SiliconFlow）提供的InternLM2.5-7B-Chat服务的免费开放，我们迎来了MindSearch部署的全新篇章。这一服务的免费提供，不仅极大地降低了部署门槛，还为MindSearch的使用者带来了纯CPU版本的便利。本文将为您详…...

编程日记 2024/9/16 18:41:09

C++(2)之Linux多线程服务端编程总结

C之Linux多线程服务端编程读书笔记 Author: Once Day Date: 2023年1月31日/2024年8月23日一位热衷于Linux学习和开发的菜鸟，试图谱写一场冒险之旅，也许终点只是一场白日梦… 漫漫长路，有人对你微笑过嘛… 全系列文章可参考专栏: Linux实践…...

编程日记 2024/9/16 18:39:07

【AI视频】复刻抖音爆款AI数字人作品初体验

博客主页： [小ᶻZ࿆] 本文专栏: AI视频 | AI数字人文章目录 💯前言💯抖音上的爆火AI数字人视频💯注册HeyGen账号💯复刻抖音爆款AI数字人💯最终生成效果💯小结对比原视频效果：…...

编程日记 2024/9/16 18:38:06

Mysql 面试题总结

1. Mysql 数据库，隔离级别有哪几个？ 在 MySQL 数据库中，事务的隔离级别决定了一个事务在执行期间对其他事务可见的数据变化情况。MySQL 支持 SQL 标准定义的四种隔离级别，从低到高依次为： 读未提交（READ U…...

编程日记 2024/9/16 18:37:05

stack - queue

1.容器适配器 (1) 什么是适配器？ 适配器是一种设计模式(设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结)，该种模式是将一个类的接口转换成客户希望的另外一个接口 (2) STL标准库中stack和queue的底层结构虽然stack和…...

编程日记 2024/9/16 18:34:02

微软九月补丁星期二发现了 79 个漏洞

微软将在2024 年 9 月补丁星期二修复 79 个漏洞。微软有证据表明，发布的四个漏洞被野外利用和/或公开披露；所有四个漏洞均已在CISA KEV上列出。微软还在修补四个关键的远程代码执行 (RCE) 漏洞。不同寻常的是，微软本月尚未修补任何浏览器…...

编程日记 2024/9/16 18:33:01

研1日记12

1. 改19->10 2. 学习数据不平衡问题 1. 欠采样合并两个样本数据两种方式 1. 按原分布比例划分。sklearn中train_test_split里，参数stratify含义解析_traintestsplit参数stratify-CSDN博客 3.刘二大人卷积操作待看论文： 刘老师指导&#xff1a…...

编程日记 2024/9/16 18:32:00

Rocky Linux 9安装mysqlclient库报错的解决方法

环境 VMware Rocky Linux 9.4 MySQL 8.0 安装mysqlclient报错 yum install python3-devel pip3 install mysqlclient报错： Downloading http://mirrors.aliyun.com/pypi/packages/37/fb/d9a8f763c84f1e789c027af0ffc7dbf94c9a38db961484f253f0552cbb47/mysqlcli…...

编程日记 2024/9/16 18:30:59

Spring Boot母婴商城：安全、便捷、高效

2 相关技术 2.1 SSM框架介绍本课题程序开发使用到的框架技术，英文名称缩写是SSM，在JavaWeb开发中使用的流行框架有SSH、SSM、SpringMVC等，作为一个课题程序采用SSH框架也可以，SSM框架也可以，SpringMVC也可以。SSH框架…...

编程日记 2024/9/16 18:29:58

php实现kafka

kafka类： <?phpclass b2c_kafka {public $broker_list;public $topic;public $group_id;protected $producer null;protected $consumer null;protected $receive_wait_time;protected $receive_wait_num;/*** 构造方法* param object app*/public function …...

编程日记 2024/9/16 18:28:56

YOLOv10改进系列，YOLOv10损失函数更换为Powerful-IoU（2024年最新IOU），助力高效涨点

改进前训练结果：改进后的结果：摘要边界框回归（BBR）是目标检测中的核心任务之一，BBR损失函数显著影响其性能。然而，观察到现有基于IoU的损失函数存在不合理的惩罚因子，导致回归过程中锚框扩展，并显著减缓收敛速度。为了解决这个问题，深入分析了锚框扩展的原因。针…...

编程日记 2024/9/16 18:25:54

工具知识 | Linux 常用命令参考手册

目录文件查看文件内容 headtailcatnlmore 创建 touchmkdirmktemp 删除 rmrmdir 查找文件 findlocate lspwdwcchattrpastestatgrepsedcdcpmvopensourcetreelnfilesortuniqsplitvim 系统管理 nohupwatchpingwhichshutdownrebootuptimecrontabatunameifconfigwhereischmodlsofc…...

编程日记 2024/9/16 18:19:48

mysql 常用知识点总结

MySQL 是一种广泛使用的关系型数据库管理系统（RDBMS），它基于结构化查询语言（SQL）。了解 MySQL 的语法对数据库管理和操作非常重要。以下是 MySQL 语法的详细完整解释，涵盖基本概念、创建表、查询、修改数据…...

编程日记 2024/9/16 18:17:46

conda常用指令

1、查看conda版本 conda --version 2、更新conda conda update conda 3、查看conda环境信息 conda info 4、查看已有虚拟环境 conda info --envs conda info -e conda env list 5、创建新虚拟环境 conda create --name myenv python3.8 6、激活环境和退出环境 conda…...

编程日记 2024/9/16 18:15:43

前后端分离项目--下载功能

文章目录不使用代理服务器blobblob构造函数通过FormData对象的getBlob方法创建Blob对象将Blob对象转换成UR 使用代理服务器前后端分离项目中下载与其他接口的使用不同，一般下载不走node，不通过代理服务器，而是直接在前台发送请求&#xff0…...

编程日记 2024/9/16 18:13:36

PMP--一模--解题--81-90

文章目录 4.整合管理81、 [单选] 一位先前不活跃的干系人参与程度突然增加，这种意外的参与导致了一些变更请求。项目经理应该做什么？ 4.整合管理82、 [单选] 公司的新产品系列将在两个月内发布，95%的项目任务均已完成。但是，管理层…...

编程日记 2024/9/16 18:12:35

QT无边框窗口圆角化实战：用paintEvent和样式表两种方法，打造你的专属UI（附完整代码）

QT无边框圆角窗口开发指南：从原理到实战的深度解析在当今追求极致用户体验的桌面应用开发领域，无边框圆角窗口已经成为现代化UI设计的标配元素。从音乐播放器的沉浸式界面到社交软件的柔和视觉风格，圆角设计不仅能够降低用户的视觉疲劳&…...

编程新知 2026/4/6 0:22:51

从零搭建WebRTC SFU服务器：基于Mediasoup的1080P视频会议部署教程

从零搭建WebRTC SFU服务器：基于Mediasoup的1080P视频会议部署教程视频会议已成为现代远程协作的核心工具，而WebRTC技术让浏览器间的实时音视频通信变得触手可及。但当你需要支持10人以上的高清会议时，单纯的P2P连接就会暴露出带宽和性能瓶颈…...

编程新知 2026/4/5 22:16:45

AngularJS Http详解

AngularJS Http详解引言 AngularJS是一个流行的JavaScript框架，用于构建动态和响应式的web应用。在AngularJS中，HTTP请求是数据交互的重要组成部分。本文将详细介绍AngularJS的Http服务，包括其基本用法、高级特性以及如何处理异步请求。 AngularJS Http服务简介 Angula…...

编程新知 2026/4/5 22:14:45

C# WinForm 工作流设计器：拖拽连线与可视化流程图实现解析

C# WinForm 工作流设计工作流程图拖拽设计 GDI 绘制工作流程图大概功能说明一下：1.支持拖动绘制工作节点2.支持移动每个节点的移动3.支持直线连接节点4.支持节点移动连接线自动跟随5.支持高亮显示选中的节点连线6.支持能删除选中节点和连线7.支持选中节点能显示节…...

编程新知 2026/4/5 21:49:41

网络排障实战：当ping命令不好使时，如何用Wireshark抓包分析ICMP协议找出真凶？

网络排障实战：当ping命令失效时，如何用Wireshark解码ICMP协议故障当你面对一台无法ping通的目标主机时，"请求超时"的提示就像一堵没有门的墙——它告诉你无法通行，却不会解释原因。作为运维工程师，我曾遇到…...

编程新知 2026/4/5 20:16:18

Magisk Alpha深度隐匿实战：从Momo检测到BL列表的终极配置

1. 为什么需要深度隐匿Root环境？ 最近两年，银行类APP和游戏厂商的检测手段越来越严格。我去年用某银行APP时，明明Root已经隐藏得很好，结果转账时突然弹出"设备环境异常"的提示，直接中断交易。后来才知道是新…...

编程新知 2026/4/5 19:23:04

AutoUnipus：智能刷课助手终极指南，2025年实现U校园全自动答题

AutoUnipus：智能刷课助手终极指南，2025年实现U校园全自动答题【免费下载链接】AutoUnipus U校园脚本,支持全自动答题,百分百正确 2024最新版项目地址: https://gitcode.com/gh_mirrors/au/AutoUnipus 在当今数字化教育时代，大学生们…...

编程新知 2026/4/5 19:10:59