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

14.three官方示例+编辑器+AI快速学习webgl_buffergeometry_instancing_interleaved

news 来源：原创 2025/7/18 22:49:58

本实例主要讲解内容

这个Three.js示例展示了如何结合使用索引几何体、GPU实例化和交错缓冲区来高效渲染大量相同模型的不同实例。通过这种技术组合，我们可以在保持较低内存占用的同时渲染数千个独立变换的对象。

核心技术包括：

索引几何体的实例化渲染
交错缓冲区的组织与使用
实例变换矩阵的动态更新
高效的GPU渲染优化

在这里插入图片描述

完整代码注释

<!DOCTYPE html>
<html lang="en">
<head><title>three.js webgl - indexed instancing (single box), interleaved buffers</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"><link type="text/css" rel="stylesheet" href="main.css">
</head>
<body><div id="container"></div><div id="info"><a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> - indexed instancing (single box), interleaved buffers<div id="notSupported" style="display:none">Sorry your graphics card + browser does not support hardware instancing</div></div><script type="importmap">{"imports": {"three": "../build/three.module.js","three/addons/": "./jsm/"}}</script><script type="module">import * as THREE from 'three';import Stats from 'three/addons/libs/stats.module.js';let container, stats;let camera, scene, renderer, mesh;const instances = 5000; // 实例数量let lastTime = 0;// 用于动画的四元数和矩阵const moveQ = new THREE.Quaternion( 0.5, 0.5, 0.5, 0.0 ).normalize();const tmpQ = new THREE.Quaternion();const tmpM = new THREE.Matrix4();const currentM = new THREE.Matrix4();init();function init() {container = document.getElementById( 'container' );// 初始化相机camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 1000 );// 初始化场景scene = new THREE.Scene();scene.background = new THREE.Color( 0x101010 );// 创建实例化几何体const geometry = new THREE.InstancedBufferGeometry();// 创建交错缓冲区（将位置和UV数据存储在一个数组中）// 每8个浮点数为一组：x,y,z,_,_,u,v,_// 这样的布局有利于内存对齐和GPU访问效率const vertexBuffer = new THREE.InterleavedBuffer( new Float32Array( [// Front- 1, 1, 1, 0, 0, 0, 0, 0,1, 1, 1, 0, 1, 0, 0, 0,- 1, - 1, 1, 0, 0, 1, 0, 0,1, - 1, 1, 0, 1, 1, 0, 0,// Back1, 1, - 1, 0, 1, 0, 0, 0,- 1, 1, - 1, 0, 0, 0, 0, 0,1, - 1, - 1, 0, 1, 1, 0, 0,- 1, - 1, - 1, 0, 0, 1, 0, 0,// Left- 1, 1, - 1, 0, 1, 1, 0, 0,- 1, 1, 1, 0, 1, 0, 0, 0,- 1, - 1, - 1, 0, 0, 1, 0, 0,- 1, - 1, 1, 0, 0, 0, 0, 0,// Right1, 1, 1, 0, 1, 0, 0, 0,1, 1, - 1, 0, 1, 1, 0, 0,1, - 1, 1, 0, 0, 0, 0, 0,1, - 1, - 1, 0, 0, 1, 0, 0,// Top- 1, 1, 1, 0, 0, 0, 0, 0,1, 1, 1, 0, 1, 0, 0, 0,- 1, 1, - 1, 0, 0, 1, 0, 0,1, 1, - 1, 0, 1, 1, 0, 0,// Bottom1, - 1, 1, 0, 1, 0, 0, 0,- 1, - 1, 1, 0, 0, 0, 0, 0,1, - 1, - 1, 0, 1, 1, 0, 0,- 1, - 1, - 1, 0, 0, 1, 0, 0] ), 8 );// 从交错缓冲区中提取位置和UV数据// 使用vertexBuffer，从偏移量0开始，每3个元素为一组作为位置数据const positions = new THREE.InterleavedBufferAttribute( vertexBuffer, 3, 0 );geometry.setAttribute( 'position', positions );// 使用vertexBuffer，从偏移量4开始，每2个元素为一组作为UV数据const uvs = new THREE.InterleavedBufferAttribute( vertexBuffer, 2, 4 );geometry.setAttribute( 'uv', uvs );// 设置索引数据（定义三角形面）const indices = new Uint16Array( [0, 2, 1,2, 3, 1,4, 6, 5,6, 7, 5,8, 10, 9,10, 11, 9,12, 14, 13,14, 15, 13,16, 17, 18,18, 17, 19,20, 21, 22,22, 21, 23] );geometry.setIndex( new THREE.BufferAttribute( indices, 1 ) );// 创建材质const material = new THREE.MeshBasicMaterial();material.map = new THREE.TextureLoader().load( 'textures/crate.gif' );material.map.colorSpace = THREE.SRGBColorSpace;material.map.flipY = false;// 创建实例化网格mesh = new THREE.InstancedMesh( geometry, material, instances );// 为每个实例设置变换矩阵const matrix = new THREE.Matrix4();const offset = new THREE.Vector3();const orientation = new THREE.Quaternion();const scale = new THREE.Vector3( 1, 1, 1 );let x, y, z, w;for ( let i = 0; i < instances; i ++ ) {// 随机位置（在球体表面附近分布）x = Math.random() * 100 - 50;y = Math.random() * 100 - 50;z = Math.random() * 100 - 50;offset.set( x, y, z ).normalize();offset.multiplyScalar( 5 ); // 从中心向外偏移至少5个单位offset.set( x + offset.x, y + offset.y, z + offset.z );// 随机朝向x = Math.random() * 2 - 1;y = Math.random() * 2 - 1;z = Math.random() * 2 - 1;w = Math.random() * 2 - 1;orientation.set( x, y, z, w ).normalize();// 组合变换矩阵matrix.compose( offset, orientation, scale );// 设置实例矩阵mesh.setMatrixAt( i, matrix );}// 添加到场景scene.add( mesh );// 初始化渲染器renderer = new THREE.WebGLRenderer();renderer.setPixelRatio( window.devicePixelRatio );renderer.setSize( window.innerWidth, window.innerHeight );renderer.setAnimationLoop( animate );container.appendChild( renderer.domElement );// 添加性能统计stats = new Stats();container.appendChild( stats.dom );// 窗口大小变化事件监听window.addEventListener( 'resize', onWindowResize );}// 窗口大小变化处理函数function onWindowResize() {camera.aspect = window.innerWidth / window.innerHeight;camera.updateProjectionMatrix();renderer.setSize( window.innerWidth, window.innerHeight );}// 动画循环function animate() {const time = performance.now();// 整体旋转mesh.rotation.y = time * 0.00005;// 计算增量时间const delta = ( time - lastTime ) / 5000;tmpQ.set( moveQ.x * delta, moveQ.y * delta, moveQ.z * delta, 1 ).normalize();tmpM.makeRotationFromQuaternion( tmpQ );// 更新每个实例的变换矩阵for ( let i = 0, il = instances; i < il; i ++ ) {mesh.getMatrixAt( i, currentM );currentM.multiply( tmpM ); // 应用增量旋转mesh.setMatrixAt( i, currentM );}// 标记矩阵需要更新mesh.instanceMatrix.needsUpdate = true;// 重新计算边界球体，确保视锥体剔除正确工作mesh.computeBoundingSphere();lastTime = time;// 渲染场景renderer.render( scene, camera );// 更新性能统计stats.update();}</script></body></html>

交错缓冲区技术解析

什么是交错缓冲区

交错缓冲区(Interleaved Buffer)是一种将不同类型的顶点数据（如位置、法线、UV坐标）存储在一个连续内存块中的技术。与将每种属性存储在单独的数组中相比，交错缓冲区有以下优势：

内存访问优化：GPU可以更高效地访问连续内存
缓存友好：减少内存碎片，提高缓存命中率
带宽利用率：减少内存带宽需求

在Three.js中，我们使用InterleavedBuffer和InterleavedBufferAttribute来创建和管理交错缓冲区。

交错缓冲区的实现

本示例中，我们创建了一个交错缓冲区，每8个浮点数为一组：

// 每8个浮点数为一组：x,y,z,_,_,u,v,_
// 这样的布局有利于内存对齐和GPU访问效率
const vertexBuffer = new THREE.InterleavedBuffer( new Float32Array( [...]), 8 );// 从交错缓冲区中提取位置和UV数据
const positions = new THREE.InterleavedBufferAttribute( vertexBuffer, 3, 0 ); // 从偏移0开始，每3个元素
const uvs = new THREE.InterleavedBufferAttribute( vertexBuffer, 2, 4 ); // 从偏移4开始，每2个元素

这种布局确保了数据在内存中是连续的，并且每个属性的起始位置和步长都被正确定义。

索引几何体的实例化渲染

本示例结合了索引几何体和实例化渲染两种技术：

索引几何体：通过索引数组定义三角形面，减少顶点数据冗余
GPU实例化：在单次绘制调用中渲染多个实例，每个实例可以有不同的变换矩阵

通过InstancedMesh类，我们可以轻松实现这两种技术的结合：

// 创建实例化网格
mesh = new THREE.InstancedMesh( geometry, material, instances );// 为每个实例设置变换矩阵
for ( let i = 0; i < instances; i ++ ) {// 计算位置、旋转和缩放...matrix.compose( offset, orientation, scale );mesh.setMatrixAt( i, matrix );
}

性能优化与应用场景

交错缓冲区和实例化渲染特别适合以下场景：

大型场景：如城市、森林、粒子系统等
程序化生成内容：如地形、建筑等
数据可视化：如点云、3D图表等
游戏开发：大量相同模型的高效渲染

性能优化建议：

交错布局设计：合理安排数据布局，考虑内存对齐（通常4字节对齐）
批量更新：尽量批量更新实例数据，减少渲染状态切换
视锥体剔除：实现视锥体剔除，避免渲染不可见的实例
LOD技术：对远处的实例使用简化模型或广告牌

在实际应用中，交错缓冲区和实例化渲染可以显著提高渲染性能，但也需要根据具体场景进行权衡和优化。

14.three官方示例+编辑器+AI快速学习webgl_buffergeometry_instancing_interleaved

本实例主要讲解内容这个Three.js示例展示了如何结合使用索引几何体、GPU实例化和交错缓冲区来高效渲染大量相同模型的不同实例。通过这种技术组合，我们可以在保持较低内存占用的同时渲染数千个独立变换的对象。核心技术包括： 索引几何体的实例化渲染…...

编程日记 2025/7/18 22:49:58

「华为」人形机器人赛道投资首秀！

温馨提示：运营团队2025年最新原创报告（共210页） —— 正文： 近日，【华为】完成具身智能赛道投资首秀，继续加码人形机器人赛道布局。 2025年3月31日，具身智能机器人头部创企【千寻智能&#x…...

编程日记 2025/7/18 1:48:47

GitHub 趋势日报 (2025年05月11日)

本日报由 TrendForge 系统生成 https://trendforge.devlive.org/ 🌐 本日报中的项目描述已自动翻译为中文 📈 今日整体趋势 Top 10 排名项目名称项目描述今日获星总星数语言1harry0703/MoneyPrinterTurbo利用ai大模型，一键生成高清短视频使用…...

编程日记 2025/7/16 19:53:49

MySQL查询优化100条军规

概述以下是MySQL查询优化的关键军规，分为不同类别，帮助您系统化提升数据库性能资料已经分类整理好，喜欢的朋友自取：https://pan.quark.cn/s/f52968c518d3 一、索引优化为WHERE、JOIN、ORDER BY字段建索引联合索引遵循最左前缀…...

编程日记 2025/7/18 10:14:53

WEBSTORM前端 —— 第3章：移动 Web —— 第1节：平面转换、渐变

目录一.平面转换二.平面转换 – 平移 ①属性 ②取值 ③技巧三.平移实现居中效果四.案例——双开门效果五.平面转换 – 旋转 ①属性 ②技巧六.平面转换 – 改变转换原点 ①属性 ②取值七.案例-时钟八.平面转换 – 多重转换九.平面转换 – 缩放 ①属性 …...

编程日记 2025/7/18 8:58:09

1.10-数据传输格式

1.10-数据传输格式在对网站进行渗透测试时，使用目标服务器规定的数据传输格式来进行 payload 测试非常关键如果不按规定格式发送数据，服务器可能直接拒绝请求或返回错误响应，比如： 接口要求 JSON 格式，而你用的是…...

编程日记 2025/7/18 19:48:05

Python制作Dashboard【待续】

运行环境：jupyter notebook (python 3.12.7)...

编程日记 2025/6/29 4:59:04

物理：海市蜃楼是宇宙背景辐射吗？

宇宙背景辐射（特别是宇宙微波背景辐射，CMB）与海市蜃楼是两种完全不同的现象，它们的物理机制、来源和科学意义截然不同。以下是详细的解释： 1. 宇宙微波背景辐射（CMB）的本质起源：CMB是大爆炸理论的关键证据之一。它形成于宇宙诞生后约38万年（即“最后散射时期”），当…...

编程日记 2025/7/17 13:29:14

联想 SR550 服务器，配置 RAID 5教程！

今天的任务，是帮客户的一台联想Lenovo thinksystem x SR550 服务器，配置RAID 5，并安装windows server 2019操作系统。那么依然是按照我的个人传统，顺便做一个教程，分享给有需要的粉丝们。第一步，服务器开机…...

编程日记 2025/7/16 21:53:23

Docker-配置私有仓库（Harbor）

配置私有仓库（Harbor） 一、环境准备安装 Docker 三、安装docker-compose四、准备Harbor五、配置证书六、部署配置Harbor七、配置启动服务八、定制本地仓库九、测试本地仓库 Harbor(港湾)，是一个用于存储和分发 Docker 镜像的企业级 Regi…...

编程日记 2025/7/14 17:11:40

1.5 连续性与导数

一、连续性的底层逻辑（前因） 为什么需要研究连续性？ 数学家在研究函数图像时发现两类现象：有些函数能用一笔画完不断开（如抛物线），有些则会出现"断崖"“跳跃"或"无底洞”&a…...

编程日记 2025/7/14 19:19:32

Day22打卡-复习

复习日仔细回顾一下之前21天的内容，没跟上进度的同学补一下进度。作业： 自行学习参考如何使用kaggle平台，写下使用注意点，并对下述比赛提交代码泰坦尼克号人员生还预测https://www.kaggle.com/competitions/titanic/overview K…...

编程日记 2025/7/14 8:08:52

配置Hadoop集群环境准备

（一）Hadoop的运行模式一共有三种： 本地运行。伪分布式完全分布式 （二）Hadoop的完全分布式运行要模拟这个功能，我们需要做好如下的准备。 1）准备3台客户机（关闭防火墙、静态IP、…...

编程日记 2025/7/17 22:42:46

HTTPS全解析：从证书签发到TLS握手优化

HTTPS（超文本传输安全协议本质上是HTTP的安全版本。标准的HTTP协议仅规范了客户端与服务器之间的通信格式，但所有数据传输都是明文的，容易被中间人窃听和篡改。HTTPS通过加密传输数据解决了这一安全问题。 HTTPS可以理解为"HTTPTLS/SS…...

编程日记 2025/7/14 8:00:34

#将一个 .c 文件转变为可直接运行的文件过程及原理

将一个 .c 文件（C语言源代码）转变为可直接运行的可执行文件，涉及从源代码到机器码的编译和链接过程。以下是详细的过程与原理，分为步骤说明： 一、总体流程 .c 文件到可执行文件的过程通常包括以下几个阶段&#xff1a…...

编程日记 2025/7/18 8:01:57

【软件学习】GeneMiner 2：系统发育基因组学的一体化全流程分析工具

【软件学习】GeneMiner 2—— 系统发育基因组学的一体化全流程分析工具文章目录【软件学习】GeneMiner 2—— 系统发育基因组学的一体化全流程分析工具前言一、软件了解二、软件安装三、软件使用示例演示3.1 快速掌握使用方法3.2 获取质体基因组和质体基因3.3 单拷贝基因建树…...

编程日记 2025/7/14 4:55:55

聊一聊AI对接口测试的潜在影响有哪些？

目录一、自动化测试用例生成二、缺陷预测与根因分析三、自适应测试维护四、实时监控与自适应优化五、性能与安全测试增强六、测试结果分析与报告七、持续测试与DevOps集成八、挑战与局限性九、未来趋势使用AI可以自动化测试用例生成、异常检测、结果分析…...

编程日记 2025/7/18 1:31:30

1.启动集群 2.创建项目项目结构为： 3.pom.xml文件为 <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/POM/4.0.0 http://mave…...

编程日记 2025/7/17 19:58:15

CSS3 遮罩

在网页设计中，我们经常需要实现一些特殊的视觉效果来增强用户体验。CSS3 遮罩（mask）允许我们通过控制元素的可见区域来创建各种精美的视觉效果。本文将带你全面了解 CSS3 遮罩的功能和应用。什么是 CSS3 遮罩？ CSS3 遮罩是一种…...

编程日记 2025/7/17 23:47:57

HTTP协议解析：Session/Cookie机制与HTTPS加密体系的技术演进(一)

一.HTTP协议我们上篇文章已经提到了对于自定义协议的序列化与反序列化。那么有没有什么比较成熟的，大佬们写的应用层协议，供我们参考使用呢?HTTP(超文本传输协议)就是其中之一。在互联网世界中， HTTP（HyperText Transfer Prot…...

编程日记 2025/7/18 18:38:31

Matlab 234-锂电池充放电仿真

1、内容简介 Matlab 234-锂电池充放电仿真可以交流、咨询、答疑 2、内容说明略锂离子电池已经广泛应用于我国目前电子产品市场，当下手机市场和新能源市场对于锂离子电池的大量需求，推动了锂离子电池的发展，我国已经成为世界上锂离子电池…...

编程日记 2025/7/14 23:20:51

std::move 和 std::forward

关联点都是执行转换(cast)的函数（函数模板），不产生任何可执行代码。且都可以把实参转换成右值。 std::move无条件将实参（const除外 ）转换成右值引用，std::forward 条件返回右值引用 _EXPORT_STD template…...

编程日记 2025/7/16 16:37:26

工业协议跨界实录：零基础玩转PROFINET转EtherCAT主站智能网关

工业自动化领域的金字塔就是工业通信行业，用的最多的便是协议转换模块，通俗来说，网关就像一个“语言翻译器”，能把一种通信语言转换成另一种，满足实际通信需求，还能保护投资。PROFINET 转EtherCAT 网关WL-P…...

编程日记 2025/7/18 9:12:48

开源链动2+1模式AI智能名片S2B2C商城小程序赋能新微商服务能力升级研究

摘要：本文聚焦新微商服务能力升级路径，探讨开源链动21模式、AI智能名片与S2B2C商城小程序在重构培训体系、激励机制及用户服务中的协同作用。研究显示，新微商通过“技术赋能-机制创新-服务深化”三维变革，将传统微商的“产品压货”…...

编程日记 2025/7/17 4:14:35

vue3配置element-ui的使用

今天阐述一下如何在vue中进行配置使用element-ui； 一，配置下载Element 1.首页在电脑上下载好vue，以及npm，可以去相关的官方进行下载。 2.进行配置命令 npm install element-plus --save如报错： npm error code ERE…...

编程日记 2025/7/18 13:13:00

39-绘制渐变的文字

39-绘制渐变的文字_哔哩哔哩_bilibili39-绘制渐变的文字是一次性学会 Canvas 动画绘图（核心精讲50个案例）2023最新教程的第40集视频，该合集共计53集，视频收藏或关注UP主，及时了解更多相关视频内容。https://www.bilibi…...

编程日记 2025/7/17 21:41:00

HBase进阶之路：从原理到实战的深度探索

目录一、HBase 核心概念再梳理 1.1 RowKey 1.2 Column Family 1.3 Region 二、架构与运行机制剖析 2.1 架构组件详解 2.1.1 Client 2.1.2 Zookeeper 2.1.3 Master 2.1.4 RegionServer 2.1.5 HDFS 2.2 数据读写流程深度解析 2.2.1 数据写入流程 2.2.2 数据读取流…...

编程日记 2025/7/16 12:24:41

使用 AddressSanitizer 检测栈内存越界错误

一、概述在 C/C 编程中，栈内存越界是一种常见而危险的内存错误，通常发生在局部变量数组被访问时索引越界。由于栈空间的结构特点，越界写入可能覆盖返回地址或其他局部变量，导致不可预测的行为甚至程序崩溃。传统的调试手段难以定…...

编程日记 2025/7/18 12:32:21

【技巧】离线安装docker镜像的方法

回到目录【技巧】离线安装docker镜像的方法 0. 为什么需要离线安装？ 第一、由于docker hub被墙，所以拉取镜像需要配置国内镜像源第二、有一些特殊行业服务器无法接入互联网，需要手工安装镜像 1. 可以正常拉取镜像服务器操作服务器…...

编程日记 2025/7/13 8:53:10

vue实现与后台springboot传递数据【传值/取值 Axios 】

vue实现与后台springboot传递数据【传值/取值】提示：帮帮志会陆续更新非常多的IT技术知识，希望分享的内容对您有用。本章分享的是node.js和vue的使用。前后每一小节的内容是存在的有：学习and理解的关联性。【帮帮志系列文章】：每…...

编程日记 2025/7/14 1:36:39

Git日志信息

Git日志信息 1. log log 命令用于查看 git 的各种日志信息，在使用 log 后，git 会进入 vim 模式，此时退出日志模式需要按下 q 键。可以通过小箭头来浏览未显示出来的内容。 1.1 查看日志信息 git log git log --prettyoneline #美观输出日…...

编程日记 2025/7/13 20:17:52

Linux操作系统从入门到实战（六）Linux开发工具（上）详细介绍什么是软件包管理器，Linux下如何进行软件和软件包的安装、升级与卸载

Linux操作系统从入门到实战（六）Linux开发工具（上）详细介绍什么是软件包管理器，Linux下如何进行软件和软件包的安装、升级与卸载前言一、软件包管理器1.1 传统安装方式的麻烦：从源代码说起1.2 软件包&…...

编程日记 2025/7/12 20:57:06

Java中的策略模式和模板方法模式

文章目录 1. 策略模式（Strategy Pattern）案例：支付方式选择 2. 模板方法模式（Template Method Pattern）案例：制作饮料流程 3. 策略模式 vs 模板方法模式4.总结在Java中，策略模式和模板方法模式…...

编程日记 2025/7/16 12:24:42

C#里WPF使用触发器实现鼠标点击响应

在WPF里创建了一个自定义的用户控件，要想在这个控件里实现鼠标的点击事件响应，就需要添加事件触发器交互定义，如下代码： <ListView x:Name="ListViewMenu" ItemsSource="{Binding Path=SubItems}" Foreground="White" ScrollViewer.Ho…...

编程日记 2025/7/17 22:52:20

tensorflow-cpu

python3.8~3.12安装tensorflow-cpu 准备创建并进入目录 mkdir tf-cpu cd tf-cpu编写测试代码 test_tensorflow.py import tensorflow as tf# 检查TensorFlow版本 print("\nTensorFlow version:", tf.__version__,end\n\n)# 创建一个简单的计算图并运行它 tensor …...

编程日记 2025/7/15 1:15:52

【AI提示词】PEST分析

提示说明市场分析师专注于为企业、产品或国家提供PEST分析支持，以制定精准的市场战略。提示词 # Role: PEST分析## Profile - language: 中文 - description: 市场分析师专注于为企业、产品或国家提供PEST分析支持，以制定精准的市场战略 - backgrou…...

编程日记 2025/7/15 1:37:32

42、在.NET 中能够将⾮静态的⽅法覆写成静态⽅法吗？

在.NET中，不能将非静态方法（实例方法）直接覆写（Override）为静态方法（Static Method）。以下是关键原因和解释： 1. 方法绑定的本质区别实例方法：属于对象的实例&#xf…...

编程日记 2025/7/17 12:59:47

【嵌入式系统设计师（软考中级）】第三章：嵌入式系统软件基础知识——①软件及操作系统基础

文章目录 1. 嵌入式系统软件基础知识1.1 嵌入式软件分类1.2 嵌入式系统初始化1.3 无操作系统支持的嵌入式软件体系结构1.4 有操作系统支持的嵌入式软件体系结构1.5 嵌入式支撑软件 2. 嵌入式操作系统基础知识2.1 嵌入式操作系统基本概念2.2 处理器管理2.2.1 多道程序2.2.2 分区…...

编程日记 2025/7/15 19:20:29

cs224w课程学习笔记-第11课

cs224w课程学习笔记-第11课知识图谱嵌入前言一、知识图谱1、知识图谱特点2、关系类型二、知识图谱嵌入1、嵌入核心思想2、嵌入模型2.1 嵌入模型transE1)、核心思想2)、训练步骤3)、模型表征能力 2.2 嵌入模型TransR2.3 DistMult嵌入模型1)、核心思想2)、表征能力 2.4 complE…...

编程日记 2025/7/16 10:02:34

5.10-套接字通信 - C++

套接字通信 1.1 通信效率问题服务器端单线程 / 单进程无法使用，不支持多客户端多线程 / 多进程写程序优先考虑多线程：什么时候考虑多进程？ 启动了一个可执行程序 A ，要在 A 中启动一个可执行程序 B 支持多客户端连接 IO 多…...

编程日记 2025/7/13 11:53:14

【Linux】Linux内核的网络协议之socket理解

1. Socket（套接字） 的本质它是应用程序与网络协议栈之间的编程接口（API），用于实现网络通信。 Socket 并不是一个物理设备，而是一个抽象层为应用程序提供统一的网络操作接口（如 send()、recv()…...

编程日记 2025/7/16 18:06:03

仿函数和函数对象

1. 概念解读：什么是“函数”和“函数对象”？ 核心概念一句话总结仿函数（Functor） 函数对象（Function Object） 它们本质是一个对象（Object），但可以像函数（Fu…...

编程日记 2025/7/18 14:51:17

Kubernetes控制平面组件：Kubelet 之 Static 静态 Pod

云原生学习路线导航页（持续更新中） kubernetes学习系列快捷链接 Kubernetes架构原则和对象设计（一）Kubernetes架构原则和对象设计（二）Kubernetes架构原则和对象设计（三）Kubernetes控…...

编程日记 2025/7/18 18:29:45

Django 项目的 models 目录中，init.py 文件的作用

在 Django 项目的models/init.py文件中，这些导入语句的主要作用是将各个模型类从不同的模块中导入到models包的命名空间中。这样做有以下几个目的： 简化导入路径当你需要在项目的其他地方使用这些模型时，可以直接从models包导入&#xff0c…...

编程日记 2025/7/13 20:44:41

学习日志04 java

PTA上的练习复盘 java01 编程题作业感悟： 可以用ai指导自己怎么调试，但是不要把调代码这过程里面的精华交给ai，就是自己去修正错误不能让ai代劳！~~~ 1 scanner.close() Scanner *** new Scanner(System.in); ***.close(); …...

编程日记 2025/7/14 5:08:36

vue-pdf-embed预览PDF

一、vue-pdf-embed 链接：Yarn 1、安装插件 npm install vue-pdf-embed 2、文件中引入（分页效果已实现，样式请自行修改） <template><div class"download-pdf-preview" style"height: 450px; border:1…...

编程日记 2025/7/14 8:37:29

C++GO语言微服务之Dockerfile docker-compose

目录 01 01-知识点概述 02 02-dockerfile复习 03 03-环境变量ENV的使用 04 04-WORKDIR的使用 05 05-USER和ARG的使用 06 06-ONBUILD的使用 07 07-dockerfile的缓存相关的参数 08 08-dockerfile的编写 09 09-测试-没成功-好像是网不行 01 10-docker-compose介绍 02 11…...

编程日记 2025/7/13 17:08:02