軟考
#1 程式語言基礎 1.1 編程語言分類√ 1.2 變數存放位置 1.3 程式變數敘述
#2 線性表√
#3 軟工&項管√
#4 辦公自動化 √ #5 中央處理器 CPU√
#6 資料庫語言√ 6.1 屬性分類: 6.2 關系模型中有三類完整性約束: 6.3 SQL陳述句補全
#7 面向物件技術 √ #8 應用數學 #9 資料的表示√ #10 系統分析與系統設計 #11 存盤器系統 #12 Windows基本操作√ #13 程式測驗基礎知識√
#14 網路協議與標準 14.1協議的分類 14.2 協議的特點 14.3 地址分類 14.4 地址的特點 14.5 型別題
#15 處理機管理√ #16 樹和二叉樹√ #17 統一建模語言UML√ 17.1 圖的分類 17.2 各個圖的概念 17.3 其他概念
18 排序與查找 HTML語言√ 功能快捷鍵 合理的創建標題,有助于目錄的生成 如何改變文本的樣式 插入鏈接與圖片 如何插入一段漂亮的代碼片 生成一個適合你的串列 創建一個表格
創建一個自定義串列 如何創建一個注腳 注釋也是必不可少的 KaTeX數學公式 新的甘特圖功能,豐富你的文章 UML 圖表 FLowchart流程圖 匯出與匯入
#1 程式語言基礎
1.1 編程語言分類√
通用的編程語言 有C語言、C++語言、Java語言、C#語言、PHP語言、Python語言、VB語言、JavaScript語言等, 標記語言 是名稱帶有ML即MarkLanguage的語言 SQL為資料庫語言 通用腳本語言 包括 Python, Ruby, VBScript,PHP,
COBOL是面向事務處理的語言; XML即可擴展標記語言; PROLOG是邏輯式語言; LISP是函式式語言
1.2 變數存放位置
變數實際上是存盤位置的名字, 代碼區 存放指令 ,運行程序中不可修改, 全域變數 的存盤單元位于靜態資料區 , 區域變數 的存盤單元位于堆疊區 , 根據需要進行動態申請和釋放 的動態變數存盤空間在堆區 ,
1.3 程式變數敘述
函式的呼叫和回傳 控制都是用堆疊 來進行的,以保證運算邏輯的正確性, 函式的宣告必須在該函式的呼叫之前,定義可以在函式呼叫之后, 動態系結 是程式運行程序中,把函式(或程序)呼叫與回應呼叫所需要的代碼相結合的程序 連接程式 是將來源不同的目標程式裝配成一個可執行程式
程式的錯誤可以分為兩類:語法錯誤和語意錯誤,語法描述語言的結構,語意表達語言的含義,語法錯誤會在編譯階段
#2 線性表√
2.1 串
串的模式匹配演算法是指在串中查找指定的模式串是否出現及其位置 兩個字串比較時,按照對應字符(編碼)的大小關系進行比較,
#3 軟工&項管√
3.1 軟體開發模型
RUP 是統一程序 的商業版本,是用力和風險驅動、以架構為中心、迭代的增量開發程序, XP 是一種輕量級,高效,低風險,柔性,可預測的,科學的軟體開發方式,不斷迭代, 螺旋模型 將開發程序分為幾個螺旋周期,每個螺旋周期在前一個螺旋周期的基礎上迭代進行開發, 瀑布模型 適用于軟體需求確定 ,開發程序能夠以線性化 的方式完成的那些軟體開發專案,能否用于某個專案或者快速開發某個專案并不取決于所開發的軟體專案的規模或開發團隊的規模,而且只要軟體需求確定,開發程序能夠采用線性方式進行,現今的軟體開發仍然可以使用瀑布模型, V模型 是瀑布模型的一種演變模型,將測驗和分析與設計關聯進行, 原形模型 通過快速構建可運行的原型系統,然后根據運行程序中獲取的用戶反饋進行改進,特別適用于對軟體需求缺乏認識的情況,
敏捷開發 有:XP,SCRUM,水晶法 RUP 屬于統一開發程序
Mc Call軟體 質量模型從軟體產品的運行、修整、轉移三個方面確定了11個質量特性, 運行方面的特性 包括正確性、可靠性、易使用性、效率和完整性; 產品轉移方面特性 包括可移植性、復用性和互用性; 產品修正方面特性 包括可維護性、靈活性、可測驗性;
CMM: 可重復級: 建立了基本的專案管理程序和實踐來跟蹤專案費用,進度和功能性, 已定義級: 所有專案都采用根據實際情況修改后得到的標準軟體程序來開發和維護軟體, 已管理級: 收集對軟體程序和產品質量的詳細度量,對軟體程序和產品都有定量的理解和控制, 優化級: 程序的量化反饋和先進的新思想,新技術促使程序不斷改進,
云計算: 用戶所需的資源和呼叫方式對用戶透明,向用戶提供方便、靈活的服務,
#4 辦公自動化 √
#5 中央處理器 CPU√
5.1 中央處理器的內部構成
中央處理器(CPU) 是指由 運算器(ALU)、控制器(CU)、暫存器組(Registers)、內部總線 所組成 運算器 由算術邏輯單元(ALU) 、累加器 、資料緩沖暫存器 和狀態條件暫存器 組成 控制器 由程式計數器 、指令暫存器 、指令譯碼器 、時序產生器 和操作控制器 組成 I/O總線 是在記憶體與外設(顯示幕、列印機、掃描儀、外部存盤設備等)間傳送資料的通路 程式計數器 用于存放下一條指令所在單元的地址,當執行一條指令時,首先需要根據PC中存放的指令地址,將指令由記憶體取到指令暫存器中,此程序稱為 “取指令” ,與此同時,PC中的地址或自動加1或由轉移指標給出下一條指令的地址,此后經過分析指令 ,執行指令 , 累加器 用于暫時存放運算元和中間運算結果, 總線寬度 分為地址總線寬度 和資料總線寬度 地址總線寬度 決定了CPU可以訪問的物理地址空間 ,簡單地說就是CPU到底能夠使用多大容量的記憶體, CPU執行算術運算或者邏輯運算時,算術邏輯運算部件(ALU)將計算結果保存在累加器(AC)中, 資料暫存器 用于暫時存放由記憶體讀取的一條指令或資料字,反之,當向記憶體寫入一個資料字時,也暫時將他們存放在資料緩沖暫存器中,
計算機的用途不同,對其不同部件的性能指標要求也有所不同,用作科學計算為主的計算機,其對主機的運算速度要求很高;用作大型資料庫 處理為主的計算機,其對主機的記憶體容量、存取速度和外存盤器的讀寫速度 要求較高:對于用作網路傳輸 的計算機,則要求有很高的I/O速度 ,
CPU對主存的訪問方式屬于隨機存盤,
連入計算機系統的設備都要進行編址以便進行訪問,對于I/O設備,可以采用與記憶體統一編址的方式或獨立的編址方式,若與記憶體單元統一編址,則訪問I/O設備介面如同訪問記憶體單元,在指令系統中就不需要加以區分(即不需要設定專門的訪問I/O設備介面的指令);若采用獨立的編址方式,則I/O設備介面的編號與記憶體單元的地址可能重疊,因此訪問I/O設備介面的指令應該與訪問記憶體單元的指令相互區分,
RISC(精簡指令集計算機)指令系統 的最大特點是:選取使用頻率最高的一些簡單指令,指令條數少 ; 指令長度固定 ,指令格式種類少 ;只有取數_/存數指令訪問存盤器,其余指令的操作都在暫存器之間進行,
CPU字長 指CPU在單位時間內能一次處理的二進制數的位數 , 資料總線 負責計算機中資料在各組成部分之間的傳送 .
5.2 尋址方式
直接尋址方式 下,運算元在記憶體中,指令中給出運算元的地址,需要再訪問一次記憶體來得到運算元, 立即尋址方式 下,運算元在指令中,所以在取得指令時就得到運算元,是速度最快 的, 暫存器尋址方式 下,運算元在CPU的暫存器中, 暫存器間接尋址方式 下,運算元的地址在CPU的暫存器中,還需要訪問一次記憶體來得到運算元, 間接尋址 下,間接尋址意味著指令中給出的地址A不是運算元的地址,二是存放運算元地址的主存單元的地址,簡稱運算元地址的地址,
無條件傳送、程式查詢和中斷方式都需要CPU執行程式指令進行資料的輸入和輸出,DMA方式則是一種不經過CPU而直接從記憶體存取資料的資料交換模式, 在DMA模式下,CPU只需向DMA控制器下達指令,讓DMA控制器來處理資料的傳送,資料傳送完之后再把資訊反饋給CPU即可,
#6 資料庫語言√
6.1 屬性分類:
簡單屬性: 不能再劃分的更小部分屬性 復合屬性: 可以在劃分為更小部分,也就是可以在劃分一下其他屬性的屬性 單值屬性: 資料庫中所定義的屬性對于一個特定的物體來說只有一個單獨的值 多值屬性: 在某種情況下對某個特定的物體而言,一個屬性可能對應一組值 派生屬性: 可以從別的物體或相關屬性派生出來
6.2 關系模型中有三類完整性約束:
物體完整性: 對主屬性值域的約束 參照完整性: 對參照關系的外碼屬性值域的約束
(
如
果
一
個
關
系
中
的
一
個
屬
性
是
另
外
一
個
關
系
中
的
主
碼
則
這
個
屬
性
為
外
碼
,
外
碼
的
值
或
為
空
,
或
為
其
對
應
的
主
碼
中
的
一
個
值
)
\color{#696969}{(如果一個關系中的一個屬性是另外一個關系中的主碼則這個屬性為外碼,外碼的值或為空,或為其對應的主碼中的一個值)}
( 如 果 一 個 關 系 中 的 一 個 屬 性 是 另 外 一 個 關 系 中 的 主 碼 則 這 個 屬 性 為 外 碼 , 外 碼 的 值 或 為 空 , 或 為 其 對 應 的 主 碼 中 的 一 個 值 ) ** 用戶定義完整性: 對其他屬性值域的約束
6.3 SQL陳述句補全
查詢陳述句
//查詢 零件名為P2, 供應商包含華德, 利潤在1280~2500的 零件名,供應商以及利潤(售價-進貨價)
SELECT 零件名, 供應商, 售價 - 進貨價 as 利潤
FROM P
WHERE 零件名 = 'P2'
AND 供應商 like '%華德%'
AND 利潤 Between 250 AND 500
//尋找比所有計算機系學生的年齡都小的其他系的學生 姓名及年齡
SELECT 姓名, 年齡
FROM 學生
WHERE 年齡 < ALL (
SELECT 年齡 FROM 學生 WHERE
專業 = '計算機' )
AND 專業 <> '計算機' ;
//查詢至少選擇了四門課程的學生學號、姓名及平均成績
SELECT 學號, 姓名, AVG ( 成績) AS 平均成績
FROM Student GROUP BY 學號
HAVING COUNT ( 課程號) > 3
修改陳述句
//
UPDATE P
SET 價格 = 價格* 0.98
WHERE 供應商 = 'S2' ;
插入陳述句
INSERT INTO EMP Values ( 10058 , '黃曉華' , '開發部' )
建表陳述句
//
CREATE TABLE Emp(
員工號 CHAR ( 4 ) ,
姓名 CHAR ( 10 ) ,
性別 CHAR ( 1 ) CHECK ( 性別 IN ( 'M' , 'F' ) ) ,
部門 CHAR ( 4 ) REFERENCES Dept( 部門) ,
家庭住址 CHAR ( 30 ) ,
PRIMARY KEY ( 員工號) ;
#7 面向物件技術 √
#8 應用數學
#9 資料的表示√
原碼: 正數的符號位為0,負數的符號位為1 反碼: 正數的反碼等于他的原碼,負數的符號位不變,其他位取反, 補碼: 正數的補碼等于他的原碼,負數的補碼等于反碼+1, 移碼: 補碼符號位取反,數值位不變, 海明碼: 利用奇偶性來檢錯和糾錯的校驗方法,海明碼的構成方法是在資料位之間的確定位置上插入k個校驗位,通過擴大碼距來實作檢錯和糾錯, 奇偶校驗碼: 通過增加一位校驗位來使編碼中“1”的個數橫為奇數或偶數, 兩個數值相同,亦或結果為0,兩個數不同,亦或結果為1; 回圈冗余校驗碼: 的基本原理是在尺位資訊碼后再拼接位的校驗碼,整個編碼長度為N位, 數值中的小數點在硬體中不明確表示,二是采用約定位置的方式,
在IEEE754 浮點表示法中,階碼 采用移碼 表示
#10 系統分析與系統設計
解釋器模式: 定義一個語言的文法,并且建立一個解釋器來解釋該語言中的句子,這里的“語言“”是指使用規定格式和語法的代碼
N-S盒圖,PAD圖和程式流程圖 主要用于表示軟體模塊的執行程序, E-R圖 是在對系統進行資料建模時采用,用于表示物體與物體之間的聯系,
面向物件分析結果主要是面向物件分析模型,當前主流的技術是采用面向物件建模語言來描述和表達,
程式模塊設計的原則包括:規模適中,介面簡單,單入口出口;
#11 存盤器系統
#12 Windows基本操作√
#13 程式測驗基礎知識√
13.1 測驗的分類
靜態測驗: 包括人工測驗和計算機輔助靜態分析, 動態測驗: 通過運行程式發現錯誤, **黑盒測驗: ** 包括等價類劃分,錯誤猜測,因果圖等 **白盒測驗(結構測驗): **
路徑覆寫: 要求每一條獨立路徑都執行過, 陳述句覆寫: 要求所有陳述句至少執行一次, 條件覆寫: 每個判斷里的每個條件的可能取值至少執行一次 判定覆寫: 每個判斷的取真分支和取假分支至少經歷一次
#14 網路協議與標準
14.1協議的分類
TCP/IP協議簇中: TCP協議、IP協議、FTP協議、UDP協議、SLIP協議、PPP協議、ICMP協議、ARP協議DNS協議、SMTP協議等 應用層有: SMTP協議,FTP協議,SNMP協議,DNS協議 傳輸層有: TCP協議,UDP協議 網路層有: ICMP協議,TCP協議,IP協議
ARP協議 屬于網路層,作用是由IP地址求MAC地址 RARP協議 作用由MAC地址求IP地址 UDP協議 屬于傳輸層,是簡單不可靠資訊傳送服務 ICMP協議 屬于網路層,用于傳送有關通信問題的訊息,封裝在IP資料報中傳送 SMTP協議 是用于發送郵件,下層采用TCP傳輸 POP3協議 從電子服務器上獲取電子郵件
HTTP協議 的默認埠號是80
14.2 協議的特點
FTP 是應用層協議 ,支持上傳和下載,使用2個埠號,報文通過TCP報文 傳送, PING命令 是ICMP協議 的一個應用,發出請求與回應 型別的報文 0.0.0.0表示本機地址,只能作為源地址使用,不能作為目標地址使用
14.3 地址分類
10.110.33.224 是A類私網地址 172.16.17.18 是B類私網地址 192.168.22.35 是C類私網地址
14.4 地址的特點
私網IP地址區別于公網IP地址的特點是不能通過Internet訪問
14.5 型別題
題型I: IP地址塊192.168.80.128/27包含了( )個可用地址? 一共32位 /27剩下5個0,25 = 32 - 2 = 30個
題型II: IP地址塊200.15.13.12/22包含了( )個可用地址? 一共32位 /22 剩下10個0 11111111 11111111 11111100 00000000 = 255.255.252.0
題型III: 假定子網掩碼為255.255.255.224,( )屬于有效的主機地址? 最后的224的二進制位 11100000,最后5位 那么有效的主機地址主要看最后5位是全0 則為子網地址,全為1則是廣播地址
#15 處理機管理√
釋放CPU,才放棄就緒狀態, CPU 運行 → 就緒:時間片到 就緒 → 運行:行程調度程式調度 運行 → 阻塞:進行了P操作 阻塞 → 就緒:I/0的完成
#16 樹和二叉樹√
#17 統一建模語言UML√
17.1 圖的分類
動態互動圖 有:序列圖,狀態圖,活動圖,協作圖,通信圖, 靜態互動圖 有:類圖,物件圖,組件圖,
17.2 各個圖的概念
序列圖 表現各個物件互動的時間順序 協作圖 強調收發訊息的物件之間的組織結構 類圖 展現了一組物件、介面、協作和他們之間的關系,描述系統的靜態結構 物件圖 展現一組物件以及它們之間的關系 活動圖 是一種特殊的狀態圖 ,強調物件間的控制流程,展現了在系統內從一個活動到另一個活動的流程, 用例圖 用于描述系統與外部系統及用戶之間的互動
17.3 其他概念
關聯的多重度 是指:一個類的實體能夠與另一個類的多少個實體相關聯 UML中的行為事物 有:互動、狀態機和活動 UML中的結構事物 有:類,介面,構件
18 排序與查找
哈希查找 對于資料較多的查找需求時有著很快的查詢能力
各個排序方法時空間復雜度情況:
HTML語言√
表格邊框的寬度由border 屬性指定
功能快捷鍵
撤銷:Ctrl/Command + Z 重做:Ctrl/Command + Y 加粗:Ctrl/Command + B 斜體:Ctrl/Command + I 標題:Ctrl/Command + Shift + H 無序串列:Ctrl/Command + Shift + U 有序串列:Ctrl/Command + Shift + O 檢查串列:Ctrl/Command + Shift + C 插入代碼:Ctrl/Command + Shift + K 插入鏈接:Ctrl/Command + Shift + L 插入圖片:Ctrl/Command + Shift + G 查找:Ctrl/Command + F 替換:Ctrl/Command + G
合理的創建標題,有助于目錄的生成
直接輸入1次# ,并按下space 后,將生成1級標題, 輸入2次# ,并按下space 后,將生成2級標題, 以此類推,我們支持6級標題,有助于使用TOC語法后生成一個完美的目錄,
如何改變文本的樣式
強調文本 強調文本
加粗文本 加粗文本
標記文本
洗掉文本
參考文本
H2 O is是液體,
210 運算結果是 1024.
插入鏈接與圖片
鏈接: link.
圖片:
帶尺寸的圖片:
居中的圖片:
居中并且帶尺寸的圖片:
當然,我們為了讓用戶更加便捷,我們增加了圖片拖拽功能,
如何插入一段漂亮的代碼片
去博客設定頁面,選擇一款你喜歡的代碼片高亮樣式,下面展示同樣高亮的 代碼片.
// An highlighted block
var foo = 'bar' ;
生成一個適合你的串列
專案1 專案2 專案3
創建一個表格
一個簡單的表格是這么創建的:
設定內容居中、居左、居右
使用:---------:居中 使用:----------居左 使用----------:居右
第一列 第二列 第三列 第一列文本居中 第二列文本居右 第三列文本居左
SmartyPants
SmartyPants將ASCII標點字符轉換為“智能”印刷標點HTML物體,例如:
TYPE ASCII HTML Single backticks 'Isn't this fun?'‘Isn’t this fun?’ Quotes "Isn't this fun?"“Isn’t this fun?” Dashes -- is en-dash, --- is em-dash– is en-dash, — is em-dash
創建一個自定義串列
Markdown
Text-to-
HTML conversion tool
Authors
John
Luke
如何創建一個注腳
一個具有注腳的文本,1
注釋也是必不可少的
Markdown將文本轉換為 HTML,
KaTeX數學公式
您可以使用渲染LaTeX數學運算式 KaTeX:
Gamma公式展示
Γ
(
n
)
=
(
n
?
1
)
!
?
n
∈
N
\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N
Γ ( n ) = ( n ? 1 ) ! ? n ∈ N 是通過歐拉積分
Γ
(
z
)
=
∫
0
∞
t
z
?
1
e
?
t
d
t
?
.
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
Γ ( z ) = ∫ 0 ∞ ? t z ? 1 e ? t d t .
你可以找到更多關于的資訊 LaTeX 數學運算式here.
新的甘特圖功能,豐富你的文章
Mon 06
Mon 13
Mon 20
已完成
進行中
計劃一
計劃二
現有任務
Adding GANTT diagram functionality to mermaid
UML 圖表
可以使用UML圖表進行渲染, Mermaid. 例如下面產生的一個序列圖:
<style>#mermaid-svg-vMxq9wwkzROqzXdy .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-vMxq9wwkzROqzXdy .label text{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .node rect,#mermaid-svg-vMxq9wwkzROqzXdy .node circle,#mermaid-svg-vMxq9wwkzROqzXdy .node ellipse,#mermaid-svg-vMxq9wwkzROqzXdy .node polygon,#mermaid-svg-vMxq9wwkzROqzXdy .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vMxq9wwkzROqzXdy .node .label{text-align:center;fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .node.clickable{cursor:pointer}#mermaid-svg-vMxq9wwkzROqzXdy .arrowheadPath{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-vMxq9wwkzROqzXdy .flowchart-link{stroke:#333;fill:none}#mermaid-svg-vMxq9wwkzROqzXdy .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-vMxq9wwkzROqzXdy .edgeLabel rect{opacity:0.9}#mermaid-svg-vMxq9wwkzROqzXdy .edgeLabel span{color:#333}#mermaid-svg-vMxq9wwkzROqzXdy .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-vMxq9wwkzROqzXdy .cluster text{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-vMxq9wwkzROqzXdy .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vMxq9wwkzROqzXdy text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-vMxq9wwkzROqzXdy .actor-line{stroke:grey}#mermaid-svg-vMxq9wwkzROqzXdy .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-vMxq9wwkzROqzXdy .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-vMxq9wwkzROqzXdy #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-vMxq9wwkzROqzXdy .sequenceNumber{fill:#fff}#mermaid-svg-vMxq9wwkzROqzXdy #sequencenumber{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy #crosshead path{fill:#333;stroke:#333}#mermaid-svg-vMxq9wwkzROqzXdy .messageText{fill:#333;stroke:#333}#mermaid-svg-vMxq9wwkzROqzXdy .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vMxq9wwkzROqzXdy .labelText,#mermaid-svg-vMxq9wwkzROqzXdy .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-vMxq9wwkzROqzXdy .loopText,#mermaid-svg-vMxq9wwkzROqzXdy .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-vMxq9wwkzROqzXdy .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-vMxq9wwkzROqzXdy .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vMxq9wwkzROqzXdy .noteText,#mermaid-svg-vMxq9wwkzROqzXdy .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-vMxq9wwkzROqzXdy .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-vMxq9wwkzROqzXdy .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-vMxq9wwkzROqzXdy .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-vMxq9wwkzROqzXdy .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .section{stroke:none;opacity:0.2}#mermaid-svg-vMxq9wwkzROqzXdy .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-vMxq9wwkzROqzXdy .section2{fill:#fff400}#mermaid-svg-vMxq9wwkzROqzXdy .section1,#mermaid-svg-vMxq9wwkzROqzXdy .section3{fill:#fff;opacity:0.2}#mermaid-svg-vMxq9wwkzROqzXdy .sectionTitle0{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .sectionTitle1{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .sectionTitle2{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .sectionTitle3{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-vMxq9wwkzROqzXdy .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .grid path{stroke-width:0}#mermaid-svg-vMxq9wwkzROqzXdy .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-vMxq9wwkzROqzXdy .task{stroke-width:2}#mermaid-svg-vMxq9wwkzROqzXdy .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .taskText:not([font-size]){font-size:11px}#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-vMxq9wwkzROqzXdy .task.clickable{cursor:pointer}#mermaid-svg-vMxq9wwkzROqzXdy .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vMxq9wwkzROqzXdy .taskText0,#mermaid-svg-vMxq9wwkzROqzXdy .taskText1,#mermaid-svg-vMxq9wwkzROqzXdy .taskText2,#mermaid-svg-vMxq9wwkzROqzXdy .taskText3{fill:#fff}#mermaid-svg-vMxq9wwkzROqzXdy .task0,#mermaid-svg-vMxq9wwkzROqzXdy .task1,#mermaid-svg-vMxq9wwkzROqzXdy .task2,#mermaid-svg-vMxq9wwkzROqzXdy .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutside0,#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutside2{fill:#000}#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutside1,#mermaid-svg-vMxq9wwkzROqzXdy .taskTextOutside3{fill:#000}#mermaid-svg-vMxq9wwkzROqzXdy .active0,#mermaid-svg-vMxq9wwkzROqzXdy .active1,#mermaid-svg-vMxq9wwkzROqzXdy .active2,#mermaid-svg-vMxq9wwkzROqzXdy .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-vMxq9wwkzROqzXdy .activeText0,#mermaid-svg-vMxq9wwkzROqzXdy .activeText1,#mermaid-svg-vMxq9wwkzROqzXdy .activeText2,#mermaid-svg-vMxq9wwkzROqzXdy .activeText3{fill:#000 !important}#mermaid-svg-vMxq9wwkzROqzXdy .done0,#mermaid-svg-vMxq9wwkzROqzXdy .done1,#mermaid-svg-vMxq9wwkzROqzXdy .done2,#mermaid-svg-vMxq9wwkzROqzXdy .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-vMxq9wwkzROqzXdy .doneText0,#mermaid-svg-vMxq9wwkzROqzXdy .doneText1,#mermaid-svg-vMxq9wwkzROqzXdy .doneText2,#mermaid-svg-vMxq9wwkzROqzXdy .doneText3{fill:#000 !important}#mermaid-svg-vMxq9wwkzROqzXdy .crit0,#mermaid-svg-vMxq9wwkzROqzXdy .crit1,#mermaid-svg-vMxq9wwkzROqzXdy .crit2,#mermaid-svg-vMxq9wwkzROqzXdy .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-vMxq9wwkzROqzXdy .activeCrit0,#mermaid-svg-vMxq9wwkzROqzXdy .activeCrit1,#mermaid-svg-vMxq9wwkzROqzXdy .activeCrit2,#mermaid-svg-vMxq9wwkzROqzXdy .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-vMxq9wwkzROqzXdy .doneCrit0,#mermaid-svg-vMxq9wwkzROqzXdy .doneCrit1,#mermaid-svg-vMxq9wwkzROqzXdy .doneCrit2,#mermaid-svg-vMxq9wwkzROqzXdy .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-vMxq9wwkzROqzXdy .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-vMxq9wwkzROqzXdy .milestoneText{font-style:italic}#mermaid-svg-vMxq9wwkzROqzXdy .doneCritText0,#mermaid-svg-vMxq9wwkzROqzXdy .doneCritText1,#mermaid-svg-vMxq9wwkzROqzXdy .doneCritText2,#mermaid-svg-vMxq9wwkzROqzXdy .doneCritText3{fill:#000 !important}#mermaid-svg-vMxq9wwkzROqzXdy .activeCritText0,#mermaid-svg-vMxq9wwkzROqzXdy .activeCritText1,#mermaid-svg-vMxq9wwkzROqzXdy .activeCritText2,#mermaid-svg-vMxq9wwkzROqzXdy .activeCritText3{fill:#000 !important}#mermaid-svg-vMxq9wwkzROqzXdy .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-vMxq9wwkzROqzXdy g.classGroup text .title{font-weight:bolder}#mermaid-svg-vMxq9wwkzROqzXdy g.clickable{cursor:pointer}#mermaid-svg-vMxq9wwkzROqzXdy g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vMxq9wwkzROqzXdy g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-vMxq9wwkzROqzXdy .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-vMxq9wwkzROqzXdy .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vMxq9wwkzROqzXdy .dashed-line{stroke-dasharray:3}#mermaid-svg-vMxq9wwkzROqzXdy #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy .commit-id,#mermaid-svg-vMxq9wwkzROqzXdy .commit-msg,#mermaid-svg-vMxq9wwkzROqzXdy .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-vMxq9wwkzROqzXdy g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-vMxq9wwkzROqzXdy g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vMxq9wwkzROqzXdy g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vMxq9wwkzROqzXdy .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vMxq9wwkzROqzXdy .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-vMxq9wwkzROqzXdy .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-vMxq9wwkzROqzXdy .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vMxq9wwkzROqzXdy .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-vMxq9wwkzROqzXdy .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-vMxq9wwkzROqzXdy .edgeLabel text{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vMxq9wwkzROqzXdy .node circle.state-start{fill:black;stroke:black}#mermaid-svg-vMxq9wwkzROqzXdy .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-vMxq9wwkzROqzXdy #statediagram-barbEnd{fill:#9370db}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-state .divider{stroke:#9370db}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-vMxq9wwkzROqzXdy .note-edge{stroke-dasharray:5}#mermaid-svg-vMxq9wwkzROqzXdy .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-vMxq9wwkzROqzXdy .error-icon{fill:#522}#mermaid-svg-vMxq9wwkzROqzXdy .error-text{fill:#522;stroke:#522}#mermaid-svg-vMxq9wwkzROqzXdy .edge-thickness-normal{stroke-width:2px}#mermaid-svg-vMxq9wwkzROqzXdy .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-vMxq9wwkzROqzXdy .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-vMxq9wwkzROqzXdy .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-vMxq9wwkzROqzXdy .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-vMxq9wwkzROqzXdy .marker{fill:#333}#mermaid-svg-vMxq9wwkzROqzXdy .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-vMxq9wwkzROqzXdy {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
張三
李四
王五
你好!李四, 最近怎么樣?
你最近怎么樣,王五?
我很好,謝謝!
我很好,謝謝!
李四想了很長時間, 文字太長了
不適合放在一行.
打量著王五...
很好... 王五, 你怎么樣?
張三
李四
王五
這將產生一個流程圖,:
<style>#mermaid-svg-BMp0KywQjrGhx1kG .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-BMp0KywQjrGhx1kG .label text{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .node rect,#mermaid-svg-BMp0KywQjrGhx1kG .node circle,#mermaid-svg-BMp0KywQjrGhx1kG .node ellipse,#mermaid-svg-BMp0KywQjrGhx1kG .node polygon,#mermaid-svg-BMp0KywQjrGhx1kG .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-BMp0KywQjrGhx1kG .node .label{text-align:center;fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .node.clickable{cursor:pointer}#mermaid-svg-BMp0KywQjrGhx1kG .arrowheadPath{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-BMp0KywQjrGhx1kG .flowchart-link{stroke:#333;fill:none}#mermaid-svg-BMp0KywQjrGhx1kG .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-BMp0KywQjrGhx1kG .edgeLabel rect{opacity:0.9}#mermaid-svg-BMp0KywQjrGhx1kG .edgeLabel span{color:#333}#mermaid-svg-BMp0KywQjrGhx1kG .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-BMp0KywQjrGhx1kG .cluster text{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-BMp0KywQjrGhx1kG .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-BMp0KywQjrGhx1kG text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-BMp0KywQjrGhx1kG .actor-line{stroke:grey}#mermaid-svg-BMp0KywQjrGhx1kG .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-BMp0KywQjrGhx1kG .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-BMp0KywQjrGhx1kG #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-BMp0KywQjrGhx1kG .sequenceNumber{fill:#fff}#mermaid-svg-BMp0KywQjrGhx1kG #sequencenumber{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG #crosshead path{fill:#333;stroke:#333}#mermaid-svg-BMp0KywQjrGhx1kG .messageText{fill:#333;stroke:#333}#mermaid-svg-BMp0KywQjrGhx1kG .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-BMp0KywQjrGhx1kG .labelText,#mermaid-svg-BMp0KywQjrGhx1kG .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-BMp0KywQjrGhx1kG .loopText,#mermaid-svg-BMp0KywQjrGhx1kG .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-BMp0KywQjrGhx1kG .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-BMp0KywQjrGhx1kG .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-BMp0KywQjrGhx1kG .noteText,#mermaid-svg-BMp0KywQjrGhx1kG .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-BMp0KywQjrGhx1kG .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-BMp0KywQjrGhx1kG .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-BMp0KywQjrGhx1kG .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-BMp0KywQjrGhx1kG .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .section{stroke:none;opacity:0.2}#mermaid-svg-BMp0KywQjrGhx1kG .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-BMp0KywQjrGhx1kG .section2{fill:#fff400}#mermaid-svg-BMp0KywQjrGhx1kG .section1,#mermaid-svg-BMp0KywQjrGhx1kG .section3{fill:#fff;opacity:0.2}#mermaid-svg-BMp0KywQjrGhx1kG .sectionTitle0{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .sectionTitle1{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .sectionTitle2{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .sectionTitle3{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-BMp0KywQjrGhx1kG .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .grid path{stroke-width:0}#mermaid-svg-BMp0KywQjrGhx1kG .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-BMp0KywQjrGhx1kG .task{stroke-width:2}#mermaid-svg-BMp0KywQjrGhx1kG .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .taskText:not([font-size]){font-size:11px}#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-BMp0KywQjrGhx1kG .task.clickable{cursor:pointer}#mermaid-svg-BMp0KywQjrGhx1kG .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-BMp0KywQjrGhx1kG .taskText0,#mermaid-svg-BMp0KywQjrGhx1kG .taskText1,#mermaid-svg-BMp0KywQjrGhx1kG .taskText2,#mermaid-svg-BMp0KywQjrGhx1kG .taskText3{fill:#fff}#mermaid-svg-BMp0KywQjrGhx1kG .task0,#mermaid-svg-BMp0KywQjrGhx1kG .task1,#mermaid-svg-BMp0KywQjrGhx1kG .task2,#mermaid-svg-BMp0KywQjrGhx1kG .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutside0,#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutside2{fill:#000}#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutside1,#mermaid-svg-BMp0KywQjrGhx1kG .taskTextOutside3{fill:#000}#mermaid-svg-BMp0KywQjrGhx1kG .active0,#mermaid-svg-BMp0KywQjrGhx1kG .active1,#mermaid-svg-BMp0KywQjrGhx1kG .active2,#mermaid-svg-BMp0KywQjrGhx1kG .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-BMp0KywQjrGhx1kG .activeText0,#mermaid-svg-BMp0KywQjrGhx1kG .activeText1,#mermaid-svg-BMp0KywQjrGhx1kG .activeText2,#mermaid-svg-BMp0KywQjrGhx1kG .activeText3{fill:#000 !important}#mermaid-svg-BMp0KywQjrGhx1kG .done0,#mermaid-svg-BMp0KywQjrGhx1kG .done1,#mermaid-svg-BMp0KywQjrGhx1kG .done2,#mermaid-svg-BMp0KywQjrGhx1kG .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-BMp0KywQjrGhx1kG .doneText0,#mermaid-svg-BMp0KywQjrGhx1kG .doneText1,#mermaid-svg-BMp0KywQjrGhx1kG .doneText2,#mermaid-svg-BMp0KywQjrGhx1kG .doneText3{fill:#000 !important}#mermaid-svg-BMp0KywQjrGhx1kG .crit0,#mermaid-svg-BMp0KywQjrGhx1kG .crit1,#mermaid-svg-BMp0KywQjrGhx1kG .crit2,#mermaid-svg-BMp0KywQjrGhx1kG .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-BMp0KywQjrGhx1kG .activeCrit0,#mermaid-svg-BMp0KywQjrGhx1kG .activeCrit1,#mermaid-svg-BMp0KywQjrGhx1kG .activeCrit2,#mermaid-svg-BMp0KywQjrGhx1kG .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-BMp0KywQjrGhx1kG .doneCrit0,#mermaid-svg-BMp0KywQjrGhx1kG .doneCrit1,#mermaid-svg-BMp0KywQjrGhx1kG .doneCrit2,#mermaid-svg-BMp0KywQjrGhx1kG .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-BMp0KywQjrGhx1kG .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-BMp0KywQjrGhx1kG .milestoneText{font-style:italic}#mermaid-svg-BMp0KywQjrGhx1kG .doneCritText0,#mermaid-svg-BMp0KywQjrGhx1kG .doneCritText1,#mermaid-svg-BMp0KywQjrGhx1kG .doneCritText2,#mermaid-svg-BMp0KywQjrGhx1kG .doneCritText3{fill:#000 !important}#mermaid-svg-BMp0KywQjrGhx1kG .activeCritText0,#mermaid-svg-BMp0KywQjrGhx1kG .activeCritText1,#mermaid-svg-BMp0KywQjrGhx1kG .activeCritText2,#mermaid-svg-BMp0KywQjrGhx1kG .activeCritText3{fill:#000 !important}#mermaid-svg-BMp0KywQjrGhx1kG .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-BMp0KywQjrGhx1kG g.classGroup text .title{font-weight:bolder}#mermaid-svg-BMp0KywQjrGhx1kG g.clickable{cursor:pointer}#mermaid-svg-BMp0KywQjrGhx1kG g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-BMp0KywQjrGhx1kG g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-BMp0KywQjrGhx1kG .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-BMp0KywQjrGhx1kG .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-BMp0KywQjrGhx1kG .dashed-line{stroke-dasharray:3}#mermaid-svg-BMp0KywQjrGhx1kG #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG .commit-id,#mermaid-svg-BMp0KywQjrGhx1kG .commit-msg,#mermaid-svg-BMp0KywQjrGhx1kG .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-BMp0KywQjrGhx1kG g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-BMp0KywQjrGhx1kG g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-BMp0KywQjrGhx1kG g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-BMp0KywQjrGhx1kG .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-BMp0KywQjrGhx1kG .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-BMp0KywQjrGhx1kG .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-BMp0KywQjrGhx1kG .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-BMp0KywQjrGhx1kG .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-BMp0KywQjrGhx1kG .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-BMp0KywQjrGhx1kG .edgeLabel text{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-BMp0KywQjrGhx1kG .node circle.state-start{fill:black;stroke:black}#mermaid-svg-BMp0KywQjrGhx1kG .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-BMp0KywQjrGhx1kG #statediagram-barbEnd{fill:#9370db}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-state .divider{stroke:#9370db}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-BMp0KywQjrGhx1kG .note-edge{stroke-dasharray:5}#mermaid-svg-BMp0KywQjrGhx1kG .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-BMp0KywQjrGhx1kG .error-icon{fill:#522}#mermaid-svg-BMp0KywQjrGhx1kG .error-text{fill:#522;stroke:#522}#mermaid-svg-BMp0KywQjrGhx1kG .edge-thickness-normal{stroke-width:2px}#mermaid-svg-BMp0KywQjrGhx1kG .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-BMp0KywQjrGhx1kG .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-BMp0KywQjrGhx1kG .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-BMp0KywQjrGhx1kG .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-BMp0KywQjrGhx1kG .marker{fill:#333}#mermaid-svg-BMp0KywQjrGhx1kG .marker.cross{stroke:#333}
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style>
<style>#mermaid-svg-BMp0KywQjrGhx1kG {
color: rgba(0, 0, 0, 0.75);
font: ;
}</style>
鏈接
長方形
圓
圓角長方形
菱形
FLowchart流程圖
我們依舊會支持flowchart的流程圖:
Created with Rapha?l 2.2.0
開始
我的操作
確認?
結束
yes
no
關于 Flowchart流程圖 語法,參考 這兒.
匯出與匯入
匯出
如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯,當你完成了一篇文章的寫作, 在上方工具列找到 文章匯出 ,生成一個.md檔案或者.html檔案進行本地保存,
匯入
如果你想加載一篇你寫過的.md檔案,在上方工具列可以選擇匯入功能進行對應擴展名的檔案匯入, 繼續你的創作,