你用 React 做了一个网页扑克游戏。菜单、弹窗、计分板都很顺，但一到牌桌——50 张牌同时做动效——帧率掉到个位数。你试着优化 React 渲染，没用；试着减少 DOM 节点，还是没用。问题不在你的代码，在于 DOM 本来就不是为这种事情设计的。

这篇文章解释一个解法：把 UI 交给 React，把牌桌交给 PixiJS，用 Vite 把它们连起来。

Node.js 生态中有四个常用的包管理相关工具：npm、yarn、pnpm 和 npx。选错工具或混用会带来依赖冲突、CI 构建慢、磁盘浪费等问题。本文从底层原理出发，用类比解释设计差异，重点在于 “ 为什么 “，而非只罗列 “ 怎么做 “。

你正在 feature 分支改了 20 个文件，线上突然报了个紧急 bug——怎么办？

用 stash 的话，需要 5 步：暂存 → 切分支 → 修 bug → 切回来 → 还原（还要祈祷没有冲突）。Git Worktree 让你只需 2 步：新建一个目录直接开始修，feature 的代码、IDE 窗口、编译缓存全程不受干扰。

通过 Clash Verge Rev 配置链式代理，实现中转节点 + 静态住宅 IP 落地的流量转发链路。

主路由跑着 OpenClash 代理，但 NAS、IPTV 盒子、智能家居等设备需要直连上网，不走代理。在主路由上写分流规则容易失控，更稳妥的方案是拉一台副路由独立组网，流量与主路由彻底隔离。

Docker Compose 将多容器应用的配置集中到一份 YAML 文件中，通过 docker compose up/down 一键创建或销毁整个运行环境，确保团队成员在相同配置下获得一致的开发、测试体验。

Docker 网络是容器通信的基础设施层。六个场景串联核心知识：单容器上网、两容器互通、多服务隔离、跨主机通信，直到特殊需求与生产排障。

Docker 三种数据挂载方式（Named Volume、Bind Mount、tmpfs）的原理、选型策略与生产避坑指南。

Dockerfile 是一个纯文本文件，用声明式的指令定义镜像的构建过程。每条指令对应镜像的一层（layer），最终叠加形成完整镜像。

1. 核心概念

Docker 体系围绕三个核心对象展开：镜像（Image）、容器（Container）、仓库（Repository）。