CalcGuide · 技术博客主页 / 一页纸学习计划

一页纸学习计划

一个知识点 = 一份一页纸 + 一个目录;层级 ≤ 3。

共 93 主题 · 子主题 73 · 极高热度 31

前端与客户端 (16)

🟠 前端与客户端

测试与可观测:Vitest / RTL / Playwright / MSW / Sentry / Web Vitals / a11y

学会测试金字塔、组件 / e2e / API mock、错误监控、性能指标与可访问性

testing-and-observability
🟠 前端与客户端

跨端性能、原生桥、离线同步、测试与发布

用 2~3 周从冷启动拆解到能交付一份 TestFlight / Play 内部测试发布 + e2e + 离线同步

cross-platform-performance-and-platform-bridges
🟠 前端与客户端

路由与数据获取:React Router / TanStack Router / SSR / RSC

学会 data router、loader / action、流式 SSR、React Server Components 与 hydration

routing-and-data-fetching
🟠 前端与客户端

无障碍、性能与工具链:WCAG 2.2 / 字体加载 / CSS 性能 / 构建工具

学会 WCAG 2.2 关键审计、critical CSS / content-visibility / 字体加载策略,用 PostCSS / Lightnin

a11y-performance-and-tooling
🟠 前端与客户端

响应式策略与现代 CSS:断点、流体排版、容器查询、颜色与动画

学会 mobile-first 断点策略、clamp() 流体排版、container queries、OKLCH 颜色、prefers-* 与 View Tr

responsive-and-modern-css
🟠 前端与客户端

样式与构建:CSS Modules / Tailwind / Vanilla Extract / Vite / SWC / Turbopack

学会现代样式方案、构建工具链、TypeScript / ESLint / Prettier、monorepo 与性能预算

styling-and-tooling
🟠 前端与客户端

移动端跨平台开发:从原生 iOS/Android 到 React Native / Flutter 与原生桥

用 6~10 周从原生 iOS/Android 入门到能独立构建跨平台 RN/Flutter 应用并理解原生桥

mobile-cross-platform 4 子主题
🟠 前端与客户端

语义化 HTML5 与表单:从 landmark 到无障碍表单

学会用语义化 HTML5 的 landmark / section / 表单 / ARIA,把任何页面做出屏幕阅读器和搜索引擎都看得懂的结构

html-semantics-and-forms
🟠 前端与客户端

原生 iOS 与 Android 基础:Swift / Kotlin、生命周期与构建系统

用 1~2 周从 Swift/Kotlin 语法到能独立写出双端原生列表 + 网络 + 详情 App

native-mobile-foundations
🟠 前端与客户端

组件与 JSX:函数组件、props、state 与组合

学会函数组件、JSX、props/state、列表 key、lift state up、ref、portal 与受控/非受控表单

components-and-jsx
🟠 前端与客户端

CSS 基础与现代布局:盒模型 / cascade / Flexbox / Grid

学会盒模型、文档流、cascade 与特异性,再用 Flexbox 与 Grid 写出任何一维与二维布局

css-fundamentals-and-layout
🟠 前端与客户端

Flutter 与 Dart 引擎:Widget 三棵树、Skia/Impeller 与 isolate

用 2~3 周从 Dart 语法到能写含自定义 Widget + isolate + Platform Channel 的 Flutter App

flutter-and-dart-engine
🟠 前端与客户端

Hooks 与状态管理:useState 到 useTransition,Zustand / RTK / TanStack Query

系统掌握 React Hooks 全部语义、客户端 store(Zustand/Jotai/RTK)与服务端状态(TanStack Query)

hooks-and-state-management
🟠 前端与客户端

HTML 与 CSS 响应式布局:从语义化到现代布局与无障碍

用 4~6 周从语义化 HTML 到能独立设计兼容桌面/平板/手机的现代响应式页面,并具备无障碍意识

html-css-responsive 4 子主题
🟠 前端与客户端

React 应用开发:从组件到 SSR 与测试

用 6~10 周从组件到能独立搭建带路由、状态管理、SSR、测试的可生产 React 应用

react-app 5 子主题
🟠 前端与客户端

React Native 架构:Bridge → JSI → Hermes 与 New Architecture

用 1~2 周从 Bridge 历史到能在 RN 0.74+ New Architecture 下用 JSI / TurboModule / Codegen

react-native-architecture

数据结构与算法 (5)

安全与可靠性 (12)

🟠 安全与可靠性

可观测、威胁建模与漏洞响应:WAF、IDS、日志告警、IR 流程与红蓝对抗

覆盖 A04/A09/A10:WAF/IDS、日志告警、IR Playbook、CVE 跟踪、STRIDE 威胁建模、攻击面分析与漏洞奖励计划

web-security-detection-and-response
🟠 安全与可靠性

敏感数据保护与安全配置:加密、密钥管理与 HTTP 响应头基线

覆盖 A02/A05:KMS/HSM、密钥轮换、字段级加密、TLS、日志脱敏、CSP、HSTS、cookie Secure/SameSite、Referrer-

web-security-crypto-and-config
🟠 安全与可靠性

认证、授权与会话:从密码哈希到 OAuth/PKCE 与 IDOR/CSRF 防御

覆盖 A07/A01:密码哈希、Session、JWT、OAuth 2.0/PKCE、MFA、对象级授权、CSRF 与 CORS 防御

web-security-auth-and-access
🟠 安全与可靠性

依赖与供应链安全:SBOM、扫描与签名验证

覆盖 A06/A08:SBOM(SPDX/CycloneDX)、依赖扫描、签名验证、容器镜像与 CI 集成

web-security-supply-chain
🟠 安全与可靠性

OWASP Top 10 与注入类漏洞:识别、修复、测试

从 OWASP Top 10 风险分类到 SQL/XSS/命令/NoSQL/LDAP/XXE 注入的代码层修复与安全测试

web-security-owasp-injection
🟠 安全与可靠性

TLS 与 HTTPS:从握手到证书信任链

理解对称/非对称加密、TLS 1.2/1.3 握手、证书链与 PKI、HSTS、OCSP Stapling,能用 openssl s_client 调试

tls-and-https
🟠 安全与可靠性

Web 安全:从 OWASP Top 10 到漏洞响应

用 4~8 周从 OWASP Top 10 到能修复常见漏洞、写安全测试、建立依赖扫描与漏洞响应流程

web-security 5 子主题
🟡 安全与可靠性

防火墙与内核加固:把好第三道门

从 nftables/iptables 防火墙到 sysctl、内核 lockdown、Secure Boot、模块禁用,把进出的网络流量和内核能力都压到最小

network-and-kernel
🟡 安全与可靠性

审计、合规与备份:检测、响应、恢复

从 auditd 规则、journald 集中日志、OpenSCAP / Lynis 扫描到 restic / borgbackup 异地多活与 IR 演练,让

audit-compliance-and-backup
🟡 安全与可靠性

文件系统权限、强制访问控制与 systemd 沙箱:把好第二道门

从 chmod/chown/ACL/SUID/Linux capabilities 到 SELinux/AppArmor 与 systemd 沙箱,把进门的活动

permissions-and-mac
🟡 安全与可靠性

账号、认证与 SSH 加固:把好第一道门

从账号、密码策略、登录锁定到 SSH 密钥 + sshd_config 加固 + MFA,让远程接入不留明文

identity-and-ssh
🟡 安全与可靠性

Linux 系统安全加固:从账号权限到纵深防御

用 4~6 周从账号权限、SELinux、审计到能按 CIS Benchmark 加固一台 Linux 服务器并通过扫描

linux-hardening 4 子主题

编程语言 (2)

工程技术 (22)

🔥极高 工程技术

镜像构建与分发:从概念到可验证实践

从 Dockerfile、layer、BuildKit 缓存到 registry、buildx 多平台与 save/load。

image-build-and-distribution
🔥极高 工程技术

容器运行、网络与存储:从概念到可验证实践

掌握 run 生命周期、namespace/cgroup、端口、bridge、volume、bind mount 与数据恢复。

container-runtime-network-storage
🔥极高 工程技术

生产化、安全与可观测性:从概念到可验证实践

覆盖多阶段瘦身、缓存、扫描、rootless、最小权限、日志指标和故障处理。

production-security-observability
🔥极高 工程技术

Compose 多容器编排:从概念到可验证实践

用 Compose 管理服务依赖、网络、存储、healthcheck、配置和环境差异。

compose-multi-container
🔥极高 工程技术

Docker 容器化:从镜像到 Compose 与多容器编排

用 4~6 周从 docker run 到能写生产级 Dockerfile 与 Compose 多容器应用

docker-basics 4 子主题
🔥极高 工程技术

Git 与团队协作:从本地版本管理到完成一次规范协作

用 2~4 周从单人 commit 走到规范 PR / Code Review / 团队协作

git-and-collaboration
🔥极高 工程技术

Linux 开发环境:从命令行入门到独立管理开发环境

用 4~8 周从零基础学会 Linux 命令行、用户权限、systemd、网络配置和 SSH 自管理开发环境

linux-dev-env
🟠 工程技术

缓存体系与数据层选型

用 5 种缓存写策略、Redis/Memcached、CDN、关系/文档/列存/时序/向量/对象存储选型搭好读写路径

caching-and-data-layer
🟠 工程技术

混沌工程、容量规划、Runbook 与 SOP

用 1~2 周从 steady-state hypothesis 到能用 Chaos Mesh / Litmus 做故障演练、用 USL 做容量规划、写 Run

chaos-and-capacity
🟠 工程技术

可观测、合规与 DORA:从 SBOM/SLSA 到 Four Keys 与事故响应

从 SBOM、SLSA 签名、cosign 验证到 DORA Four Keys、incident response 与合规审计的工程闭环。

observability-compliance-and-dora
🟠 工程技术

可观测性与 SRE:从 SLI/SLO 到事故响应与混沌工程

用 6~10 周从 Prometheus / Grafana 到能定义 SLI/SLO、设计告警分级、主导事故响应与 Postmortem

observability-and-sre 4 子主题
🟠 工程技术

流水线与自动化:从 workflow 到 artifact 与 runner

从 GitHub Actions workflow 语法到 artifact、cache、matrix、self-hosted runner 与 OIDC 的工

pipeline-and-automation
🟠 工程技术

容量估算与架构分层

用容量估算、L4/L7/GSLB 负载均衡、分库分表与一致性哈希、API 网关、压测方法学搭起系统骨架

capacity-and-architecture
🟠 工程技术

系统设计:从容量估算到一致性与可观测

用 4~8 周从容量估算到能设计支撑百万级用户的可扩展系统

system-design 4 子主题
🟠 工程技术

限流降级熔断与可观测

用令牌桶/漏桶/滑动窗口限流、Resilience4j 熔断、SLI/SLO/错误预算、混沌工程做出可生产运维的系统

reliability-and-observability
🟠 工程技术

一致性、分布式事务与消息异步

用 CAP / PACELC、2PC / Saga / Outbox / CDC、Kafka / 事件溯源处理跨服务一致与异步

consistency-and-messaging
🟠 工程技术

CI/CD 与发布:从流水线到灰度与回滚

用 4~6 周从 GitHub Actions 流水线到能搭建带灰度/回滚/可观测的完整发布系统

ci-cd-and-release 4 子主题
🟠 工程技术

IaC 与 GitOps:Terraform、Pulumi、Argo CD 与 drift 检测

从 Terraform / Pulumi / Ansible 的 IaC 基础,到 Argo CD / Flux 的 GitOps、drift 检测与多环境多云

iac-and-gitops
🟠 工程技术

Metrics / Logs / Traces 三支柱与 OpenTelemetry 采集

用 1~2 周从三支柱定义到能用 OpenTelemetry SDK + Collector 串联多语言服务

metrics-logs-traces
🟠 工程技术

Prometheus / Grafana / Loki / Tempo / OpenTelemetry 可观测栈实战

用 1~2 周从 PromQL 到能搭起 Prometheus + Grafana + Loki + Tempo + OTel Collector + Aler

prometheus-grafana-otel-stack
🟠 工程技术

Release 策略与渐进发布:semver、蓝绿、金丝雀与回滚

从语义化版本、tag、release branch 到 Argo Rollouts canary / blue-green / Flagger 与 featur

release-strategies-and-rollout
🟠 工程技术

SLI / SLO / 错误预算与事故响应与 Postmortem

用 1~2 周从 SLI 公式到能定义 4 个 9 SLO、设计 burn rate 告警、主导一次 IC 会议并写 Postmortem

slo-and-incident-response

项目与职业能力 (6)

数据与人工智能 (11)

🔥极高 数据与人工智能

大语言模型应用:从 Prompt 到 RAG 与 Agent 的工程实践

用 8~12 周从 Prompt 起步学到独立完成 RAG 与 Agent 应用

llm-applications 4 子主题
🔥极高 数据与人工智能

Function Call 与 Agent:从工具协议到错误恢复

掌握 Function Call、Agent loop、状态机和工具错误恢复

function-call-and-agent
🔥极高 数据与人工智能

LLM 评测与运维:从质量指标到灰度控制

建立人工、A/B、LLM-as-judge 评测与可观测、成本、灰度体系

llm-eval-and-ops
🔥极高 数据与人工智能

LLM 推理与性能:从推理引擎到吞吐延迟优化

对比 vLLM/TGI/Ollama,掌握 KV cache、量化和吞吐延迟调优

llm-inference-and-perf
🔥极高 数据与人工智能

Prompt 与 RAG:从模板到可引用检索

掌握 Prompt 模板与 RAG 全流程,构建带引用的知识库问答

prompt-and-rag
🟠 数据与人工智能

流处理与实时管道:从 Kafka 到 Flink Exactly-Once

用 Kafka + Flink/Spark Streaming 搭实时管道,掌握 Exactly-Once、Watermark、State、Window

streaming-and-realtime
🟠 数据与人工智能

数仓建模与 Lakehouse:从分层架构到表格式

用分层架构 + 维度建模 + Iceberg/Delta/Hudi 表格式把数据湖升级为 Lakehouse

warehouse-modeling-and-lakehouse
🟠 数据与人工智能

数据工程基础:从 ETL 到数仓与流处理

用 6~10 周从 ETL 到能设计分层数仓与流式管道,落地数据治理与可观测

data-engineering-basics 5 子主题
🟠 数据与人工智能

数据治理、质量与血缘:从 dbt 测试到 OpenLineage

用 dbt tests + Great Expectations + OpenLineage 把数据治理和质量门禁变成流水线一环

data-quality-and-lineage
🟠 数据与人工智能

ETL/ELT 编排与批处理:从 DAG 到可重跑

用 DAG 把数据摄取、转换、写入写成可重跑、可观测、可回填的批处理流水线

etl-and-batch-pipelines
🟠 数据与人工智能

Schema 演进与批流一体:从表格式版本化到统一存储

用表格式 Schema Evolution + Lakehouse 统一存储,把批处理与流处理跑在同一份数据上

schema-evolution-and-batch-stream-unified

计算机基础 (14)

🔥极高 计算机基础

关系模型与 SQL:从 SELECT 到 JOIN

理解关系代数、SQL 语法、JOIN 类型、聚合与窗口函数

relational-model-and-sql
🔥极高 计算机基础

计算机网络:从物理层到 HTTP/3 的全栈协议与排查

用 12~16 周从线缆学到能在生产环境用 Wireshark/eBPF 排查 HTTPS 性能问题

network 9 子主题
🔥极高 计算机基础

数据库原理与 SQL:从关系模型到事务隔离

用 6~10 周从 SQL 基础到能设计表结构、分析查询计划、调优索引与事务

db-and-sql 4 子主题
🔥极高 计算机基础

DNS 与命名:从根服务器到本地解析

理解 DNS 层级、递归/迭代解析、TTL 与缓存、DNSSEC、DoH/DoT,能用 dig/nslookup/dnspy 排查

dns-and-naming
🔥极高 计算机基础

HTTP/1.1 到 HTTP/3:从请求到流复用

理解 HTTP 方法/状态码/Header 演进、HTTP/2 二进制帧与多路复用、HTTP/3+QUIC,能用 curl/nghttp2 调试

http-1-2-3
🔥极高 计算机基础

TCP 与 UDP:从三次握手到拥塞控制

理解 TCP 三次握手/四次挥手、滑动窗口、拥塞控制、UDP 适用场景、QUIC 演进

tcp-and-udp
🔥极高 计算机基础

TCP/IP 协议栈:从 IP 到 ICMP

理解 IPv4/IPv6 报文、子网划分、路由、NAT、ICMP,能用 traceroute/mtr 排查

tcp-ip-stack
🟠 计算机基础

事务与隔离级别:从 ACID 到 MVCC

理解 ACID、4 种隔离级别、MVCC、死锁与锁升级

transaction-and-isolation
🟠 计算机基础

索引与查询计划:从 EXPLAIN 到执行优化

理解 B+Tree、Hash、GiST 索引;能读 EXPLAIN、识别慢查询与全表扫描

index-and-query-plan
🟠 计算机基础

网络排查与可观测性:从 ping 到 eBPF

用 ping/mtr/ss/netstat/traceroute/eBPF 逐级定位网络问题,能写 bpftrace 脚本

network-troubleshooting
🟠 计算机基础

物理与链路层:从线缆到交换机

理解 MAC 帧、VLAN、ARP、Wi-Fi 与交换机原理,能用 tcpdump/Wireshark 验证

physical-and-link-layer
🟠 计算机基础

抓包与协议分析:从 Wireshark 到 BPF

能用 tcpdump BPF 过滤、Wireshark 解码、tshark 命令行分析常见协议与 HTTPS 密钥

packet-analysis
🟡 计算机基础

表设计与范式:从 1NF 到反范式权衡

理解 1NF/2NF/3NF/BCNF;能根据查询模式做反范式与索引设计

schema-design-and-normalization
🟡 计算机基础

协议设计原理:从状态机到向后兼容

理解协议分层、有限状态机、字节序、变长字段、版本演进与向后兼容

protocol-design

Web 与后端 (5)