可视化图解
系统、框架与架构的交互式可视化图解——从互联网与 OAuth 的工作原理,到商业模式画布、微服务与 CI/CD。每一张都是真实的 QueryChart FlowJam 画布,可以打开成你自己的图表再编辑。
全部页面
- 互联网工作原理图解——从输入网址到页面呈现 — 互联网如何工作,在一张交互式画布上讲清楚:你的设备、本地网络、ISP 基础设施与 Web 服务器,以及一个请求和它的响应如何在其间往返。
- DNS 工作原理——从域名到 IP 地址 — DNS 如何工作,在一张交互式画布上讲清楚:你的设备、递归解析器,以及共同把域名变成 IP 地址的根域名服务器、顶级域名服务器与权威域名服务器。
- HTTPS 工作原理——讲清 TLS 握手 — HTTPS 如何工作,在一张交互式画布上讲清楚:浏览器与服务器之间的 TLS 握手、证书颁发机构的角色,以及随后建立的加密会话。
- OAuth 的工作原理——授权码流程 — OAuth 的工作原理,在一张交互式画布上讲清楚:用户、客户端应用、授权服务器与资源服务器之间的授权码流程。
- JWT 身份认证的工作原理——无需会话的令牌 — JWT 身份认证的工作原理,在一张交互式画布上讲清楚:凭据校验、三段式的签名令牌,以及每次请求如何无状态地完成校验。
- REST API 工作原理——一次请求的往返 — REST API 如何工作,在一张交互式画布上讲清楚:构造 HTTP 请求、服务器上的路由与校验,以及完成这次往返的响应。
- Docker 的工作原理——构建、分发、运行 — Docker 的工作原理,在一张交互式画布上讲清楚:从 Dockerfile 到镜像、从镜像仓库到容器,以及隔离进程的命名空间与 cgroups。
- Kubernetes 的工作原理——从期望状态到运行中的工作负载 — Kubernetes 的工作原理,在一张交互式画布上讲清楚:清单文件、控制平面、调度,以及让工作负载持续运行的调谐循环。
- Git 的工作原理——快照、分支与提交历史 — Git 的工作原理,在一张交互式画布上讲清楚:工作区、暂存区、本地与远程仓库,以及提交如何堆叠出共享的历史。
- 大语言模型的工作原理——训练与推理 — 大语言模型的工作原理,在一张交互式画布上讲清楚:预训练、微调,以及逐个 token 生成每一句回复的那个循环。
- 商业模式画布图解——一家企业的九大构造块 — 商业模式画布的九大构造块——重要合作、关键业务、核心资源、价值主张、客户细分、渠道通路、客户关系、成本结构与收入来源——在一张交互式图表上一览无余。
- 精益画布图解——创业公司模式的九个方框 — 精益画布的九个方框——问题、解决方案、关键指标、独特价值主张、竞争壁垒、渠道、客户细分、成本与收入——在一张交互式图表上一览无余。
- 客户旅程地图——五个阶段,五行对齐 — 客户旅程地图,在一张交互式画布上讲清楚:认知、考虑、购买、上手与留存五个阶段中的客户行为、触点、疑问、痛点与机会点。
- 产品开发生命周期——从想法到交付的产品 — 产品开发生命周期,在一张交互式画布上讲清楚:探索、定义、设计、构建、测试与上线——还有验证关卡,以及把结果送回下一轮的闭环。
- Scrum 框架图解——讲清 Sprint 循环 — Scrum 框架,在一张交互式画布上讲清楚:产品待办列表、Sprint 计划会议、每日站会、Sprint 评审会议,以及合上每一轮循环的回顾会议。
- 敏捷工作流图解——从需求到发布,不断循环 — 敏捷工作流,在一张交互式画布上讲清楚:需求、待办列表、Sprint、演示、干系人验收、发布,以及为下一个循环提供输入的回顾会议。
- SWOT 分析图解——优势、劣势、机会、威胁 — SWOT 分析的四个格子,在一张交互式画布上讲清楚:组织内部的优势与劣势,组织外部的机会与威胁,再按对目标有利还是不利一分为二。
- 波特五力模型图解——是什么塑造行业盈利能力 — 波特五力模型,在一张交互式画布上讲清楚:新进入者、供应商议价能力、购买者议价能力、替代品,以及它们共同推高的现有竞争者的竞争。
- 价值链分析图解——基本活动与辅助活动 — 价值链分析,在一张交互式画布上讲清楚:创造价值的五项基本活动、让它们得以进行的四项辅助活动,以及两者共同产生的利润。
- OKR 规划框架——目标与关键结果 — OKR 框架,在一张交互式画布上讲清楚:目标与关键结果如何从公司逐级对齐到团队、再到个人,以及让它们真正生效的每周与每季节奏。
- 微服务架构图解——许多小服务组成一个系统 — 微服务架构的工作原理,在一张交互式画布上讲清楚:客户端层、API 网关、独立部署的服务、消息通信、每个服务自己的数据存储与可观测性。
- 单体架构图解——一个可部署单元,一个数据库 — 单体架构的工作原理,在一张交互式画布上讲清楚:一个可部署应用里的 UI、业务逻辑与数据访问模块,一个共享数据库,以及由此产生的扩容天花板。
- 事件驱动架构图解——生产、发布、消费 — 事件驱动架构的工作原理,在一张交互式画布上讲清楚:生产者、事件总线、订阅者与事件存储,以及解耦如何让新消费者不必改动生产者就能接入。
- MVC(模型-视图-控制器)图解——输入、更新、渲染 — MVC 模式的工作原理,在一张交互式画布上讲清楚:用户输入如何到达控制器、更新模型,模型再通知视图重新渲染。
- 整洁架构图解——依赖规则 — 整洁架构的工作原理,在一张交互式画布上讲清楚:实体、用例、接口适配器与框架,以及那条让内核保持独立的依赖规则。
- CI/CD 流水线——从提交到生产环境 — CI/CD 流水线,在一张交互式画布上讲清楚:提交、构建、测试、打包、部署到预发布与生产环境,以及决定发布去留的关卡。
- 用户身份认证流程——从注册到通过校验的会话 — 用户身份认证流程,在一张交互式画布上讲清楚:创建账号、密码哈希与存储、登录、创建会话,以及校验受保护的请求。
- API 请求生命周期——请求经过的每一跳 — API 请求的生命周期,在一张交互式画布上讲清楚:DNS、TCP 与 TLS 建连,经负载均衡器路由、服务器处理,以及响应的返回路径。
- 数据流水线架构——从数据源到洞察 — 数据流水线架构,在一张交互式画布上讲清楚:源系统、变更数据捕获、采集、流处理与批处理、数据仓库,以及让回路闭合的数据消费。
- 云部署架构——请求路径与韧性 — 云部署架构,在一张交互式画布上讲清楚:CDN 边缘、负载均衡器、弹性伸缩的应用层、数据层,以及让服务不倒的可观测性。