Blog

博客

30 in-depth guides, deep dives, and best practices for the tools and concepts behind them.

30 篇深度指南、深入解析与最佳实践,涵盖工具本身和它们背后的概念。

⚖️
Health · Guide
健康 · 指南

How to Calculate BMI Accurately

如何准确计算 BMI

Formula, categories, and the limits of the metric.

公式、分类和该指标的局限。

📊
Health · Deep dive
健康 · 深入

How to Read and Understand Your BMI Result

如何读懂和理解 BMI 结果

Why BMI is for populations, not individuals.

为什么 BMI 适合群体而非个人。

🍎
Health · Nutrition
健康 · 营养

How Calories and Macros Really Work

卡路里与宏量营养素的真相

BMR, TDEE, and the 4-4-9-4 math explained.

BMR、TDEE 与 4-4-9-4 公式详解。

🏦
Finance · Deep dive
金融 · 深入

Understanding Loan Amortization

理解贷款摊销

How a fixed payment splits into principal and interest.

固定月供如何拆分到本金与利息。

📈
Finance · Strategy
金融 · 策略

The Power of Compound Interest

复利的力量

Why your 20s matter and the Rule of 72.

为什么 20 多岁至关重要以及 72 法则。

🌅
Finance · Planning
金融 · 规划

How to Plan for Retirement in Your 20s

20 多岁如何规划退休

The four numbers you need and where to put them.

四个关键数字以及资金该放哪里。

🏠
Finance · Decision
金融 · 决策

Renting vs Buying a Home: A Numbers-First Guide

租房还是买房:以数字为先的指南

5% rule, opportunity cost, and break-even math.

5% 法则、机会成本与盈亏平衡。

💸
Finance · Concept
金融 · 概念

What Inflation Does to Your Savings

通胀如何侵蚀你的存款

Real returns, TIPS, and the hidden cost of cash.

实际收益、TIPS 与现金的隐藏成本。

🔐
Encoding · Tutorial
编码 · 教程

When (and When Not) to Use Base64

何时使用(以及不该使用)Base64

Use cases and the "not encryption" myth.

使用场景与"不是加密"的误区。

🌐
Encoding · History
编码 · 历史

The History and Future of Character Encoding

字符编码的历史与未来

From ASCII to UTF-8, why one of them won.

从 ASCII 到 UTF-8,为何 UTF-8 胜出。

🔗
Web · Explained
Web · 解析

URL Encoding Explained

URL 编码详解

What the %20 in URLs really means.

URL 里的 %20 到底是什么。

.*?
Text · Tutorial
文本 · 教程

A Gentle Introduction to Regular Expressions

正则表达式入门

Metacharacters, anchors, groups, and practical recipes.

元字符、锚点、分组与实用范例。

M↓
Text · Reference
文本 · 参考

Markdown Cheatsheet: The 90% You Will Ever Use

Markdown 速查:90% 场景这就够

Headings, lists, code, tables, and the limits.

标题、列表、代码、表格与边界。

{YAML}
Dev · Comparison
开发 · 对比

JSON, YAML, TOML — A Quick Comparison

JSON、YAML、TOML 快速对比

When to pick which, and YAML gotchas.

何时选哪个以及 YAML 的坑。

SQL
Dev · Tutorial
开发 · 教程

SQL for Beginners: The First 5 Queries

SQL 入门:前 5 个查询

SELECT, JOIN, GROUP BY, and the injection trap.

SELECT、JOIN、GROUP BY 与注入陷阱。

git
Dev · Reference
开发 · 参考

Git for Non-Developers: 10 Commands, 90% Coverage

非程序员的 Git:10 个命令覆盖 90%

The mental model and how to undo safely.

心智模型与安全撤销。

🛡️
Security · Best practices
安全 · 最佳实践

Password Security in 2026: What Actually Works

2026 年密码安全:真正有效的方法

Length beats complexity. Use a manager. Enable 2FA.

长度胜过复杂度。密码管理器。2FA。

#
Security · Cryptography
安全 · 密码学

How Hash Functions Keep Your Passwords Safe

哈希函数如何保护你的密码

MD5 to SHA-256 to Argon2id, and the work factor.

从 MD5 到 SHA-256 到 Argon2id 以及工作因子。

🔒
Security · Cryptography
安全 · 密码学

A Beginner's Guide to Encryption

加密入门

Symmetric, asymmetric, and post-quantum migration.

对称、非对称与后量子迁移。

🔒
Security · Web
安全 · Web

HTTPS and TLS: What the Padlock Actually Means

HTTPS 和 TLS:地址栏小锁的真正含义

The TLS 1.3 handshake in three paragraphs.

用三段话讲清 TLS 1.3 握手。

⚠️
Security · Web
安全 · Web

Common Web Attacks and How to Defend

常见 Web 攻击与防御

XSS, CSRF, SQL injection, and the OWASP Top 10.

XSS、CSRF、SQL 注入与 OWASP Top 10。

🆔
Dev · Concept
开发 · 概念

Understanding UUIDs: What Those Hex Strings Mean

理解 UUID:那些十六进制字符串的含义

v1 to v7, sortable IDs, and the collision math.

v1 到 v7、可排序 ID 与冲突数学。

Dev · Concept
开发 · 概念

QR Codes: How They Work and How to Use Them Safely

二维码原理与安全使用

Finder patterns, error correction, and quishing.

定位图案、纠错等级与"二维码钓鱼"。

🕒
Dev · Concept
开发 · 概念

Unix Timestamps Explained

Unix 时间戳详解

The epoch, the 2038 problem, and leap seconds.

时间纪元、2038 问题和闰秒。

📏
Reference · Units
参考 · 单位

Understanding Units: Metric, Imperial, and the Trouble

单位详解:公制、英制和麻烦

Why aviation still uses feet and the Mars Orbiter.

为什么航空还用英尺以及火星探测器的事故。

🎨
Design · Foundations
设计 · 基础

Color Theory for Web Designers

网页设计师的色彩理论

Hue, saturation, contrast, and accessible palettes.

色相、饱和度、对比度与无障碍配色。

Aa
Design · Typography
设计 · 排版

Typography for the Web: The First 6 Decisions

网页字体排印:前 6 个决定

Typeface, scale, line-height, length, color, spacing.

字体、字号、行高、行长、颜色、间距。

Design · Layout
设计 · 布局

The Art of Whitespace in Web Design

留白的艺术

Gestalt principles and the 8-pt grid.

格式塔原则与 8pt 网格。

Design · Motion
设计 · 动效

Animation and Motion: When Less Is More

动画与动效:少即是多

Easing, duration, prefers-reduced-motion, and GPU.

缓动、时长、减弱动效偏好与 GPU。

Accessibility · Best practices
无障碍 · 最佳实践

Web Accessibility: The Easy 80%

网页无障碍:容易做到的 80%

Semantic HTML, alt text, contrast, keyboard, labels.

语义 HTML、替代文本、对比度、键盘、标签。