雷姆 Agent·念念工作台
首页文章项目

PERSONAL TECHNICAL KNOWLEDGE BASE

个人技术
知识库

把 Markdown 知识源整理成一张可以学习、复习、展示的全栈工程地图。

27NOTES
27总知识
27已完成
7学习阶段
2026-08-02最后更新时间

LEARNING ROUTE

学习路线概览

7 stages / 27 notes
  1. 01
    阶段 1

    Web 基础

    5 个知识点 · 35 分钟起

    查看阶段内容 ↘
  2. 02
    阶段 2

    React

    3 个知识点 · 30 分钟起

    查看阶段内容 ↘
  3. 03
    阶段 3

    Next.js

    4 个知识点 · 25 分钟起

    查看阶段内容 ↘
  4. 04
    阶段 4

    Node.js

    3 个知识点 · 30 分钟起

    查看阶段内容 ↘
  5. 05
    阶段 5

    数据建模 / ORM / SQL

    3 个知识点 · 40 分钟起

    查看阶段内容 ↘
  6. 06
    阶段 6

    部署工程 / 工程化 / 测试工程

    5 个知识点 · 30 分钟起

    查看阶段内容 ↘
  7. 07
    阶段 7

    MCP 与 AI 工程

    4 个知识点 · 20 分钟起

    查看阶段内容 ↘
CURRENT PROGRESS

学习进度

100%
总知识 27已完成 27学习中 0建设中 0
KNOWLEDGE MAP

全部知识

显示 27 / 27
阶段 1

Web 基础

Web 基础已完成

HTTP 与 Web 服务器基础

建立从浏览器、网络连接到 Web Server 的基础请求模型。

Beginner#http#web-server#nodejs
预计 35 分钟进入学习 ↗
Web 基础已完成

浏览器与服务器如何协作

理解浏览器如何发起请求、服务器如何处理请求,以及页面如何回到用户眼前。

Beginner#browser#server#http
预计 25 分钟进入学习 ↗
Web 基础已完成

URL、DNS、TCP、HTTP 请求生命周期

把一次网页访问拆成 URL 解析、域名查找、连接建立和 HTTP 请求四个阶段。

Beginner#url#dns#tcp
预计 35 分钟进入学习 ↗
Web 基础已完成

Cookie、Session 与 Token

理解 HTTP 无状态背景下,网站如何记住用户身份并保护登录状态。

Intermediate#cookie#session#token
预计 30 分钟进入学习 ↗
Web 基础已完成

HTTP 缓存与资源验证

理解浏览器和服务器如何减少重复下载,并判断本地资源是否仍然有效。

Intermediate#http-cache#cache-control#etag
预计 30 分钟进入学习 ↗
阶段 2

React

React已完成

React 组件与数据流

理解 React 如何把页面拆成组件,以及数据如何在组件之间流动。

Beginner#react#components#props
预计 30 分钟进入学习 ↗
React已完成

React Hooks 核心思想

理解 Hooks 如何让函数组件拥有状态、副作用和可复用逻辑。

Intermediate#react#hooks#use-state
预计 35 分钟进入学习 ↗
React已完成

状态管理与组件通信

根据状态影响范围选择 Props、Context、URL 或外部 Store,避免无目的引入状态库。

Intermediate#react#state-management#context
预计 35 分钟进入学习 ↗
阶段 3

Next.js

Next.js已完成

Next.js 核心架构

理解 Next.js 如何组织路由、服务端组件、数据访问和页面职责。

Beginner#nextjs#app-router#fullstack
预计 25 分钟进入学习 ↗
Next.js已完成

Server Components 与 Client Components

理解 Next.js 如何把服务端数据能力和浏览器交互拆成不同组件边界。

Intermediate#nextjs#server-components#client-components
预计 35 分钟进入学习 ↗
Next.js已完成

Next.js App Router 路由系统

通过 app 目录、文件约定和动态参数理解 Next.js 如何把目录映射成 URL。

Beginner#nextjs#app-router#routing
预计 30 分钟进入学习 ↗
Next.js已完成

Next.js 数据获取与缓存机制

理解 Next.js 如何获取数据、复用结果,以及在内容更新后重新验证缓存。

Advanced#nextjs#data-fetching#cache
预计 40 分钟进入学习 ↗
阶段 4

Node.js

Node.js已完成

Node.js 运行机制

从 JavaScript 引擎、Node API 和操作系统能力三层理解 Node.js 不只是 JavaScript。

Beginner#nodejs#runtime#v8
预计 30 分钟进入学习 ↗
Node.js已完成

Node.js Event Loop 事件循环

理解 Node.js 如何在主线程中协调异步 I/O,以及为什么阻塞事件循环会拖慢整个服务。

Intermediate#nodejs#event-loop#async
预计 40 分钟进入学习 ↗
Node.js已完成

Express 与 Fastify 接口设计

从路由、参数校验、错误处理和日志设计一套可迁移的 Node.js API 结构。

Intermediate#nodejs#express#fastify
预计 40 分钟进入学习 ↗
阶段 5

SQL / ORM / 数据建模

SQL已完成

SQL 数据库基础

理解关系型数据库如何保存、查询和保护结构化业务数据。

Beginner#sql#database#relational-database
预计 40 分钟进入学习 ↗
ORM已完成

ORM 基础与使用边界

理解 ORM 如何把程序对象映射到数据库表,以及什么时候应该回到 SQL。

Intermediate#orm#prisma#drizzle
预计 35 分钟进入学习 ↗
数据建模已完成

数据建模

从业务对象、关系和访问方式出发,把现实问题转成可维护的数据结构。

Intermediate#data-modeling#schema#normalization
预计 40 分钟进入学习 ↗
阶段 6

工程化 / 测试工程 / 部署工程

工程化已完成

Git 版本控制基础

理解 Git 如何记录变更、创建分支和合并多人协作结果。

Beginner#git#version-control#branch
预计 30 分钟进入学习 ↗
工程化已完成

ESLint 与代码质量

理解 ESLint 如何把团队代码规则变成可执行的检查和自动修复流程。

Beginner#eslint#code-quality#lint
预计 25 分钟进入学习 ↗
测试工程已完成

Vitest 测试基础

用单元测试和集成测试验证代码行为,把修改风险变成可重复运行的检查。

Beginner#vitest#testing#unit-test
预计 35 分钟进入学习 ↗
部署工程已完成

Docker 基础

理解 Docker 如何把应用和运行环境打包成可重复启动的容器。

Beginner#docker#container#image
预计 35 分钟进入学习 ↗
部署工程已完成

CI/CD 持续集成与持续交付

把代码检查、测试、构建和部署串成可重复执行的交付流水线。

Intermediate#ci-cd#github-actions#deployment
预计 40 分钟进入学习 ↗
阶段 7

MCP 与 AI 工程

MCP 与 AI 工程已完成

MCP 是什么与解决什么问题

从 AI 应用连接外部工具和数据的问题出发,理解 MCP 的价值和边界。

Beginner#mcp#protocol#ai-agent
预计 20 分钟进入学习 ↗
MCP 与 AI 工程已完成

MCP 架构

理解 Host、Client、Server 三个角色,以及 AI 应用如何通过 MCP 连接外部能力。

Intermediate#mcp#architecture#host
预计 35 分钟进入学习 ↗
MCP 与 AI 工程已完成

MCP Server 设计

从工具边界、输入 Schema、权限和副作用出发设计可靠的 MCP Server。

Advanced#mcp#server-design#tools
预计 40 分钟进入学习 ↗
MCP 与 AI 工程已完成

Agent 工具调用流程

理解 Agent 如何判断需要工具、生成参数、执行调用并根据结果继续推理。

Intermediate#agent#tool-calling#mcp
预计 35 分钟进入学习 ↗