关于本站

TechFlow 不是一个传统技术博客,而是一个运行在浏览器中的计算机原理实验室。它把 CPU 指令执行、网络数据传输、DNS 解析、JVM 内存管理这些抽象原理,变成可以观察、可以操作、可以实验的动态场景。

通过动态动画呈现抽象技术原理,而不是静态架构图。

调整参数、点击组件、发起模拟请求,观察运行结果。

完整展示技术运行的每个步骤与数据流转。

支持正常流程、异常流程和故障模拟。

它是纯前端项目

所有教程内容、动画配置和模拟计算均在浏览器本地执行:没有后端服务、没有数据库、没有账号体系,也不采集任何个人数据。你可以通过 URL 参数分享特定的实验配置。整个站点可以静态部署,一键 Docker 启动。

Vue 3组件化 UI 框架

TypeScript严格模式类型系统

Vite构建与开发服务

GSAP动画编排引擎

SVG / Canvas可视化渲染

Pinia状态管理

所有动画均为教学模拟模型:它们忠实呈现协议状态机、数据结构与运行机制的核心逻辑, 但对真实实现做了简化(例如 JVM 的 GC 使用教学模型,而非复现某个真实垃圾回收器的全部细节)。每篇教程都会明确标注这类简化,生产实践请以官方文档为准。