course_day3.html 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>3 - 朴素贝叶斯</title>
  7. <style>
  8. body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px; background: #1a1a2e; color: #eaeaea; }
  9. h1 { color: #e94560; border-bottom: 2px solid #e94560; padding-bottom: 10px; }
  10. h2 { color: #0f3460; background: #16213e; padding: 10px; border-left: 4px solid #e94560; margin-top: 30px; }
  11. .module { background: #0f3460; padding: 15px; margin: 20px 0; border-radius: 5px; }
  12. .module-title { color: #e94560; font-weight: bold; margin-bottom: 10px; }
  13. code { background: #1a1a2e; padding: 2px 6px; border-radius: 3px; color: #f0f6f6; }
  14. pre { background: #1a1a2e; padding: 15px; border-radius: 5px; overflow-x: auto; }
  15. .symbol-map { background: #16213e; padding: 10px; margin: 5px 0; border-left: 3px solid #0f3460; }
  16. .warning { background: #e94560; color: #fff; padding: 10px; border-radius: 5px; margin: 10px 0; }
  17. .youtube { background: #ff0000; color: #fff; padding: 10px; border-radius: 5px; display: inline-block; margin: 10px 0; }
  18. </style>
  19. https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css
  20. </head>
  21. <body>
  22. <h1>👾 Day 3: 朴素贝叶斯</h1>
  23. <div class="module">
  24. <div class="module-title">1️⃣【技术债与演进动机】The Technical Debt & Evolution</div>
  25. 之前的算法无法处理线性不可分数据,导致泛化能力差。感知机通过引入决策边界,将分类问题转化为优化问题。
  26. </div>
  27. <div class="module">
  28. <div class="module-title">2️⃣【直觉建立】Visual Intuition</div>
  29. 想象一条直线(或超平面)将两类点分开。权重向量 $w$ 决定直线的方向,偏置 $b$ 决定直线的位置。
  30. <div class="youtube">🎬 B 站搜索:<code>感知机 直观解释</code></div>
  31. </div>
  32. <div class="module">
  33. <div class="module-title">3️⃣【符号解码字典】The Symbol Decoder</div>
  34. <div class="symbol-map">
  35. <strong>$w$</strong> → <code>self.weights</code> (权重向量,shape: [d])
  36. </div>
  37. <div class="symbol-map">
  38. <strong>$b$</strong> → <code>self.bias</code> (偏置标量,shape: [])
  39. </div>
  40. <div class="symbol-map">
  41. <strong>$x$</strong> → <code>input_tensor</code> (输入样本,shape: [d])
  42. </div>
  43. <div class="symbol-map">
  44. <strong>$y$</strong> → <code>label</code> (标签,值域:{-1, +1})
  45. </div>
  46. <div class="symbol-map">
  47. <strong>$\sign(\cdot)$</strong> → <code>np.sign()</code> (符号函数)
  48. </div>
  49. <div class="symbol-map">
  50. <strong>$\xi$</strong> → <code>margin</code> (间隔,用于更新步长)
  51. </div>
  52. </div>
  53. <div class="module">
  54. <div class="module-title">4️⃣【核心推导】The Math</div>
  55. ### 感知机预测函数
  56. $$f(x) = w \cdot x + b$$
  57. 其中 $\cdot$ 表示向量点积。
  58. ### 损失函数( hinge loss 的简化形式)
  59. $$L(w, b) = -\sum_{x_i \in M} y_i (w \cdot x_i + b)$$
  60. $M$ 是误分类点集合。
  61. ### 梯度下降更新规则
  62. $$w \leftarrow w + \eta \cdot y_i \cdot x_i$$
  63. $$b \leftarrow b + \eta \cdot y_i$$
  64. 其中 $\eta$ 是学习率。
  65. </div>
  66. <div class="module">
  67. <div class="module-title">5️⃣【工程优化点】The Optimization Bottleneck</div>
  68. 全量梯度下降需要遍历所有样本,复杂度 $O(N \cdot d)$。现代框架使用 mini-batch SGD 加速。
  69. </div>
  70. <div class="module">
  71. <div class="module-title">6️⃣【今日靶机】The OJ Mission</div>
  72. <div class="warning">🎯 任务:<code>cd exercises/ && python3 day3_task.py</code></div>
  73. 实现感知机的 forward 和 update 函数,在 XOR 数据集上验证无法收敛(线性不可分)。
  74. </div>
  75. <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
  76. <script>renderMathInElement(document.body);</script>
  77. </body>
  78. </html>