From c91c0bf3e986ba34b42f757c59c4918b4d64215d Mon Sep 17 00:00:00 2001
From: Xicheng Guo <xicheng_guo@wistron.com>
Date: Tue, 16 Apr 2024 15:57:30 +0800
Subject: [PATCH] children and ai-terminology md

---
 src/.vitepress/sidebar.yaml                   |  6 +-
 src/artificial-intelligence/ai-terminology.md | 69 +++++++++++++++++++
 src/frontend/react/core-concepts/children.md  | 25 +++++++
 src/frontend/react/slot.md                    | 55 ---------------
 src/index.md                                  |  3 +-
 5 files changed, 100 insertions(+), 58 deletions(-)
 create mode 100644 src/artificial-intelligence/ai-terminology.md
 create mode 100644 src/frontend/react/core-concepts/children.md
 delete mode 100644 src/frontend/react/slot.md

diff --git a/src/.vitepress/sidebar.yaml b/src/.vitepress/sidebar.yaml
index b808353..5a91049 100644
--- a/src/.vitepress/sidebar.yaml
+++ b/src/.vitepress/sidebar.yaml
@@ -32,8 +32,6 @@
 /frontend:
   - text: React
     items:
-      - text: 插槽
-        link: /frontend/react/slot
       - text: 动态组件标识符
         link: /frontend/react/dynamic-component-identifier
       - text: React 严格模式
@@ -44,6 +42,8 @@
         items:
           - text: JSX 语法
             link: /frontend/react/core-concepts/jsx
+          - text: children
+            link: /frontend/react/core-concepts/children
           - text: createPortal
             link: /frontend/react/core-concepts/create-portal
           - text: styles
@@ -111,3 +111,5 @@
 /artificial-intelligence:
   - text: OpenAI API
     link: /artificial-intelligence/openai-api
+  - text: AI 专业术语
+    link: /artificial-intelligence/ai-terminology
diff --git a/src/artificial-intelligence/ai-terminology.md b/src/artificial-intelligence/ai-terminology.md
new file mode 100644
index 0000000..251870e
--- /dev/null
+++ b/src/artificial-intelligence/ai-terminology.md
@@ -0,0 +1,69 @@
+# AI 专业术语概念
+
+## Generative Al（Gen AI）
+
+生成型人工智能，是人工智能领域的一个分支，专注于创造新的内容，如图像、音乐、文本等。这些内容可以与人类创作的内容相媲美，甚至无法区分。
+
+## Prompt
+
+提示词，是指输入到模型的初始信息或指令，用于引导模型生成特定的输出内容。
+
+## Prompt Engineering
+
+提示工程，是指设计和调整提示，以引导模型生成特定的输出内容。
+
+## Prompt Injection
+
+提示词注入攻击，是一种针对生成型人工智能模型的攻击方式，通过在输入中注入提示词，使模型生成特定的输出内容。
+
+## Agent
+
+Agent 是一种以人工智能技术为基础的软件程序，可以代表用户执行特定的任务。
+
+## AI hallucination
+
+AI 幻觉，是指人工智能模型生成的内容与现实世界不符，或者没有实际意义。
+
+## Chain of Thought （CoT）
+
+思维链，是一种基于提示工程的人工智能模型，可以生成连贯的文本内容。
+
+## Context Window
+
+上下文窗口，是指模型在生成文本时考虑的上下文范围。
+
+## Embedding
+
+嵌入，是指将文本、图像等数据映射到低维空间的过程。
+
+## Retrieval
+
+检索，是指从数据库中检索相关信息的过程。
+
+## Inference
+
+推理，是指从已知事实推导出新的结论的过程。
+
+## Fine-Tuning
+
+微调，是指在预训练模型的基础上，通过少量数据进行训练，以适应特定任务。
+
+## LangChain
+
+LangChain 是一种基于提示工程的人工智能模型，可以生成连贯的文本内容。
+
+## Large Language Model（LLM）
+
+大型语言模型，是指参数量较大的语言模型，通常具有更好的生成能力。
+
+## Multimodal Model
+
+多模态模型，是指可以处理多种数据类型（如文本、图像、音频等）的人工智能模型。
+
+## zero-shot
+
+zere-shot 是指训练模型在没有直接接触到某些特定任务或类别的样板的情况下，依然能够识别和处理这些新任务的能力。
+
+## few-shot
+
+few-shot 是指只有在少量样本的情况下，模型就能够学习到新任务的能力。
diff --git a/src/frontend/react/core-concepts/children.md b/src/frontend/react/core-concepts/children.md
new file mode 100644
index 0000000..7c18caf
--- /dev/null
+++ b/src/frontend/react/core-concepts/children.md
@@ -0,0 +1,25 @@
+# children
+
+## 什么是 children
+
+`children` 是一个特殊的 prop，它允许将组件作为数据传递到其他组件。
+
+## 基本用法
+
+`props.children`可以是任意的 JSX 元素，包括原始值、React 元素、函数、组件等。
+
+::: code-group
+
+<<< @/../projects/react-sandbox/src/pages/children-demo/ChildrenOriginalValue.tsx [原始值]
+
+<<< @/../projects/react-sandbox/src/pages/children-demo/ChildrenReactElement.tsx [React 元素]
+
+<<< @/../projects/react-sandbox/src/pages/children-demo/ChildrenFunction.tsx [函数]
+
+<<< @/../projects/react-sandbox/src/pages/children-demo/ChildrenComponent.tsx [组件]
+
+:::
+
+## 传递多个具名的子组件
+
+<<< @/../projects/react-sandbox/src/pages/children-demo/ChildrenMultiple.tsx
diff --git a/src/frontend/react/slot.md b/src/frontend/react/slot.md
deleted file mode 100644
index 0667d99..0000000
--- a/src/frontend/react/slot.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# 插槽
-
-## 什么是插槽
-插槽是一种模式，用于在组件中预留位置，让父组件可以在子组件中插入自定义内容或组件。
-
-### props.children
-`props.children`是一个特殊的prop，它包含了父组件标签内的所有子节点。
-::: code-group
-```jsx [App.jsx]
-import Demo from './Demo.jsx';
-
-function App() {
-    const doClick = (value) => console.log(value);
-    return <Demo clickBtn={doClick} >Demo Button</Demo>;
-}
-
-export default App;
-```
-```jsx [Demo.jsx]
-export default function Demo({ children, clickBtn }) {
-    return (
-        <>
-            <button onClick={() => clickBtn('demo')}>{children}</button>
-        </>
-    );
-}
-```
-:::
-### 具名插槽
-具名插槽可以让父组件在子组件中插入多个自定义内容或组件。
-::: code-group
-```jsx [App.jsx]
-import Demo from './Demo.jsx';
-
-function App() {
-    return (
-        <Demo
-            header={<h1>Header</h1>}
-            footer={<h2>Footer</h2>}
-        />
-    );
-}
-```
-```jsx [Demo.jsx]
-export default function Demo({ header, footer }) {
-    return (
-        <>
-            <header>{header}</header>
-            <main>main content</main>
-            <footer>{footer}</footer>
-        </>
-    );
-}
-```
-:::
\ No newline at end of file
diff --git a/src/index.md b/src/index.md
index 455af68..3db1a53 100644
--- a/src/index.md
+++ b/src/index.md
@@ -25,12 +25,12 @@ import MarkMap from './MarkMap.vue';
         - [screen](javascript/bom/screen)
   - 前端
     - React
-      - [插槽](frontend/react/slot)
       - [动态组件标识符](frontend/react/dynamic-component-identifier)
       - [React 严格模式](frontend/react/strict-mode)
       - [memo](frontend/react/memo)
       - 核心概念
         - [JSX语法](frontend/react/core-concepts/jsx)
+        - [children](frontend/react/core-concepts/children)
         - [createPortal](frontend/react/core-concepts/create-portal)
         - styles
           - [内联样式](frontend/react/core-concepts/styles/inline-style)
@@ -65,4 +65,5 @@ import MarkMap from './MarkMap.vue';
       - [File System](backend/nodejs/file-system)
   - AI
     - [OpenAI API](artificial-intelligence/openai-api)
+    - [AI 专业术语](artificial-intelligence/ai-terminology)
 "/>