微前端脚手架工具设计与实现：从零到一构建高效开发体验 微前端脚手架工具设计与实现：从零到一构建高效开发体验 项目背景 在开发 Three.js 微前端项目时，每增加一个新的微应用模块都需要： 创建标准目录结构：src/scenes、components、public 等 配置构建工具：vite.config.ts、tsconfig.json、package.json 更新主应用配置：路由、微应用元数据、U 2026-01-05 技术总结 0 苍世
微前端 Docker 构建优化实践：多阶段构建 + 智能缓存策略 微前端 Docker 构建优化实践：多阶段构建 + 智能缓存策略 项目背景 在开发 Three.js 微前端项目时，面临以下容器化挑战： Monorepo 架构：pnpm workspace 管理多个微应用和共享包 构建时间长：每次构建需要安装依赖 + 编译，耗时 5-10 分钟 镜像体积大：包含 node_modules 的镜像超过 500MB 缓存失效频繁：代 2026-01-05 技术总结 0 苍世
基于腾讯云 COS 的智能资源加载方案设计与实践 基于腾讯云 COS 的智能资源加载方案设计与实践 项目背景 在开发 Three.js 微前端项目时，面临大量 3D 模型资源（GLTF/GLB）的加载问题： 开发环境：需要快速迭代，本地加载零延迟 生产环境：模型文件体积大（单个可达数十 MB），需要 CDN 加速 安全需求：云端资源需要鉴权，防止盗链 传统方案往往需要在不同环境手动切换代码，容易出 2026-01-05 技术总结 0 苍世
从零到一：打造实时对战 3D 叠箱子游戏 从零到一：打造实时对战 3D 叠箱子游戏 一个基于 Socket.io + Three.js 的在线对战游戏开发实战 🎮 项目简介 这是一个支持双人实时对战的 3D 叠箱子游戏，玩家需要精准地将移动的方块叠加到底座上，考验反应速度和空间感知能力。项目采用前后端分离架构，支持微服务部署，实现了从本地开发到生产环境的完整工程化流程。 在线体验 2026-01-05 技术总结 0 苍世
IndexedDB详解 IndexedDB详解 简介 IndexedDB是一种在浏览器端存储数据的方式。既然称之为DB，是因为它丰富了客户端的查询方式，并且因为是本地存储，可以有效的减少网络对页面数据的影响。 有了IndexedDB，浏览器可以存储更多的数据，从而丰富了浏览器端的应用类型。 IndexedDB简介 2025-12-30 技术总结 0 苍世
Nginx基础学习 Nginx基础学习 Nginx基础学习 环境准备 1. 安装Nginx（macOS） # 使用Homebrew安装 brew install nginx # 查看Nginx版本 nginx -v # 查看编译参数 nginx -V 2. 基本目录结构 /usr/local/etc/nginx/ # 2025-12-30 技术总结 0 苍世
@react-three/fiber的useThree @react-three/fiber的useThree useThree 详解 可获取的对象 import { useThree } from "@react-three/fiber"; function MyComponent() { const { camera, // ✅ 当前相机 scene, 2025-12-30 技术总结 0 苍世
RigidBody和RapierRigidBody RigidBody和RapierRigidBody 1. RigidBody vs RapierRigidBody 基本概念 import { RigidBody, RapierRigidBody } from "@react-three/rapier"; // RigidBody - React 组件（JSX 元素） <RigidBody typ 2025-12-30 技术总结 0 苍世
r3f使用clone绑定的问题原因 r3f使用clone绑定的问题原因 使用 clone() 的原因 1. React 组件复用的最佳实践 在 React 中，如果一个组件可能被多次使用： // 场景：多个玩家 <Canvas> <Player position={[0, 0, 0]} /> <Player position={[5, 0, 0]} /> {/ 2025-12-30 技术总结 0 苍世
@react-three/fiber的useFrame @react-three/fiber的useFrame useFrame 详解 🎯 核心功能 useFrame 是 @react-three/fiber 提供的 Hook，用于在每一帧渲染时执行回调函数。 📖 实现原理 简化版源码逻辑 // @react-three/fiber 内部实现（简化版） function u 2025-12-30 技术总结 0 苍世
