一条连续而优雅的知识之链

数学不是零散公式的堆砌,而是一条环环相扣的阶梯:从数数到代数,从函数到微积分,每一步都是前一步的自然延伸。本页用 27 个交互演示串起整条链条——每一个知识点都能亲手拖动、观察、验证。

💡 提示:所有图形均可拖拽平移、滚轮缩放;拖动滑块实时观察变化。

从这里开始

学习路线图

点击任意知识点即可跳转。这条链的主线是:数 → 运算 → 代数 → 函数 → 极限 → 微积分

贯穿全篇的一个核心思想是 「极限」:导数、积分、圆周率、自然常数 \(e\),本质上都是「无限逼近」的结果。

\[ \text{斜率(导数)} = \lim_{h\to0} \frac{f(a+h)-f(a)}{h},\qquad \text{面积(积分)} = \lim_{n\to\infty} \sum_{i=1}^{n} f(x_i)\Delta x \]

你会发现:乘法是加法的重复,对数是指数的反函数,导数是割线斜率的极限,积分是矩形和的极限——一切都在「重复」与「逼近」中展开。

第一单元 · 数的基础

自然数与数轴

万物皆数:用数来计数、排序、比较。

自然数 \(0,1,2,3,\dots\) 用来「数」东西。把它们依次排成一条直线,就得到数轴:每一个数都在上面有唯一的位置,越往右越大。

举例:数字 \(7\) 在数轴上位于 \(6\) 和 \(8\) 之间;\(7\) 是奇数,因为它不能被 \(2\) 整除。

数轴是贯穿小学到大学的「主干道」——后面学习负数、小数、函数图像、极限,全都在这条线上展开。

拖动滑块,看数字在数轴上的位置

数轴上的点表示选中的数;相邻两个自然数之间永远相差 \(1\)。

第一单元 · 数的基础

加法与减法

在数轴上「跳跃」:加法向右,减法向左。

加法是合并,减法是拿走。在数轴上,加一个正数 = 向跳,减一个正数 = 向跳。

举例:\(3+5=8\)(从 \(3\) 出发向右跳 \(5\) 格);\(7-4=3\)(从 \(7\) 出发向左跳 \(4\) 格)。

记住这个「跳跃」画面——到了负数那一节,它会自然延伸到零的左边。

数轴上的加减法跳跃

蓝点 = 起点,橙色箭头 = 移动的步数,绿点 = 结果。

第一单元 · 数的基础

乘法

重复相加,也是「面积」。

乘法 \(a\times b\) 有两层含义: \(b\) 个 \(a\) 相加; 长 \(a\)、宽 \(b\) 的长方形面积。两层含义是等价的。

举例:\(3\times4=3+3+3+3=12\),也等于 \(3\) 行、每行 \(4\) 格的长方形格子总数。

面积模型是理解后面「分配律」「二次函数」「积分」的种子——积分就是无数个极小矩形的面积和。

乘法 = 面积 = 重复相加

拖拽滑块改变行数与列数,观察格子总数。

第一单元 · 数的基础

除法

平均分:商与余数。

除法是平均分配:把 \(a\) 个东西分给 \(b\) 组,得到商 \(q\) 和余数 \(r\),写成 \(a=bq+r\)。

举例:把 \(13\) 颗糖平均分给 \(4\) 人,每人 \(3\) 颗,剩 \(1\) 颗:\(13=4\times3+1\)。

当余数为 \(0\) 时,我们就说 \(b\) 能整除 \(a\)——这就是后面「因数、倍数、分数约分」的基础。

分糖果:把 \(a\) 颗糖分进 \(b\) 个盘子

每个盘子一样多,剩下的就是余数。

第一单元 · 数的基础

分数

整体的一部分,等价分数与约分。

分数 \(\dfrac{a}{b}\) 表示把一个整体平均分成 \(b\) 份、取其中 \(a\) 份。分子分母同乘同除一个数,分数值不变

举例:\(\dfrac{3}{4}=\dfrac{6}{8}=\dfrac{9}{12}\);约分:\(\dfrac{8}{12}=\dfrac{2}{3}\)。

分数本质上是一个除法:\(\frac{3}{4}=3\div4=0.75\)。理解了这一点,小数、比例、百分比就全都通了。

分数的三种表示:饼图 · 数轴 · 小数

改变分子分母,观察三种表示同步变化。

第一单元 · 数的基础

小数

分母为 10、100、1000 的分数的另一种写法。

小数是按「十进制位值」展开的数:\(0.37\) 表示 \(3\) 个 \(0.1\) 加 \(7\) 个 \(0.01\),即 \(\dfrac{37}{100}\)。

举例:\(0.3=\dfrac{3}{10}\);\(0.25=\dfrac{25}{100}=\dfrac{1}{4}\);\(0.5=\dfrac{1}{2}\)。

小数与分数可以互相转化:有限小数和循环小数都是有理数

用 \(10\times10\) 网格看小数

每一位小数对应网格里的一块区域。

第一单元 · 数的基础

负数

数轴向左延伸:相反数与绝对值。

负数表示「相反方向」:欠债、零下温度、海平面以下。数轴从 \(0\) 向延伸,出现 \(-1,-2,-3,\dots\)。

举例:\(-3\) 是 \(3\) 的相反数;\(|-5|=5\)(绝对值 = 到零的距离);\((-2)+(-3)=-5\)。

加入负数后,减法「\(a-b\)」永远有答案——这为代数方程「总有解」铺平了道路。

负数与绝对值

红点 = 选中的数;到零的距离(绝对值)用绿色标出。

第二单元 · 代数的诞生

从算术到代数

用字母表示规律,发现隐藏的结构。

算术算具体的数;代数用字母 \(n\) 表示「任意一个数」,从而把规律写成公式。看下面的惊人事实:

举例:连续奇数之和 = 平方数:\(1+3=4=2^2\),\(1+3+5=9=3^2\),\(1+3+5+7=16=4^2\)…… 一般地 \[1+3+5+\dots+(2n-1)=n^2\]

右侧图形会揭示原因:一个 \(n\times n\) 的正方形,可以拆成 L 形的「壳」,每层依次是 \(1,3,5,\dots,2n-1\) 个小格。

奇数相加为什么等于平方数?

每层颜色代表一个奇数;拖拽 \(n\) 看正方形如何一层层长出来。

第二单元 · 代数的诞生

运算律与分配律

交换律、结合律、分配律——代数的「交通规则」。

三条基本运算律:交换律 \(a+b=b+a,\ a\times b=b\times a\);结合律 \((a+b)+c=a+(b+c)\);分配律 \(a(b+c)=ab+ac\)。

举例:\(3\times(4+5)=3\times4+3\times5=12+15=27\)。

分配律是代数「去括号 / 提公因式」的引擎,也是从面积 \(长\times宽\) 拆分两个小长方形得到的——看下图。

分配律的几何证明

大长方形 \(a\times(b+c)\) 拆成两块 \(a\times b\) 与 \(a\times c\),总面积不变。

第二单元 · 代数的诞生

一元一次方程

保持天平平衡,找到未知数。

方程是「含有未知数的等式」。解方程的原则是:等式两边做同样的操作,等号依然成立(像一架天平)。

举例:解 \(2x+3=7\):两边减 \(3\) 得 \(2x=4\);两边除以 \(2\) 得 \(x=2\)。

换个角度看:方程 \(ax+b=c\) 的解,就是直线 \(y=ax+b\) 与水平线 \(y=c\) 的交点横坐标。代数和几何在这里第一次握手。

方程的解 = 两条线的交点

蓝线 \(y=ax+b\) 与红线 \(y=c\) 的交点就是方程 \(ax+b=c\) 的解。

第二单元 · 代数的诞生

平面直角坐标系

两条垂直的数轴,定位平面上任意一点。

用两条互相垂直的数轴(\(x\) 轴与 \(y\) 轴)给平面上的每个点一个「坐标」\((x,y)\)。这是函数图像的舞台。

举例:点 \((3,2)\) 表示从原点向右 \(3\)、向上 \(2\);它到原点的距离是 \(\sqrt{3^2+2^2}=\sqrt{13}\approx3.6\)(勾股定理)。

坐标系把「数」和「形」绑定在一起——这被称为解析几何,是笛卡尔的伟大发明。

点击画布放置点

点击任意位置放置一个点,观察坐标与到原点的距离。

第三单元 · 函数

函数的概念

一台「输入 → 输出」的机器。

函数是一个规则:每个输入 \(x\) 对应唯一的输出 \(y\),记为 \(y=f(x)\)。函数有定义域、值域和对应法则。

举例:\(f(x)=2x+1\):输入 \(3\),输出 \(f(3)=2\times3+1=7\)。

函数是连接代数与微积分的桥梁——导数研究函数的「变化」,积分研究函数的「累积」。

函数机器 \(f(x)=2x+1\)

拖动输入 \(x\),看输出如何变化,并观察散点图。

第三单元 · 函数

一次函数

直线:斜率与截距。

一次函数 \(y=kx+b\) 的图像是一条直线。\(k\) 叫斜率(每前进 \(1\),上升 \(k\)),\(b\) 叫截距(与 \(y\) 轴的交点)。

举例:\(y=2x+1\):斜率 \(2\),截距 \(1\)。\(x\) 每增加 \(1\),\(y\) 增加 \(2\)。

斜率就是「变化率」——这个朴素的词,日后会升级为「导数」。

斜率的几何意义

拖动 \(k,b\);虚线三角形的高宽比 = 斜率 \(k\)。

第三单元 · 函数

二次函数

抛物线:顶点、对称轴、零点。

二次函数 \(y=ax^2+bx+c\) 的图像是一条抛物线。顶点 \(x=-\frac{b}{2a}\),对称轴是过顶点的竖直线,与 \(x\) 轴的交点叫零点(即方程 \(ax^2+bx+c=0\) 的根)。

举例:\(y=x^2-4\) 的零点是 \(x=\pm2\)(因为 \(x^2-4=0\))。

抛物线与「抛出去的球」的轨迹相同;它的极值点,正是下一单元「导数」要精确求解的问题。

抛物线的形状由 \(a,b,c\) 决定

绿点 = 顶点,红点 = 零点(若有)。

第四单元 · 三角函数

角度与弧度

两种度量角的方式,弧长 \(s=r\theta\)。

角度用「度」衡量;弧度用「弧长与半径之比」衡量:当半径 \(r\) 的圆上弧长恰好为 \(r\) 时,夹角为 \(1\) 弧度。一圈 \(360^\circ=2\pi\) 弧度。

举例:\(90^\circ=\frac{\pi}{2}\) 弧度;\(180^\circ=\pi\) 弧度。弧长公式 \(s=r\theta\)(\(\theta\) 用弧度)。

弧度是「无量纲」的,因此微积分里的导数公式(如 \((\sin x)'=\cos x\))只有在弧度制下才简洁成立。

弧长与圆心角

拖动角度,观察扇形弧长如何随角度变化。

第四单元 · 三角函数

单位圆与三角函数

sin = 高,cos = 横,tan = 切线长。

半径 \(1\) 的圆叫单位圆。角 \(\theta\) 的终边与圆交于一点,它的横坐标是 \(\cos\theta\),纵坐标是 \(\sin\theta\);过 \((1,0)\) 的切线上,角终边延伸到的纵坐标就是 \(\tan\theta\)。

举例:\(\theta=30^\circ\) 时,\(\sin30^\circ=\frac12,\ \cos30^\circ=\frac{\sqrt3}{2},\ \tan30^\circ=\frac{1}{\sqrt3}\)。

把三角函数「钉」在单位圆上,它们的周期、符号、单调性就一目了然。

单位圆上的正弦、余弦、正切

绿 = \(\sin\)(纵),蓝 = \(\cos\)(横),橙 = \(\tan\)(切线)。

第四单元 · 三角函数

三角函数的图像

振幅、周期、频率——正弦波。

\(y=A\sin(\omega x+\varphi)\) 是振幅 \(A\)、周期 \(\frac{2\pi}{\omega}\)、相位 \(\varphi\) 的波。余弦与正弦只差一个相位 \(\frac{\pi}{2}\)。

举例:\(y=2\sin(3x)\):振幅 \(2\),周期 \(\frac{2\pi}{3}\approx2.09\),频率 \(3\)。

正弦波是声音、光、交流电、弹簧振动的共同语言;它还是「傅里叶分析」的基石——任何周期函数都能分解为一系列正弦波。

正弦波的振幅、周期、相位

虚线 = 原始 \(\sin x\);实线 = \(A\sin(\omega x+\varphi)\)。

第四单元 · 三角函数

三角恒等式

勾股定理的三角化身,与两角和公式。

最核心的恒等式 \(\sin^2\theta+\cos^2\theta=1\) 其实就是勾股定理(单位圆上 \(x^2+y^2=1\))。两角和公式:

举例:\(\sin(a+b)=\sin a\cos b+\cos a\sin b\)。取 \(a=b=30^\circ\):\(\sin60^\circ=2\sin30^\circ\cos30^\circ=\frac{\sqrt3}{2}\)。✓

这些恒等式在物理(波的叠加)、工程(信号处理)中无处不在,也是三角恒等变换的起点。

验证 \(\sin^2+\cos^2=1\) 与两角和

单位圆上的直角三角形:绿色边 \(\sin\),蓝色边 \(\cos\),斜边恒为 \(1\)。

第五单元 · 指数与对数

指数函数

爆炸式增长与复利。

\(y=a^x\)(\(a>0,a\neq1\))描述按比例增长的量:\(a>1\) 增长,\(0<a<1\) 衰减。它比任何多项式最终增长都快。

举例(复利):本金 \(1000\) 元,年利率 \(5\%\),\(t\) 年后本息 \(1000\times(1.05)^t\)。10 年后约 \(1629\) 元。

指数增长是「人口、病毒、复利、放射性衰变」的数学模型;它与对数互为反函数,构成下一节的主角。

指数增长 \(a^x\) 有多快?

对比指数 \(a^x\)(红)与二次 \(x^2\)(灰),看谁最终跑赢。

第五单元 · 指数与对数

对数

指数的反函数:镜像对称。

\(\log_a x\) 回答「\(a\) 的多少次方等于 \(x\)」。它是 \(a^x\) 的反函数,两者关于直线 \(y=x\) 对称。

举例:\(\log_2 8=3\)(因为 \(2^3=8\));\(\log_3 81=4\);\(\log_a 1=0\)。

对数把「乘法变加法」(\(\log(xy)=\log x+\log y\)),是科学计算尺、声音分贝、地震震级的原理。

指数与对数关于 \(y=x\) 对称

虚线 \(y=x\) 是镜面;红 = \(a^x\),蓝 = \(\log_a x\)。

第五单元 · 指数与对数

自然常数 \(e\)

连续复利的极限:\(e\approx2.71828\)。

年利率 \(100\%\),若一年计息 \(n\) 次,本息为 \(\left(1+\frac1n\right)^n\)。当 \(n\to\infty\)(连续复利),它逼近一个神奇的数:

举例:\(n=1\):\((1+1)=2\);\(n=12\)(每月):\((1+\frac1{12})^{12}\approx2.613\);\(n=365\):\(\approx2.7146\);\(n\to\infty\):\(e\approx2.71828\)。

\(e\) 是微积分的「主角」:\(e^x\) 的导数就是它自己!这是所有底数里最优雅的性质。

\((1+\frac1n)^n\) 逼近 \(e\)

拖动 \(n\),看曲线如何向 \(e\approx2.71828\) 靠拢。

第六单元 · 微积分

数列与极限

无限逼近:芝诺悖论。

数列 \(a_1,a_2,\dots\) 若随 \(n\) 增大「无限接近」某个值 \(L\),称其极限为 \(L\),记 \(\lim_{n\to\infty}a_n=L\)。

举例(芝诺悖论):走完一半路程,再走剩下的一半,再一半…… \[ \frac12+\frac14+\frac18+\cdots = 1 \] 无限多项相加,和却是有限的 \(1\)。

「无限」不等于「无穷大」——有限和可以来自无限项。这正是积分的思想种子。

\(a_n=\frac1n\to0\) 与芝诺累加

左:数列 \(\frac1n\) 的点逐渐下坠到 0;右:芝诺累加条不断逼近 1。

第六单元 · 微积分

函数极限

当 \(x\) 无限接近某点,函数值趋近什么?

\(\lim_{x\to a}f(x)=L\) 表示:\(x\) 无限接近 \(a\) 时,\(f(x)\) 无限接近 \(L\)。著名的例子:\(\lim_{x\to0}\frac{\sin x}{x}=1\)。

举例:\(x=0.1\) 时 \(\frac{\sin x}{x}\approx0.9983\);\(x=0.01\) 时 \(\approx0.99998\)…… 越来越接近 \(1\)。

这个极限是「导数」公式的命门:正是它让 \((\sin x)'=\cos x\) 成立。

\(\dfrac{\sin x}{x}\to1\)

把 \(x\) 拖向 0(从正负两侧),观察函数值逼近 1。注意 \(x=0\) 处函数没有定义(空心点)。

第六单元 · 微积分

导数(割线 → 切线)

瞬时变化率 = 割线斜率的极限。

曲线在一点处的切线斜率(导数)是「割线斜率」的极限:

举例:\(f(x)=x^2\),在 \(x=2\) 处导数 \(f'(2)=4\)。因为 \(f'(x)=2x\)。

\[ f'(a)=\lim_{h\to0}\frac{f(a+h)-f(a)}{h} \]

当 \(h\) 逐渐变小,橙色的割线会旋转、贴合到切线上——这就是「逼近」的直观画面。

让割线「长成」切线

把 \(h\) 拖向 0,橙色割线如何变成绿色切线?

第六单元 · 微积分

导数的应用

导数的正负 → 函数的升降与极值。

导数 \(f'\) 是斜率的函数:\(f'\gt 0\) 处函数上升,\(f'\lt 0\) 处下降,\(f'=0\) 可能是极值点(峰或谷)。

举例:\(f(x)=x^3-3x\),\(f'(x)=3x^2-3\)。极值点在 \(x=\pm1\):极大值 \(f(-1)=2\),极小值 \(f(1)=-2\)。

「求最大值/最小值」正是导数最实用的威力——优化成本、设计容器、最大化收益都靠它。

函数与它的导数

红 = \(f\),蓝虚线 = \(f'\),绿点 = 极值点。拖动 \(x\) 看当前切线斜率。

第六单元 · 微积分

积分(黎曼和 → 面积)

曲线下的面积 = 无穷多小矩形的和。

把曲线下的区域切成 \(n\) 个窄矩形,矩形的面积和叫黎曼和;当 \(n\to\infty\),它就精确等于面积——记作定积分 \(\int_a^b f(x)\,dx\)。

举例:\(\int_0^1 x^2\,dx=\frac13\approx0.3333\)。用 \(n=10\) 个矩形算出的和约为 \(0.285\),随 \(n\) 增大越来越接近。

「求和 + 取极限」——积分的核心,和导数如出一辙。

矩形越多,越接近真实面积

选择左/中/右端点,拖动 \(n\) 观察矩形和逼近精确值。

第六单元 · 微积分

微积分基本定理

导数与积分互为逆运算——数学最美的桥梁。

牛顿–莱布尼茨公式把「求面积」和「求斜率」这两个看似无关的问题连在一起:

举例:\(f(x)=2x\),其原函数 \(F(x)=x^2\)。面积 \(\int_0^b 2x\,dx = b^2-0^2 = b^2\)。

\[ \int_a^b f(x)\,dx = F(b)-F(a),\qquad F'(x)=f(x) \]

下图左半:曲线下的面积随 \(b\) 增大而增大,面积函数 \(A(b)=b^2\);右半:\(A\) 在 \(b\) 处的切线斜率恰好等于 \(f(b)=2b\)。面积函数的变化率 = 被积函数本身!

面积函数 \(A\) 的变化率 = \(f\)

拖动 \(b\):左图阴影面积 \(=b^2\);右图 \(A(x)=x^2\) 的切线斜率 \(=2b\)。