docs: Update Chinese documentation for API design and AI history, and modify the AI history demo component.
This commit is contained in:
sanbuphy
@@ -1,60 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="demo-card">
|
<div class="demo-card">
|
||||||
<div class="foundation-container">
|
<div class="demo-label">符号主义的核心思路 ── 把知识写成规则</div>
|
||||||
|
<div class="code-block">
|
||||||
<!-- Part 1: Core Theories -->
|
<div class="code-line"><span class="kw">IF</span> 体温 > 38.5°C <span class="kw">AND</span> 白细胞计数 > 11000</div>
|
||||||
<div class="section-block">
|
<div class="code-line indent"><span class="kw">THEN</span> 诊断 = <span class="str">"细菌感染"</span></div>
|
||||||
<div class="section-title">核心人物与理论</div>
|
<div class="code-line"><span class="kw">IF</span> 诊断 = <span class="str">"细菌感染"</span> <span class="kw">AND</span> 对青霉素不过敏</div>
|
||||||
<div class="event-list">
|
<div class="code-line indent"><span class="kw">THEN</span> 治疗方案 = <span class="str">"青霉素 400mg / 每日两次"</span></div>
|
||||||
<div class="event-item">
|
<div class="code-line comment">// 早期医疗专家系统（MYCIN，1977）就是由 450+ 条这样的规则组成的</div>
|
||||||
<span class="e-year">1943</span>
|
|
||||||
<span class="e-text"><strong>沃伦·麦卡洛克 & 沃尔特·皮茨</strong> 提出 <em>MP 神经元模型</em>，首次用数学描述神经网络</span>
|
|
||||||
</div>
|
|
||||||
<div class="event-item">
|
|
||||||
<span class="e-year">1950</span>
|
|
||||||
<span class="e-text"><strong>艾伦·图灵</strong> 发表《计算机器与智能》，提出 <em>图灵测试</em>，定义机器智能标准</span>
|
|
||||||
</div>
|
|
||||||
<div class="event-item highlight-event">
|
|
||||||
<span class="e-year">1956</span>
|
|
||||||
<span class="e-text"><strong>达特茅斯会议</strong>，约翰·麦卡锡首次提出"人工智能"概念，标志 AI 学科正式诞生</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Part 2: Symbolism -->
|
|
||||||
<div class="symbolism-panel">
|
|
||||||
<div class="s-header">
|
|
||||||
<span class="s-icon">📜</span>
|
|
||||||
<span class="s-title">符号主义兴起 (Symbolism)</span>
|
|
||||||
</div>
|
|
||||||
<div class="s-body">
|
|
||||||
<div class="s-equation">智能 = 符号推理</div>
|
|
||||||
<div class="s-desc">
|
|
||||||
符号主义（逻辑主义/计算机学派）主张将知识编码为符号，通过 <strong>逻辑规则与推导</strong> 解决问题，这是一条极其依赖人类专家的 <em>自上而下</em> 的智能模拟路径。
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Part 3: Early Breakthroughs -->
|
|
||||||
<div class="section-block">
|
|
||||||
<div class="section-title">早期突破</div>
|
|
||||||
<div class="event-list">
|
|
||||||
<div class="event-item">
|
|
||||||
<span class="e-year">1956</span>
|
|
||||||
<span class="e-text">纽厄尔和西蒙开发 <strong>逻辑理论家 (Logic Theorist)</strong>，首个能证明数学定理的 AI 程序</span>
|
|
||||||
</div>
|
|
||||||
<div class="event-item">
|
|
||||||
<span class="e-year">1958</span>
|
|
||||||
<span class="e-text">麦卡锡发明 <strong>LISP 语言</strong>，成为 AI 研究的重要工具</span>
|
|
||||||
</div>
|
|
||||||
<div class="event-item">
|
|
||||||
<span class="e-year">1959</span>
|
|
||||||
<span class="e-text">乔治·德沃尔与约瑟夫·恩格尔伯格开发首台 <strong>工业机器人</strong>，标志 AI 从理论走向应用</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="demo-caption">人类专家把经验翻译成一条条 IF-THEN 规则，机器逐条匹配执行</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -62,26 +16,40 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.demo-card { border: 1px solid var(--vp-c-divider); border-radius: 8px; background: var(--vp-c-bg-soft); padding: 1.2rem; margin: 1rem 0; }
|
.demo-card {
|
||||||
.foundation-container { display: flex; flex-direction: column; gap: 1.2rem; }
|
border: 1px solid var(--vp-c-divider);
|
||||||
|
border-radius: 8px;
|
||||||
.section-block { display: flex; flex-direction: column; gap: 0.5rem; }
|
background: var(--vp-c-bg-soft);
|
||||||
.section-title { font-weight: bold; font-size: 0.9rem; color: var(--vp-c-brand-1); border-bottom: 1px solid var(--vp-c-divider); padding-bottom: 0.3rem; margin-bottom: 0.3rem; }
|
padding: 1rem 1.2rem;
|
||||||
|
margin: 1rem 0;
|
||||||
.event-list { display: flex; flex-direction: column; gap: 0.5rem; }
|
}
|
||||||
.event-item { display: flex; align-items: flex-start; gap: 0.6rem; font-size: 0.8rem; line-height: 1.4; }
|
.demo-label {
|
||||||
.e-year { font-weight: bold; background: var(--vp-c-bg-alt); padding: 0.1rem 0.4rem; border-radius: 4px; color: var(--vp-c-text-1); border: 1px solid var(--vp-c-divider); font-family: monospace; flex-shrink: 0; }
|
font-size: 0.78rem;
|
||||||
.e-text { color: var(--vp-c-text-2); padding-top: 0.1rem; }
|
font-weight: bold;
|
||||||
.e-text strong { color: var(--vp-c-text-1); }
|
color: var(--vp-c-text-2);
|
||||||
.e-text em { color: var(--vp-c-brand-1); font-style: normal; font-weight: 500; }
|
margin-bottom: 0.6rem;
|
||||||
.highlight-event .e-year { background: #10b981; color: white; border-color: #059669; }
|
letter-spacing: 0.2px;
|
||||||
|
}
|
||||||
.symbolism-panel { background: rgba(16, 185, 129, 0.05); border: 1px dashed #10b981; border-radius: 8px; padding: 1rem; display: flex; flex-direction: column; gap: 0.6rem; text-align: center; }
|
.code-block {
|
||||||
.s-header { display: flex; align-items: center; justify-content: center; gap: 0.4rem; }
|
background: #1e1e2e;
|
||||||
.s-icon { font-size: 1.2rem; }
|
border-radius: 6px;
|
||||||
.s-title { font-weight: bold; font-size: 0.95rem; color: #059669; }
|
padding: 0.9rem 1.1rem;
|
||||||
.s-equation { font-family: monospace; font-size: 1rem; font-weight: bold; color: var(--vp-c-text-1); background: var(--vp-c-bg); padding: 0.4rem 1rem; border-radius: 6px; border: 1px solid var(--vp-c-divider); display: inline-block; margin: 0 auto; }
|
font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
||||||
.s-desc { font-size: 0.78rem; color: var(--vp-c-text-2); line-height: 1.5; max-width: 90%; margin: 0 auto; }
|
font-size: 0.82rem;
|
||||||
.html.dark .symbolism-panel { background: rgba(5, 150, 105, 0.15); border-color: #059669; }
|
line-height: 1.85;
|
||||||
.html.dark .s-title { color: #34d399; }
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.05rem;
|
||||||
|
}
|
||||||
|
.code-line { color: #cdd6f4; white-space: nowrap; overflow-x: auto; }
|
||||||
|
.code-line.indent { padding-left: 2rem; }
|
||||||
|
.kw { color: #89b4fa; font-weight: bold; } /* blue – keywords */
|
||||||
|
.str { color: #a6e3a1; } /* green – strings */
|
||||||
|
.comment { color: #585b70; font-size: 0.75rem; margin-top: 0.4rem; font-style: italic; }
|
||||||
|
.demo-caption {
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--vp-c-text-3);
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -98,9 +98,17 @@ HTTP/1.1 200 OK
|
|||||||
|
|
||||||
### 2.2 URL 设计规则
|
### 2.2 URL 设计规则
|
||||||
|
|
||||||
👇 **动手试试看**：点击下方按钮，查看 RESTful URL 的正确与错误写法对比：
|
| 规则 | 错误示例 | 正确示例 | 说明 |
|
||||||
|
| :--- | :--- | :--- | :--- |
|
||||||
|
| **用名词不用动词** | `GET /getUsers`<br>`POST /createOrder` | `GET /users`<br>`POST /orders` | URL 是资源地址，HTTP 方法已表达操作 |
|
||||||
|
| **用复数形式** | `GET /user`<br>`GET /order` | `GET /users`<br>`GET /users/123` | 统一用复数，避免 `/user` 和 `/users` 混用 |
|
||||||
|
| **小写+连字符** | `GET /UserProfiles`<br>`GET /user_profiles` | `GET /user-profiles`<br>`GET /order-items` | URL 大小写敏感，统一小写最安全 |
|
||||||
|
| **避免层级过深** | `GET /users/123/orders/456/items/789` | `GET /users/123/orders`<br>`GET /order-items/789` | 超过 3 层考虑重构，用扁平化路径 |
|
||||||
|
| **过滤用查询参数** | `GET /products/category/phone/price/5000` | `GET /products?category=phone&price_max=5000` | 过滤、排序、分页都用查询参数 |
|
||||||
|
|
||||||
<RestfulUrlDemo />
|
::: tip 💡 URL 大小写敏感
|
||||||
|
统一用小写 + 连字符（-）是最安全的做法，避免大小写混乱和下划线风格不一致的问题。
|
||||||
|
:::
|
||||||
|
|
||||||
### 2.3 HTTP 方法选择
|
### 2.3 HTTP 方法选择
|
||||||
|
|
||||||
|
|||||||
@@ -35,7 +35,7 @@ AI 发展 70 年，经历了**三次浪潮、两次寒冬**，从符号主义的
|
|||||||
|
|
||||||
在诞生后的最初十几年里，AI 迎来了一段盲目乐观的黄金时期。研究者们相信，既然机器已经能证明数学定理，那写出能够解决任何人类问题的程序指日可待。
|
在诞生后的最初十几年里，AI 迎来了一段盲目乐观的黄金时期。研究者们相信，既然机器已经能证明数学定理，那写出能够解决任何人类问题的程序指日可待。
|
||||||
|
|
||||||
<ExpertSystemWaveDemo />
|
|
||||||
|
|
||||||
### 2.1 专家系统的光辉岁月
|
### 2.1 专家系统的光辉岁月
|
||||||
|
|
||||||
@@ -51,14 +51,13 @@ AI 发展 70 年，经历了**三次浪潮、两次寒冬**，从符号主义的
|
|||||||
|
|
||||||
### 2.2 第一次 AI 寒冬（1974-1980）
|
### 2.2 第一次 AI 寒冬（1974-1980）
|
||||||
|
|
||||||
随着时间推移，人们发现"把人类知识写成规则"这条路越走越窄。
|
随着时间推移，人们发现"把人类知识写成规则"这条路越走越窄。符号主义的三大致命局限，最终导致了研究经费被全面撤销：
|
||||||
|
|
||||||
::: warning ❄️ 第一次 AI 寒冬的爆发原因
|
**知识获取瓶颈**：有些知识人类也说不清（比如怎么认出一只猫），这被称为"波兰尼悖论"。专家系统只能硬编码那些能被清晰表达的规则，无法自动学习。
|
||||||
符号主义的三大致命局限，最终导致了研究经费被全面撤销：
|
|
||||||
1. **知识获取瓶颈（Knowledge Acquisition Bottleneck）**：有些知识人类也说不清（比如怎么认出一只猫），这被称为"波兰尼悖论"。专家系统只能硬编码那些能被清晰表达的规则，无法自动学习。
|
**组合爆炸 & 脆性问题**：现实情况太多，穷举极难；且缺少常识，稍微偏离规则库系统就直接崩溃。
|
||||||
2. **"常识"的匮乏与脆性（Brittleness）**：当遇到规则库之外的边缘情况时，哪怕只是稍微偏离预期，系统就会表现出错乱，完全没有人类的"常识"底线。
|
|
||||||
3. **组合爆炸（Combinatorial Explosion）**：现实世界的变量太多，当涉及复杂现实时，穷举规则所需的计算量会呈指数级爆炸，当时的硬件根本无法支撑。
|
**算力不足 & 经费断层**：当时的硬件算力根本无法支撑爆发性的逻辑推演，遭遇 DARPA 研发经费大削减。
|
||||||
:::
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user