本地运行 · 源码绝不上云 · 物理行号可验证

AI 帮你写代码，AiReadCode 帮你读懂代码。

左文右码，每个结论都能点回真实源码行。
读得懂，也验得了。

打开本地项目，3 分钟生成第一本解读书籍专著书架 (4部开源专著)

100% 本地扫描 · 代码绝不出本机

物理行号直跳真实代码 · 拒绝 AI 虚构

4 阶递进透视 · 3 分钟读懂复杂工程

已识别您的系统为 Windows x64 · 支持 Windows 10/11 & macOS

桌面客户端实机交互演示左边是你的项目代码 · 右边是 4 种透视表现方式 · 切换查看

AiReadCode 工作台 / 左边：项目源码 (packages/reactivity) ➔ 右边：4 种透视表现形态

左项目 · 右表现 · 秒级印证

packages/reactivity/src/reactive.ts

已精准定位 45~53 行

44export function reactive<T extends object>(target: T) {

45 if (isReadonly(target)) return target as any

46 return createReactiveObject(

47 target,

48 false,

49 mutableHandlers,

50 mutableCollectionHandlers,

51 reactiveMap

52 )

53}

表现 01 · 3 秒看透本质（功能 + 结构） overview.md

Vue 3 核心响应式系统 (Reactivity Core)

【功能定位】 这是一个基于 ES6 Proxy 的高性能、无侵入响应式状态管理内核。专为透明拦截对象读写、自动化追踪依赖并在数据变动时毫秒级触发副作用而设计，已完全解耦 DOM，可在任何 JS/TS 环境独立运行。

【架构结构】 系统严格划分为三大解耦层：顶层「工厂入口（index/reactive）」、中层「核心拦截陷阱 Traps（baseHandlers）」以及底层「全局依赖拓扑调度中枢（effect/dep）」，依赖流向单向自洽。

🔹 核心功能：深层 Proxy 响应化 · 精准依赖派发 · 逃生舱只读模式

🔹 架构结构：三层解耦 (入口工厂 ➔ 拦截陷阱 ➔ 依赖拓扑中心)

🔹 技术基石：ES6 Proxy + WeakMap 拓扑缓存 · 8,420 行精简核心

表现 02 · 3~5段深度透视（功能 + 结构） paragraphs.md

第 1 段 · 入口暴露与核心功能定义 对外通过 reactive()、ref()、computed() 暴露工厂函数，将普通 JS 对象包装为 Proxy 实例，统一深度拦截 get、set、has 等 13 种原生底层操作。

第 2 段 · 运行时依赖收集与调用流向 当业务读取属性时，Proxy 的 get 陷阱拦截并调用 track()，将正在运行的副作用注册到该属性依赖桶；当属性赋值时，set 陷阱触发 trigger() 批量派发更新回调。

第 3 段 · 模块解耦与分层架构划分 内部严格解耦：baseHandlers.ts 抹平 ES 规范 Traps 行为，dep.ts 负责高效集合计算，targetMap 利用 WeakMap 构建内存级全局响应拓扑，各层单向调用无环依赖。

第 4 段 · 边界防护与极限容错机制 提供 shallow 浅层、readonly 只读与 toRaw 逃生舱；内置 ActiveEffect 递归死循环熔断拦截，借助 WeakMap 随宿主对象生命周期自动 GC 回收，杜绝长时间运行内存泄露。

表现 03 · 项目包含的核心主题 topics.json

1. Proxy 代理工厂与拦截陷阱

核心基石

封装 13 种 ES 原生拦截操作，处理数组变异方法与 Map/Set 集合类型的特殊响应化。

reactive.ts baseHandlers.ts collectionHandlers.ts

2. 依赖追踪与副作用派发中枢

核心动力

双向依赖图谱构建、位标记批量清理、副作用调度队列与 EffectScope 作用域生命周期管理。

effect.ts dep.ts effectScope.ts

3. 惰性求值与计算属性调度系统

派生状态

基于 Dirty 脏标记的惰性求值与缓存校验机制，只在读取时按需计算，通过调度器精细化整合渲染。

computed.ts

4. 浅层响应与防御性只读不可变模式

边界保护

性能敏感型大对象浅层响应化，以及跨组件参数传递时的深层只读不可变保护与 toRaw 逃生机制。

shallow.ts readonly.ts

表现 04 · 像读技术书一样通读第 03 章 · 3.2 节

响应式核心：createReactiveObject

Vue 3 将所有响应式对象的创建收拢在统一工厂中。不管是普通响应式还是只读对象，都在此处装配 Proxy 拦截器：

📎 packages/reactivity/src/reactive.ts :45-53

➔ 点击跳到左侧代码

〔为什么这样写〕 使用 WeakMap 缓存原始对象与代理实例，避免重复包装；对象被垃圾回收后缓存自动释放，杜绝内存泄漏。

在线试读专区

解读书籍专著书架

无需下载，直接在线体验“左文右码”。以下专著均由 AiReadCode 扫描官方开源仓库编撰而成，每一个技术推导均能点回真实源码行。

前端底层 · 14 章专著

Vue core 仓库工程化与全链路架构

对应 vuejs/core (★ 45.8k) · 14 章

围绕“一次提交如何变成 npm 包”主线，拆解 Monorepo 物理隔离、dev 编译、类型流水线、release.js 发布状态机。

Monorepo Proxy 响应式 SFC 编译 release.js

AI Infra · 14 章专著

vLLM 源码深度解读：高性能推理引擎

对应 vllm-project/vllm (★ 35.2k) · 14 章

以“一个推理请求的完整生命周期”为主线，剖析 PagedAttention 显存分页机制、连续批处理调度与分布式并行原语。

PagedAttention KV Cache 虚拟化连续批处理 CUDA Graph

系统高性能 · 14 章专著

Tokio 源码深度解读：生产级异步运行时

对应 tokio-rs/tokio (★ 28.5k) · 14 章

逐层拆解 Future/Waker/Executor 三件套心智模型、Runtime 组装、I/O Reactor 事件循环、Work-stealing 任务窃取调度。

Future/Waker Reactor 驱动 Work-Stealing coop 协作调度

GPU 智算底座 · 25 章专著

NCCL 源码解读：一个 AllReduce 的 GPU 旅程

对应 NVIDIA/nccl (★ 6.2k) · 25 章

系统拆解 NVIDIA NCCL 通信库内核：单进程多卡行为与避坑、拓扑搜索、LL/LL128/Simple 三套数据搬运原语与 GPUDirect RDMA。

AllReduce 原语 LL/LL128 协议拓扑图搜索 GPUDirect RDMA

两大核心场景

写代码有 Cursor，读代码有 AiReadCode

功能就是一句话：用 AI 把 AI 写的代码，或你不懂的项目，让你读懂。

场景 01 AI 时代日常必备

读 AI 写的代码

Cursor / Claude / Copilot 刚写了几百行，你看不懂、不敢合、怕有隐藏 Bug？

❌ 以前的痛苦

AI 生成代码极快，但逻辑黑盒。跨文件调用复杂、变量跳来跳去，改动点藏在各个角落。肉眼审阅耗时费力，合进去出了线上故障只能背锅。

✨ AiReadCode 怎么做

一键理清改动脉络与函数调用关系。清晰指出：改动了什么、影响了哪些现有模块、输入输出有什么变化。大白话讲透潜在风险，审查合代码心里有底。

场景 02 工程攻坚与学习

读你不懂的工程

新接手同事的陈年老代码，或者想研读几万行的开源库，成百上千个文件无从下手？

❌ 以前的痛苦

文档早就过时，目录密密麻麻几十个文件夹。向通用 AI 提问只能问一句答一句，上下文一长就断，而且经常胡编不存在的函数。

✨ AiReadCode 怎么做

本地扫描全库，写出一本通俗易懂的技术教程。从整体架构、初始化流转到底层核心机制，由浅入深逐章精讲。左文右码，行号直跳真实代码，手把手带你通读。

透视与表现

左边是项目，右边是彻底读懂它的 4 种表现方式

无论面对 AI 几秒生成的大量代码，还是几十万行的复杂旧工程：左边是代码，右边从粗到细、由浅入深逐层透视。

📌 3 秒看透本质

精简描述（含功能与结构）

一两句话一语中的：既讲透核心功能与解决的本质痛点，又交代清楚分层架构与模块构成。第一眼建立清晰精准的全局认知，不再盲目瞎猜。

⚡ 1 分钟深入通盘

3~5段透视（含功能与结构）

根据项目复杂程度自适应生成 3~5 个精炼段落。自顶向下覆盖对外功能入口、运行时调用时序脉络、模块分层协同与边界容错机制，通俗且透彻。

🏷️ 模块领域一览

项目包含的核心主题

将整个项目解构成清晰的技术专题与业务领域清单。一眼看清项目由哪几个核心主题构成、每个主题涉及哪些源文件，阅读学习目标明确。

📚 系统深度精读全库

用一本书完整讲述项目

像读技术专著一样系统透读。由浅入深逐章精讲，左文右码同屏对照。每句技术断言都有真实物理行号锚定，点一下秒跳源文件！

🔒

100% 本地优先（Local-First）：你的代码绝不出电脑

工程扫描和索引完全在你的电脑本地完成，不设任何中间服务器存储代码。商业机密与核心资产绝对安全。

免费下载桌面客户端 ➔

产品定位对比

写代码的工具很多，读懂代码的工具很少

定位决定体验：代码补全工具服务于输出，AiReadCode 解决工程理解与阅读。

对比维度	Cursor / Copilot	AiReadCode ★ 读懂代码专著
核心场景	写代码	读懂代码
是否改动仓库	会	不会
输出	补全、修改建议	可系统阅读的教材
能否核实	靠你自己判断	书中每个结论跳回真实源码行

全栈覆盖

无论什么语言与工程，都能带你读懂

内置多语言静态分析与拓扑提取，秒级解析主流语言的依赖关系与模块流向。

TypeScript / JavaScript

Vue / Svelte / React

Rust

Python

Java

Kotlin

Swift

PHP

Ruby

Dart / Flutter

C / C++

CUDA

Web 前端、后端服务、移动端、底层通信库（如 NCCL），都可以本地扫描并带你读懂。

软件许可

买的是软件，不是 Token

无缝解耦客户端功能与模型消费，将选择权与控制权百分之百归还于开发者。

弹性订阅

年费

¥68 / 年

不限本数、不限章节
无水印导出 Markdown / HTML
四层解读与项目地图
最多 3 台设备
到期手动续费，不自动扣款

开通年费

🔥 推荐 · 一次买断

终身

¥188 / 买断终身

年费的全部能力
产品在架期间持续可用
年费未过期可补差价 ¥120 升级
最多 3 台设备
7 日内未完成全书可申请退款

买断终身

AI 调用费使用你自己的 DeepSeek API Key，直接付给模型服务商。以 Vue 3、12 章、标准深度为例，约 30~45 分钟写完，API 费用约 6~9 元。

客户端下载

下载 AiReadCode，打开第一个项目

Tauri 2 桌面应用，安装包约 15MB。扫描与阅读在本地完成，模型调用使用你自己的 API Key。

Windows

Windows 10 / 11（64 位）

下载安装程序 (.exe) 企业安装包 (.msi)

版本 v1.0.0 · 约 6.7 MB · 商业数字签名认证

macOS

macOS 11.0 及更高版本 (支持 Apple Silicon & Intel)

通用安装包 (.dmg) Apple 芯片

版本 v1.0.0 · 约 15.2 MB

已识别您的系统为 Linux（适配测试中） · 支持 Windows / macOS

FAQ

常见问题

解答关于成书模式、费用、模型以及语言支持的常见疑问

不需要。打开项目、选读者画像和深度、确认大纲即可。

以 Vue 3、12 章、标准深度为例，约 30~45 分钟，API 费用约 6~9 元。

它们写代码，AiReadCode 读代码。

TS/JS、Vue/Svelte、Rust、Python、Go、Java、C#、Kotlin、Swift、PHP、Ruby、Dart、C/C++、CUDA。

提示 source changed，可继续读旧书或重新生成。按变更范围重写受影响章节是后续版本能力。

不包含，客户端许可与 API 调用费分开。

Markdown 和独立 HTML；PDF / EPUB 在计划中。