用 GitHub Copilot Agent 批量整理前端多语言配置 用 GitHub Copilot Agent 批量整理前端多语言配置 背景 hzero/choerodon 前端项目普遍使用 intl.get('key').d('默认中文') 的方式做国际化。随着页面增多，多语言 key 散落在页面文件、子组件和 Store 里，手工整理既容易遗漏又难以保持命名一致性。 本文记录一次用 Copilot Agent 完成"从零提取 → 2026-04-02 技术总结 0 苍世
Git 多身份管理：工作实名与开源网名一键切换 Git 多身份管理：工作实名与开源网名一键切换 场景：日常工作用实名提交，开源项目/技术博客用网名提交，如何优雅地在两个身份之间切换？ 痛点分析 很多开发者同时维护： 公司项目 → 需要实名 + 公司邮箱（便于代码审查、绩效关联） 个人开源/博客项目 → 需要网名 + 个人邮箱（保护隐私、建立技术品牌） 常见的错误做法：把实名 commit 推到 2026-03-12 技术总结 4 苍世
微前端脚手架工具设计与实现：从零到一构建高效开发体验 微前端脚手架工具设计与实现：从零到一构建高效开发体验 项目背景 在开发 Three.js 微前端项目时，每增加一个新的微应用模块都需要： 创建标准目录结构：src/scenes、components、public 等 配置构建工具：vite.config.ts、tsconfig.json、package.json 更新主应用配置：路由、微应用元数据、U 2026-01-05 技术总结 8 苍世
微前端 Docker 构建优化实践：多阶段构建 + 智能缓存策略 微前端 Docker 构建优化实践：多阶段构建 + 智能缓存策略 项目背景 在开发 Three.js 微前端项目时，面临以下容器化挑战： Monorepo 架构：pnpm workspace 管理多个微应用和共享包 构建时间长：每次构建需要安装依赖 + 编译，耗时 5-10 分钟 镜像体积大：包含 node_modules 的镜像超过 500MB 缓存失效频繁：代 2026-01-05 技术总结 1 苍世
基于腾讯云 COS 的智能资源加载方案设计与实践 基于腾讯云 COS 的智能资源加载方案设计与实践 项目背景 在开发 Three.js 微前端项目时，面临大量 3D 模型资源（GLTF/GLB）的加载问题： 开发环境：需要快速迭代，本地加载零延迟 生产环境：模型文件体积大（单个可达数十 MB），需要 CDN 加速 安全需求：云端资源需要鉴权，防止盗链 传统方案往往需要在不同环境手动切换代码，容易出 2026-01-05 技术总结 2 苍世
从零到一：打造实时对战 3D 叠箱子游戏 从零到一：打造实时对战 3D 叠箱子游戏 一个基于 Socket.io + Three.js 的在线对战游戏开发实战 🎮 项目简介 这是一个支持双人实时对战的 3D 叠箱子游戏，玩家需要精准地将移动的方块叠加到底座上，考验反应速度和空间感知能力。项目采用前后端分离架构，支持微服务部署，实现了从本地开发到生产环境的完整工程化流程。 在线体验 2026-01-05 技术总结 3 苍世
IndexedDB详解 IndexedDB详解 简介 IndexedDB是一种在浏览器端存储数据的方式。既然称之为DB，是因为它丰富了客户端的查询方式，并且因为是本地存储，可以有效的减少网络对页面数据的影响。 有了IndexedDB，浏览器可以存储更多的数据，从而丰富了浏览器端的应用类型。 IndexedDB简介 2025-12-30 技术总结 2 苍世
Nginx基础学习 Nginx基础学习 Nginx基础学习 环境准备 1. 安装Nginx（macOS） # 使用Homebrew安装 brew install nginx # 查看Nginx版本 nginx -v # 查看编译参数 nginx -V 2. 基本目录结构 /usr/local/etc/nginx/ # 2025-12-30 技术总结 2 苍世
@react-three/fiber的useThree @react-three/fiber的useThree useThree 详解 可获取的对象 import { useThree } from "@react-three/fiber"; function MyComponent() { const { camera, // ✅ 当前相机 scene, 2025-12-30 技术总结 2 苍世
RigidBody和RapierRigidBody RigidBody和RapierRigidBody 1. RigidBody vs RapierRigidBody 基本概念 import { RigidBody, RapierRigidBody } from "@react-three/rapier"; // RigidBody - React 组件（JSX 元素） <RigidBody typ 2025-12-30 技术总结 2 苍世
