Learning playground / 01
把原理，玩明白。
拖动一个参数，看看结果为什么会变。
这里的结果由浏览器实时计算。
试着改变输入，观察规则。
OPTIMIZATION
找谷底，也需要掌握步幅。
在曲线 f(x) = x² 上，从 x = 4 出发，向最低点靠近。
f(x) = x² 当前落点
系统开启了「减少动态效果」，自动播放已关闭——用「走一步」逐帧观察同样的过程。
每一步：x ← x − 学习率 × 2x。试试把学习率调到 1 以上。
COMPUTER VISION
同一张图，不同的眼光。
选择一个 3 × 3 卷积核，看它如何改变像素。
卷积核
NUMPY
不同形状，也能一起计算。
从最右侧对齐维度：相等，或其中一个是 1，就能广播。
从左到右展示 · 从右到左匹配A + B
结果形状
看一个真实的加法
TEXT & BYTES
同一段文字，不同的字节。
输入一段文字，看它在 UTF-8 和 UTF-16 下各占几个字节；点一个字符，看它用掉了哪几个字节。
解码结果：
HTTP / REQUEST → RESPONSE
一条请求，为什么得到这个响应？
调整方法、路径和请求体，观察状态码与响应头。教学模拟，数据不会保存。
请求报文
响应报文
COOKIE / SESSION
浏览器记住了什么，服务器又记住了什么？
使用演示身份登录，让时钟前进，再请求资源。会话保留 60 秒，刷新后重置。
浏览器 Cookie
服务端会话
SQL / JOIN
没匹配上的那一行，去了哪里？
小陈的部门编号没有匹配项，设计部还没有员工。切换连接方式，看看 NULL 从哪里出现。
查看两张原始表
employees
id | name | dept_id 1 | 小林 | 10 2 | 小周 | 20 3 | 小陈 | 99
departments
id | name 10 | 研发部 20 | 运营部 30 | 设计部
| 员工 | 员工部门编号 | 匹配的部门 |
|---|