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

JavaScript系列（32）-- WebAssembly集成详解

news 来源：原创 2025/6/17 17:14:18

JavaScript WebAssembly集成详解 🚀

今天，让我们深入了解JavaScript与WebAssembly的集成，这是一项能够显著提升Web应用性能的关键技术。

WebAssembly基础概念 🌟

💡 小知识：WebAssembly（简称Wasm）是一种低级的类汇编语言，它具有紧凑的二进制格式，能够以接近原生的速度运行。它被设计为可以和JavaScript一起协同工作，为Web应用提供高性能计算能力。

基本集成实现 📊

// 1. 加载WebAssembly模块
async function loadWasmModule() {try {const response = await fetch('example.wasm');const bytes = await response.arrayBuffer();const wasmModule = await WebAssembly.instantiate(bytes);return wasmModule.instance.exports;} catch (error) {console.error('Failed to load WASM module:', error);throw error;}
}// 2. 内存管理
class WasmMemoryManager {constructor(initialPages = 1) {this.memory = new WebAssembly.Memory({ initial: initialPages,maximum: 100 });this.buffer = new Uint8Array(this.memory.buffer);}writeString(str, offset) {const encoder = new TextEncoder();const bytes = encoder.encode(str);this.buffer.set(bytes, offset);return bytes.length;}readString(offset, length) {const decoder = new TextDecoder();return decoder.decode(this.buffer.slice(offset, offset + length));}
}// 3. 基本类型转换
class WasmTypeConverter {static toWasmInt(num) {return num | 0; // 转换为32位整数}static toWasmFloat(num) {return Math.fround(num); // 转换为32位浮点数}static fromWasmInt(num) {return Number(num);}
}

高级集成模式 🚀

// 1. 异步加载器
class WasmLoader {constructor(wasmUrl) {this.wasmUrl = wasmUrl;this.modulePromise = null;}async load() {if (!this.modulePromise) {this.modulePromise = WebAssembly.instantiateStreaming(fetch(this.wasmUrl));}const { instance } = await this.modulePromise;return instance.exports;}async loadWithImports(imports) {const response = await fetch(this.wasmUrl);const bytes = await response.arrayBuffer();return WebAssembly.instantiate(bytes, imports);}
}// 2. 共享内存通信
class SharedMemoryBridge {constructor(size = 1024 * 1024) { // 1MBthis.sharedMemory = new SharedArrayBuffer(size);this.view = new Int32Array(this.sharedMemory);}write(index, value) {Atomics.store(this.view, index, value);}read(index) {return Atomics.load(this.view, index);}waitFor(index, expectedValue) {Atomics.wait(this.view, index, expectedValue);}notify(index) {Atomics.notify(this.view, index, 1);}
}// 3. 性能监控包装器
class WasmPerformanceWrapper {constructor(wasmExports) {this.exports = wasmExports;this.metrics = new Map();}wrap(functionName) {const original = this.exports[functionName];const metrics = this.metrics;this.exports[functionName] = function(...args) {const start = performance.now();try {return original.apply(this, args);} finally {const duration = performance.now() - start;const current = metrics.get(functionName) || [];current.push(duration);metrics.set(functionName, current);}};}getMetrics(functionName) {const times = this.metrics.get(functionName) || [];return {calls: times.length,averageTime: times.reduce((a, b) => a + b, 0) / times.length,maxTime: Math.max(...times),minTime: Math.min(...times)};}
}

实际应用场景 💼

// 1. 图像处理应用
class WasmImageProcessor {constructor(wasmModule) {this.wasm = wasmModule;this.memory = new WasmMemoryManager(10); // 10 pages}async processImage(imageData) {const ptr = this.wasm.allocateMemory(imageData.length);const buffer = new Uint8ClampedArray(this.memory.memory.buffer,ptr,imageData.length);buffer.set(imageData);await this.wasm.processImage(ptr, imageData.width, imageData.height);return new ImageData(buffer,imageData.width,imageData.height);}
}// 2. 密码学应用
class WasmCrypto {constructor(wasmModule) {this.wasm = wasmModule;}async hash(data) {const encoder = new TextEncoder();const input = encoder.encode(data);const inputPtr = this.wasm.allocate(input.length);new Uint8Array(this.wasm.memory.buffer).set(input, inputPtr);const hashPtr = await this.wasm.computeHash(inputPtr, input.length);const hashLength = 32; // SHA-256const hashArray = new Uint8Array(this.wasm.memory.buffer,hashPtr,hashLength);return Array.from(hashArray).map(b => b.toString(16).padStart(2, '0')).join('');}
}// 3. 数学计算应用
class WasmMath {constructor(wasmModule) {this.wasm = wasmModule;}async computeMatrix(matrix1, matrix2) {const rows1 = matrix1.length;const cols1 = matrix1[0].length;const cols2 = matrix2[0].length;const ptr1 = this.wasm.allocateMatrix(rows1 * cols1);const ptr2 = this.wasm.allocateMatrix(cols1 * cols2);// 转换并复制数据到WASM内存this.copyMatrixToWasm(matrix1, ptr1);this.copyMatrixToWasm(matrix2, ptr2);const resultPtr = await this.wasm.multiplyMatrices(ptr1, ptr2, rows1, cols1, cols2);return this.readMatrixFromWasm(resultPtr, rows1, cols2);}
}

性能优化技巧 ⚡

// 1. 内存池优化
class WasmMemoryPool {constructor(initialSize = 1024 * 1024) {this.memory = new WebAssembly.Memory({initial: initialSize / 65536, // 每页64KBmaximum: 100});this.allocations = new Map();this.freeList = [{offset: 0,size: initialSize}];}allocate(size) {// 查找最佳匹配的空闲块const blockIndex = this.freeList.findIndex(block => block.size >= size);if (blockIndex === -1) {throw new Error('Out of memory');}const block = this.freeList[blockIndex];const allocation = {offset: block.offset,size: size};// 更新空闲列表if (block.size === size) {this.freeList.splice(blockIndex, 1);} else {block.offset += size;block.size -= size;}this.allocations.set(allocation.offset, allocation);return allocation.offset;}free(offset) {const allocation = this.allocations.get(offset);if (!allocation) return;this.allocations.delete(offset);this.freeList.push(allocation);this.mergeFreeBlocks();}mergeFreeBlocks() {this.freeList.sort((a, b) => a.offset - b.offset);for (let i = 0; i < this.freeList.length - 1; i++) {const current = this.freeList[i];const next = this.freeList[i + 1];if (current.offset + current.size === next.offset) {current.size += next.size;this.freeList.splice(i + 1, 1);i--;}}}
}// 2. 并行计算优化
class WasmParallelCompute {constructor(wasmModule, threadCount = navigator.hardwareConcurrency) {this.wasm = wasmModule;this.threadCount = threadCount;this.workers = [];this.initWorkers();}async initWorkers() {const sharedMemory = new SharedArrayBuffer(1024 * 1024);for (let i = 0; i < this.threadCount; i++) {const worker = new Worker('wasm-worker.js');worker.postMessage({ type: 'init',memory: sharedMemory,wasmModule: this.wasm});this.workers.push(worker);}}async computeParallel(data) {const chunkSize = Math.ceil(data.length / this.threadCount);const promises = this.workers.map((worker, index) => {const start = index * chunkSize;const end = Math.min(start + chunkSize, data.length);const chunk = data.slice(start, end);return new Promise(resolve => {worker.onmessage = e => resolve(e.data);worker.postMessage({ type: 'compute',data: chunk});});});const results = await Promise.all(promises);return this.mergeResults(results);}
}// 3. 缓存优化
class WasmCache {constructor(maxSize = 100) {this.cache = new Map();this.maxSize = maxSize;}set(key, value) {if (this.cache.size >= this.maxSize) {const oldestKey = this.cache.keys().next().value;this.cache.delete(oldestKey);}this.cache.set(key, {value,timestamp: Date.now()});}get(key) {const entry = this.cache.get(key);if (entry) {entry.timestamp = Date.now();return entry.value;}return null;}cleanup(maxAge = 3600000) { // 1小时const now = Date.now();for (const [key, entry] of this.cache.entries()) {if (now - entry.timestamp > maxAge) {this.cache.delete(key);}}}
}

最佳实践建议 💡

模块化设计

// 1. 模块化WASM加载器
class ModularWasmLoader {static async load(modules) {const instances = new Map();for (const [name, url] of Object.entries(modules)) {const instance = await loadWasmModule(url);instances.set(name, instance);}return {get(moduleName) {return instances.get(moduleName);},call(moduleName, functionName, ...args) {const module = instances.get(moduleName);if (!module) {throw new Error(`Module ${moduleName} not found`);}return module.exports[functionName](...args);}};}
}// 2. 错误处理
class WasmErrorHandler {static wrap(promise) {return promise.catch(error => {if (error instanceof WebAssembly.RuntimeError) {console.error('WASM runtime error:', error);throw new Error('WASM execution failed');}if (error instanceof WebAssembly.LinkError) {console.error('WASM linking error:', error);throw new Error('WASM module linking failed');}throw error;});}
}// 3. 资源管理
class WasmResourceManager {constructor() {this.resources = new Map();}register(resource) {this.resources.set(resource.id, resource);}async cleanup() {for (const resource of this.resources.values()) {await resource.dispose();}this.resources.clear();}
}

结语 📝

WebAssembly为JavaScript应用带来了前所未有的性能提升可能。通过本文，我们学习了：

WebAssembly的基本概念和集成方法
高级集成模式和内存管理
实际应用场景和示例
性能优化技巧
最佳实践和设计模式

💡 学习建议：在使用WebAssembly时，要注意平衡开发复杂度和性能收益。不是所有场景都适合使用WebAssembly，要根据实际需求选择合适的解决方案。

如果你觉得这篇文章有帮助，欢迎点赞收藏，也期待在评论区看到你的想法和建议！👇

终身学习，共同成长。

咱们下一期见

💻

JavaScript系列（32）-- WebAssembly集成详解

JavaScript WebAssembly集成详解 🚀 今天，让我们深入了解JavaScript与WebAssembly的集成，这是一项能够显著提升Web应用性能的关键技术。 WebAssembly基础概念 🌟 💡 小知识：WebAssembly（简称W…...

编程日记 2025/6/4 10:16:58

通过外部链接启动 Flutter App(详细介绍及示例)

通过外部链接启动 Flutter App（firebase_dynamic_links 和 app_links） 详细介绍通过外部链接启动flutter App 的使用及示例在我们的APP中，经常有点击链接启动并进入APP的需求（如果未安装跳转到应用商店）。Android通…...

编程日记 2025/5/29 22:39:56

计算机视觉模型的未来：视觉语言模型

一、视觉语言模型人工智能已经从识别数据中的简单模式跃升为理解复杂的多模态数据。该领域的发展之一是视觉语言模型（VLM）的兴起。这类模型将视觉和文本之间联系起来，改变了我们理解视觉数据并与之交互的方式。随着 VLM 的不断发展，它们正在为计算机视觉设定一个新的水平…...

编程日记 2025/6/4 2:31:46

CTK插件框架学习-源码下载编译(01)

1、编译环境 window11、vs17、Qt5.14.0、cmake3.27.4 2、下载链接 cmake：Index of /files/v3.20 qt：Index of / vs22以前的版本需要登录下载：Visual Studio 较旧的下载 - 2019、2017、2015 和以前的版本 vs22下载：下载 Visu…...

编程日记 2025/6/2 7:17:13

Python 字符串分割时 spilt 和 re 效率对比

假设有一些文件名是数字_文档名的格式，如何用python将数字提取出来？ 可以使用 Python 的正则表达式模块 re 提取文件名中的数字部分。以下是实现代码： 示例代码： import re# 示例文件名列表 file_names ["1_file1.txt…...

编程日记 2025/6/2 19:07:43

AUTOSAR通信篇 - PDU和收发数据

点击订阅专栏不迷路文章目录一、概述二、OSI模型与AUTOSAR层级关系三、I-PDU、N-PDU、L-PDU及其关系3.1. L-PDU3.2. N-PDU3.3. I-PDU 四、数据流4.1. 普通数据流4.2. 诊断数据流4.3. 动态PDU数据流4.4. 安全通信数据流4.5. XCP数据流返回总目录一、概述在学习Autosar通信…...

编程日记 2025/6/4 9:21:10

wps数据分析000002

目录一、快速定位技巧二、快速选中技巧全选选中部分区域选中部分区域（升级版） 三、快速移动技巧四、快速录入技巧五、总结一、快速定位技巧 ctrl→（上下左右）快速定位光标对准单元格的上下部分双击名称单元格中…...

编程日记 2025/6/3 2:46:34

【C++基础】enum，union，uint8_t，static

enum 所以有时候使用 Enum 的目的，不是为了自定义一种数据类型，而是为了声明一组常量。 from: https://github.com/wangdoc/clang-tutorial/blob/main/docs/enum.md union C 语言提供了 Union 结构，用来自定义可以灵活变更的数据结构。它内部…...

编程日记 2025/6/3 12:59:46

node.js的进程保活

nodejs的进程保活其实用PM2应该更好用些，不过由于原理其实并不复杂，我们可以自己手写一个服务来干这个工作。假设我们有一个服务，可以这样来定义下它的相关信息： const svcs[ {"sid":"apl","name"…...

编程日记 2025/6/4 7:36:52

css中的阴影详解

在 CSS 中，阴影效果通常使用 box-shadow 和 text-shadow 来实现，它们分别适用于元素的框和文本。阴影是提升页面设计感和层次感的重要工具。下面，我会详细讲解这两个属性，并结合代码示例说明。目录 1. box-shadow示例 2. text-sh…...

编程日记 2025/6/1 18:07:18

AI刷题-饭馆菜品选择问题、构造回文字符串问题

目录一、饭馆菜品选择问题问题描述测试样例解题思路： 问题理解数据结构选择算法步骤最终代码： 运行结果： 二、构造回文字符串问题问题描述测试样例解题思路： 解题思路具体步骤最终代码：…...

编程日记 2025/6/2 6:45:23

时间序列分析ARIMA（AutoRegressive Integrated Moving Average，自回归积分滑动平均）模型：中英双语

ARIMA模型：时间序列分析中的强大工具在时间序列分析中，ARIMA（AutoRegressive Integrated Moving Average，自回归积分滑动平均）模型是一种广泛使用的模型。它通过结合自回归、差分和滑动平均三种方法来对时间序列进行…...

编程日记 2025/6/1 10:21:16

青少年编程与数学 02-007 PostgreSQL数据库应用 02课题、PostgreSQL数据库安装

青少年编程与数学 02-007 PostgreSQL数据库应用 02课题、PostgreSQL数据库安装一、安装Windows系统安装PostgreSQL 17Linux系统安装PostgreSQL 17 二、配置Windows系统Linux系统三、启动（一）Windows系统使用服务管理器（services.msc&#x…...

编程日记 2025/6/3 10:16:14

群发邮件适合外贸行业吗

一、群发邮件契合外贸行业的市场拓展需求外贸业务的本质在于跨越地域限制，与全球各地的潜在客户建立联系。群发邮件能够突破时空限制，瞬间将产品或服务信息传递到世界各地。通过精准的市场调研与客户数据整理，企业可以针对不同国家和地区的…...

编程日记 2025/6/2 7:03:16

面试之《new关键字》

一问：new关键字做了什么操作，手写一个new方法，实现new关键字的作用二问： // 第一题 / function Test(){this.name 1;return {name: 2} } const a new Test(); console.log(a.name) // 打印什么/// 第二题 / function Test2()…...

编程日记 2025/6/4 15:15:53

《机器学习》——SVD（奇异分解）降维

文章目录 SVD基本定义SVD降维的步骤SVD降维使用场景SVD 降维的优缺点SVD降维实例导入所需库定义SVD降维函数导入图像处理图像处理图像打印降维结果并显示处理后两个图像的对比图 SVD基本定义简单来说就是，通过SVD（奇异值分解）对矩阵数据进行…...

编程日记 2025/6/2 17:54:25

【MySQL实战】mysql_exporter+Prometheus+Grafana

要在Prometheus和Grafana中监控MySQL数据库，如下图： 可以使用mysql_exporter。以下是一些步骤来设置和配置这个监控环境： 1. 安装和配置Prometheus： - 下载和安装Prometheus。 - 在prometheus.yml中配置MySQL通过添加以下内…...

编程日记 2025/5/31 3:18:54

业务架构、数据架构、应用架构和技术架构

TOGAF(The Open Group Architecture Framework)是一个广泛应用的企业架构框架，旨在帮助组织高效地进行架构设计和管理。 TOGAF 的核心就是由我们熟知的四大架构领域组成:业务架构、数据架构、应用架构和技术架构。企业数字化架构设计中的最常见要素是4A 架构。 4…...

编程日记 2025/6/4 1:49:59

mysql-5.7.18保姆级详细安装教程

本文主要讲解如何安装mysql-5.7.18数据库： 将绿色版安装包mysql-5.7.18-winx64解压后目录中内容如下图，该例是安装在D盘根目录。在mysql安装目录中新建my.ini文件，文件内容及各配置项内容如下图，需要先将配置项【skip-grant-tab…...

编程日记 2025/5/31 6:35:30

Linux测试处理fps为30、1920*1080、一分钟的视频性能

前置条件模拟fps为30、1920*1080、一分钟的视频项目CMakeLists.txt cmake_minimum_required(VERSION 3.30) project(testOpenGl)set(CMAKE_CXX_STANDARD 11)add_executable(testOpenGl main.cpptestOpenCl.cpptestOpenCl.hTestCpp.cppTestCpp.hTestCppThread.cppTestCppTh…...

编程日记 2025/6/3 6:38:53

kubeneters-循序渐进Ingress

文章目录 overviewIngress 是什么？为什么使用 Ingress？我们会在这里做些什么？HTTP 服务器（Nginx）还能做什么？Kubernetes 中的简单示例：A) 使用 Service ClusterIPB) 手动配置 Nginx 服务作为代理…...

编程日记 2025/6/4 1:13:45

Shell控监Kafka积压

1、获取Kafka消息堆积情况 vi check-kafka-lag.sh #！/bin/bashTOPIC"total_random" GROUP_ID"etl-dw" BOOTSTRAP_SERVER"node-01:9092,node-02:9092,node-03:9092"# 检查第一个参数是否为数字 if ! [[ $1 ~ ^[0-9]$ ]]; thenecho &…...

编程日记 2025/5/22 9:08:17

USB3020任意波形发生器4路16位同步模拟量输出卡1MS/s频率阿尔泰科技

信息社会的发展，在很大程度上取决于信息与信号处理技术的先进性。数字信号处理技术的出现改变了信息与信号处理技术的整个面貌，而数据采集作为数字信号处理的必不可少的前期工作在整个数字系统中起到关键性、乃至决定性的作用，其应用已经深…...

编程日记 2025/5/31 21:48:58

MongoDB 学习指南与资料分享

MongoDB学习资料 MongoDB学习资料 MongoDB学习资料在数据爆炸的当下，MongoDB 作为非关系型数据库的佼佼者，以其独特优势在各领域发光发热。无论是海量数据的存储，还是复杂数据结构的处理，MongoDB 都能轻松应对。接下来&#xf…...

编程日记 2025/6/2 11:26:23

Web端实时播放RTSP视频流（监控）

一、安装ffmpeg： 1、官网下载FFmpeg： Download FFmpeg 2、点击Windows图标，选第一个：Windows builds from gyan.dev 3、跳转到下载页面： 4、下载后放到合适的位置，不用安装，解压即可： 5、配置path 复制解压后的\bin路径，配置环境变量如图： <...

编程日记 2025/6/4 0:25:22

23- TIME-LLM: TIME SERIES FORECASTING BY REPRO- GRAMMING LARGE LANGUAGE MODELS

解决问题用LLM来解决时序预测问题，并且能够将时序数据映射（reprogramming）为NLP token，并且保持backbone的大模型是不变的。解决了时序序列数据用于大模型训练数据稀疏性的问题。方法 Input Embedding 输入： X …...

编程日记 2025/6/4 12:05:13

【Go】Go数据类型详解—数组与切片

1. 前言今天需要学习的是Go语言当中的数组与切片数据类型。很多编程语言当中都有数组这样的数据类型，Go当中的切片类型本质上也是对数组的引用。但是在了解如何定义使用数组与切片之前，我们需要思考为什么要引入数组这样的数据结构。 1.1 为什么需要…...

编程日记 2025/6/2 19:01:14

微服务中引入消息队列的利弊

微服务中引入消息队列的利弊 1、微服务架构中引入消息队列(Message Queue)的主要优势： 1.1 解耦(Decoupling) 服务之间不需要直接调用，通过消息队列实现松耦合生产者和消费者可以独立扩展和维护降低系统间的依赖性 1.2 异步处理(Asynchronous Proc…...

编程日记 2025/6/3 8:22:48

如何使用策略模式并让spring管理

1、策略模式公共接口类 BankFileStrategy public interface BankFileStrategy {String getBankFile(String bankType) throws Exception; } 2、策略模式业务实现类 Slf4j Component public class ConcreteStrategy implements BankFileStrategy {Overridepublic String ge…...

编程日记 2025/5/26 19:16:18

骑砍2霸主MOD开发(11)-可编程渲染管线Shader编程

一.固定渲染管线&可编程渲染管线固定渲染管线:GPU常规渲染算法,将3D模型经过四大变换计算得到2D屏幕图像可编程渲染管线:定制化GPU渲染算法,需要提交Shader至GPU中,GPU根据定制化算法得到2D屏幕图像二.CoreShader&TerrainShader CoreShader:游戏中使用的静态shader…...

编程日记 2025/6/3 5:33:50

【PowerQuery专栏】PowerQuery 函数之CSV文件处理函数

CSV.Document 函数是进行CSV文件解析功能的函数，函数目前包含4个参数：参数1为文件的数据源，数据类型为二进制类型，值为需要读取的文本数据参数2为列名称，数据类型为字符串类型，值为分割后的列名称参数3为分隔符，数据类型为任意类型，值为分割数据的分隔符参数4为文件编…...

编程日记 2025/6/2 0:19:57

【FAQ】HarmonyOS SDK 闭源开放能力 —Map Kit（4）

1.问题描述： 添加了很多的marker点，每个marker点都设置了customInfoWindow，但是每次只能显示一个customInfoWindow吗？ 解决方案： Marker的InfoWindow每次只能显示一个。 2.问题描述： 在地图选型中&…...

编程日记 2025/6/1 18:24:51

通过ffmpeg将FLV文件转换为MP4

使用 ffmpeg 将 FLV 文件转换为 MP4 文件是一个常见的操作。ffmpeg 是一个强大的多媒体处理工具，支持多种格式的转换、剪辑、合并等操作。以下是详细的步骤和命令示例，帮助你完成这一任务。安装 FFmpeg 如果你还没有安装 ffmpeg，可以根据你…...

编程日记 2025/6/1 14:59:25

深入分析Java中的重载与重写：理解多态的两个面向

深入分析Java中的重载与重写：理解多态的两个面向之前其实写过一篇文章来探讨Java当中的方法重载与方法重写但当时学的还不够通透，分析有点片面，这次我从多态的角度对其进行分析，有问题欢迎大家来评论区一起探讨在Java编程中&a…...

编程日记 2025/6/4 7:25:14

STM32的集成开发环境STM32CubeIDE安装

STM32CubeIDE - STM32的集成开发环境 - 意法半导体STMicroelectronics...

编程日记 2025/6/1 11:35:39

【狂热算法篇】探秘图论之 Floyd 算法：解锁最短路径的神秘密码(通俗易懂版)

： 羑悻的小杀马特.-CSDN博客羑悻的小杀马特.擅长C/C题海汇总,AI学习,c的不归之路,等方面的知识,羑悻的小杀马特.关注算法,c,c语言,青少年编程领域.https://blog.csdn.net/2401_82648291?spm1010.2135.3001.5343 在本篇文章中，博主将带大家去学习所谓的…...

编程日记 2025/6/2 1:21:48

25/1/13 嵌入式笔记继续学习Esp32

PWM（Pulse Width Modulation，脉宽调制） 是一种通过快速切换高低电平来模拟中间电压值的技术。它广泛应用于控制 LED 亮度、电机速度、音频生成等场景。 analogWrite函数:用于在微控制器（如 Arduino）上生成模拟信号。 …...

编程日记 2025/6/3 6:41:10

C语言的语法糖

C语言的语法糖引言在程序开发的过程中，语言的设计和编写风格往往会直接影响开发效率和代码可读性。C语言作为一种广泛应用于系统编程和嵌入式开发的编程语言，其设计虽然追求简洁与高效，但在某些方面同样存在可以提高编程体验的“语法糖”…...

编程日记 2025/5/29 18:11:36

客户案例：致远OA与携程商旅集成方案

一、前言本项目原型客户公司创建于1992年,主要生产并销售包括糖果系列、巧克力系列、烘焙系列、卤制品系列4大类,200多款产品。公司具有行业领先的生产能力,拥有各类生产线100条,年产能超过10万吨。同时,经过30年的发展,公司积累了完善的销售网络,核心经销商已经超过1200个,超…...

编程日记 2025/6/1 9:15:21

浔川 AI 翻译已修复，可正常使用

浔川 AI 翻译已修复，可正常使用亲爱的用户们： 大家好！经过技术团队的不懈努力，浔川 AI 翻译平台已完成修复，目前各项功能均已恢复正常，可流畅使用。在此，我们向一直以来关心和支持浔川 AI 翻译…...

编程日记 2025/6/3 19:51:59

【Python】深入探讨Python中的单例模式：元类与装饰器实现方式分析与代码示例

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！ 解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界单例模式（Singleton Pattern）是一种常见的设计模式，它确保一个类只有一个实例&…...

编程日记 2025/5/30 19:58:38

D. Paint the Tree

https://codeforces.com/problemset/problem/1975/D 分析： 观察样例可以发现，对于PB第一次在位置 r 接触到红点之后，接下来的怎么走完全可以有PB说了算，情况不会更差。同时还能发现，大部分边都是需要走两遍的&#xff…...

编程日记 2025/6/4 5:41:20

ScratchLLMStepByStep：训练自己的Tokenizer

1. 引言分词器是每个大语言模型必不可少的组件，但每个大语言模型的分词器几乎都不相同。如果要训练自己的分词器，可以使用huggingface的tokenizers框架，tokenizers包含以下主要组件： Tokenizer: 分词器的核心组件，定…...

编程日记 2025/6/4 14:28:10

【Linux】Socket编程-TCP构建自己的C++服务器

🌈 个人主页：Zfox_ 🔥 系列专栏：Linux 目录一：🔥 Socket 编程 TCP 🦋 TCP socket API 详解🦋 多线程远程命令执行🦋 网络版计算器（应用层自定义协议与序列化…...

编程日记 2025/6/2 3:04:29

数据结构——线性表和顺序表

1、线性表的基本概念 1.1 定义线性结构是简单且常用的数据结构，而线性表则是一种典型的线性结构存储数据，最简单，最有效的方法是吧它们存储在一个线性表中一个线性表是n个元素的有限序列。每个元素在不同的情况下有不同的含义&#xff0c…...

编程日记 2025/6/3 21:06:17

FunASR 在Linux/Unix 平台编译

第一步拉取镜像并生成容器： ### 镜像启动通过下述命令拉取并启动FunASR软件包的docker镜像： shell sudo docker pull \ registry.cn-hangzhou.aliyuncs.com/funasr_repo/funasr:funasr-runtime-sdk-online-cpu-0.1.12 mkdir -p ./funasr-runtime-…...

编程日记 2025/6/3 1:50:57

AIP-200 先例

编号200原文链接AIP-200: Precedent状态批准创建日期2018-06-28更新日期2018-06-28 很多时候，API的编写方式会违反新的指导原则。此外，有时出于特定原因也需要打破标准，例如与现有系统保持一致、满足严格的性能要求或其他因素。最后&#xf…...

编程日记 2025/5/31 17:58:44

SAP五大核心模块：塑造企业数字化未来

在数字化转型的浪潮中，SAP（Systems, Applications and Products in Data Processing）以其强大的企业资源规划（ERP）系统，成为众多企业信赖的伙伴。SAP系统通过五大核心模块，即财务管理&#xff0…...

编程日记 2025/6/1 17:18:19

【UE5.3】fix DONET报错

新的机器 4070 gpu 运行ue项目，可能是epic 启动器是vs安装的， vs安装的epic 启动器自己更新了一波，导致了.NET的问题？ ue项目是拷贝远程的windows的电脑里面的，应该不会导致ue源码里的cs出问题？【UE5.3】UnrealLink 安装：fix Detected compiler newer than Visual Stu…...

编程日记 2025/6/2 7:03:13

【0393】Postgres内核 checkpointer process ③ 构建 WAL records 工作缓存区

1. 初始化 ThisTimeLineID、RedoRecPtr 函数 InitXLOGAccess() 内部会初始化 ThisTimeLineID、wal_segment_size、doPageWrites 和 RedoRecPtr 等全局变量。下面是这四个变量初始化前的值： (gdb) p ThisTimeLineID $125 = 0 (gdb) p wal_segment_size $126 = 16777216 (gdb…...

编程日记 2025/5/30 0:07:20