@react-three/fiber的useFrame @react-three/fiber的useFrame useFrame 详解 🎯 核心功能 useFrame 是 @react-three/fiber 提供的 Hook,用于在每一帧渲染时执行回调函数。 📖 实现原理 简化版源码逻辑 // @react-three/fiber 内部实现(简化版) function u 2025-12-30 技术总结 0 苍世
Euler (欧拉角) 详解 Euler (欧拉角) 详解 🎯 什么是 Euler 欧拉角 (Euler Angles) 是一种用三个角度来描述 3D 空间中物体旋转的方法。 📐 基本概念 三个旋转轴 Y (上) │ │ └────── X (右) ╱ ╱ Z (前) 2025-12-30 技术总结 0 苍世
四元数 (Quaternion) 深度解析 四元数 (Quaternion) 深度解析 🎯 核心概念 四元数是一种用 4 个数字表示 3D 旋转的数学工具。 // 四元数的结构 quaternion = { x: 0.0, // 虚部 i y: 0.707, // 虚部 j z: 0.0, // 虚部 k w: 0.707 // 实部 } // 表示: 2025-12-30 技术总结 0 苍世
Docker 命令详解 - 从零开始学习 Docker 命令详解 - 从零开始学习 📖 Docker 基础概念 什么是Docker? 镜像(Image): 类似于"程序安装包",包含了运行应用所需的所有文件 容器(Container): 类似于"正在运行的程序",是镜像的运行实例 Docker守护进程: 后台运行的Docker服务,负责管理镜像和容器 类比理解 镜像 = 游戏安装 2025-12-30 技术总结 0 苍世
checkPermissionModifier 权限修饰器组件 checkPermissionModifier 权限修饰器组件 📋 概述 checkPermissionModifier 是一个React高阶组件(HOC),用于为任意组件添加权限检查功能。通过装饰器模式,实现权限数据的异步获取和注入。 🎯 核心功能 ✅ 权限数据获取:异步调用权限检查API ✅ 数据注入:将权限列表注入到目标组件 ✅ 组件复用:可装饰任意R 2025-12-30 技术总结 0 苍世
Socket.IO Socket.IO Socket.IO 提供了多种事件类型,用于处理客户端和服务器之间的通信。以下是一些常见的事件类型: 服务器端事件 connection:当客户端连接到服务器时触发。 disconnect:当客户端断开连接时触发。 disconnecting:当客户端即将断开连接时触发。 newListener:当 2025-12-30 技术总结 0 苍世
markdown编辑器图片上传优化 markdown编辑器图片上传优化 Markdown 编辑器图片上传优化:自动转换为 HTML 标签 背景 在使用 react-markdown-editor-lite 组件时,默认的图片上传行为会插入标准 Markdown 语法 。由于标准 Markdown 不支持直接定义图片样式(如宽度限制),上传 2025-12-30 技术总结 0 苍世
react-markdown-editor-lite组件使用 react-markdown-editor-lite组件使用 react-markdown-editor-lite 是一个功能强大的React Markdown编辑器,提供了丰富的功能和灵活的配置选项。它支持Markdown的基本语法、高级语法以及自定义扩展。以下是该组件的功能简介和大部分语法示例: GitHub:组件API、配置项、 2025-12-30 技术总结 0 苍世
UmiJS 3.x 字体资源异步加载问题解决方案 UmiJS 3.x 字体资源异步加载问题解决方案 问题背景 在使用 UmiJS 3.x 框架的 React 项目中,遇到了字体资源加载的问题: 字体只有在使用到样式时才会触发下载 模态框中的字体样式不生效 项目中使用了 Noto Sans JP 字体 问题发现过程 1. 初始问题现象 字体只在样式被使用时才开始下载(懒加载) 模态框渲染 2025-12-30 技术总结 1 苍世