主頁 >  其他 > 軟考

軟考

2020-11-04 14:09:52 其他

軟考

  • #1 程式語言基礎
    • 1.1 編程語言分類
    • 1.2 變數存放位置
    • 1.3 程式變數敘述
  • #2 線性表
    • 2.1 串
  • #3 軟工&項管
    • 3.1 軟體開發模型
  • #4 辦公自動化 √
  • #5 中央處理器 CPU
    • 5.1 中央處理器的內部構成
    • 5.2 尋址方式
  • #6 資料庫語言
    • 6.1 屬性分類:
    • 6.2 關系模型中有三類完整性約束:
    • 6.3 SQL陳述句補全
  • #7 面向物件技術 √
  • #8 應用數學
  • #9 資料的表示
  • #10 系統分析與系統設計
  • #11 存盤器系統
  • #12 Windows基本操作
  • #13 程式測驗基礎知識
    • 13.1 測驗的分類
  • #14 網路協議與標準
  • #15 處理機標準
  • #16 樹和二叉樹√
  • #17 統一建模語言UML
    • 功能快捷鍵
    • 合理的創建標題,有助于目錄的生成
    • 如何改變文本的樣式
    • 插入鏈接與圖片
    • 如何插入一段漂亮的代碼片
    • 生成一個適合你的串列
    • 創建一個表格
      • 設定內容居中、居左、居右
      • SmartyPants
    • 創建一個自定義串列
    • 如何創建一個注腳
    • 注釋也是必不可少的
    • 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 網路協議與標準

#15 處理機標準

#16 樹和二叉樹√

#17 統一建模語言UML

我們對Markdown編輯器進行了一些功能拓展與語法支持,除了標準的Markdown編輯器功能,我們增加了如下幾點新功能,幫助你用它寫博客:

  1. 全新的界面設計 ,將會帶來全新的寫作體驗;
  2. 在創作中心設定你喜愛的代碼高亮樣式,Markdown 將代碼片顯示選擇的高亮樣式 進行展示;
  3. 增加了 圖片拖拽 功能,你可以將本地的圖片直接拖拽到編輯區域直接展示;
  4. 全新的 KaTeX數學公式 語法;
  5. 增加了支持甘特圖的mermaid語法1 功能;
  6. 增加了 多螢屏編輯 Markdown文章功能;
  7. 增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定 等功能,功能按鈕位于編輯區域與預覽區域中間;
  8. 增加了 檢查串列 功能,

功能快捷鍵

撤銷: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語法后生成一個完美的目錄,

如何改變文本的樣式

強調文本 強調文本

加粗文本 加粗文本

標記文本

洗掉文本

參考文本

H2O is是液體,

210 運算結果是 1024.

插入鏈接與圖片

鏈接: link.

圖片: Alt

帶尺寸的圖片: Alt

居中的圖片: Alt

居中并且帶尺寸的圖片: Alt

當然,我們為了讓用戶更加便捷,我們增加了圖片拖拽功能,

如何插入一段漂亮的代碼片

去博客設定頁面,選擇一款你喜歡的代碼片高亮樣式,下面展示同樣高亮的 代碼片.

// An highlighted block
var foo = 'bar';

生成一個適合你的串列

  • 專案
    • 專案
      • 專案
  1. 專案1
  2. 專案2
  3. 專案3
  • 計劃任務
  • 完成任務

創建一個表格

一個簡單的表格是這么創建的:

專案Value
電腦$1600
手機$12
導管$1

設定內容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

SmartyPants

SmartyPants將ASCII標點字符轉換為“智能”印刷標點HTML物體,例如:

TYPEASCIIHTML
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

如何創建一個注腳

一個具有注腳的文本,2

注釋也是必不可少的

Markdown將文本轉換為 HTML,

KaTeX數學公式

您可以使用渲染LaTeX數學運算式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n ? 1 ) ! ? n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n?1)!?nN 是通過歐拉積分

Γ ( z ) = ∫ 0 ∞ t z ? 1 e ? t d t ? . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0?tz?1e?tdt.

你可以找到更多關于的資訊 LaTeX 數學運算式here.

新的甘特圖功能,豐富你的文章

Mon 06 Mon 13 Mon 20 已完成 進行中 計劃一 計劃二 現有任務 Adding GANTT diagram functionality to mermaid
  • 關于 甘特圖 語法,參考 這兒,

UML 圖表

可以使用UML圖表進行渲染, Mermaid. 例如下面產生的一個序列圖:

<style>#mermaid-svg-OfX9HvGoayMIgVCH .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-OfX9HvGoayMIgVCH .label text{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .node rect,#mermaid-svg-OfX9HvGoayMIgVCH .node circle,#mermaid-svg-OfX9HvGoayMIgVCH .node ellipse,#mermaid-svg-OfX9HvGoayMIgVCH .node polygon,#mermaid-svg-OfX9HvGoayMIgVCH .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-OfX9HvGoayMIgVCH .node .label{text-align:center;fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .node.clickable{cursor:pointer}#mermaid-svg-OfX9HvGoayMIgVCH .arrowheadPath{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-OfX9HvGoayMIgVCH .flowchart-link{stroke:#333;fill:none}#mermaid-svg-OfX9HvGoayMIgVCH .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-OfX9HvGoayMIgVCH .edgeLabel rect{opacity:0.9}#mermaid-svg-OfX9HvGoayMIgVCH .edgeLabel span{color:#333}#mermaid-svg-OfX9HvGoayMIgVCH .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-OfX9HvGoayMIgVCH .cluster text{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH 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-OfX9HvGoayMIgVCH .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-OfX9HvGoayMIgVCH text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-OfX9HvGoayMIgVCH .actor-line{stroke:grey}#mermaid-svg-OfX9HvGoayMIgVCH .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-OfX9HvGoayMIgVCH .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-OfX9HvGoayMIgVCH #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-OfX9HvGoayMIgVCH .sequenceNumber{fill:#fff}#mermaid-svg-OfX9HvGoayMIgVCH #sequencenumber{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH #crosshead path{fill:#333;stroke:#333}#mermaid-svg-OfX9HvGoayMIgVCH .messageText{fill:#333;stroke:#333}#mermaid-svg-OfX9HvGoayMIgVCH .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-OfX9HvGoayMIgVCH .labelText,#mermaid-svg-OfX9HvGoayMIgVCH .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-OfX9HvGoayMIgVCH .loopText,#mermaid-svg-OfX9HvGoayMIgVCH .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-OfX9HvGoayMIgVCH .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-OfX9HvGoayMIgVCH .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-OfX9HvGoayMIgVCH .noteText,#mermaid-svg-OfX9HvGoayMIgVCH .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-OfX9HvGoayMIgVCH .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-OfX9HvGoayMIgVCH .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-OfX9HvGoayMIgVCH .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-OfX9HvGoayMIgVCH .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .section{stroke:none;opacity:0.2}#mermaid-svg-OfX9HvGoayMIgVCH .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-OfX9HvGoayMIgVCH .section2{fill:#fff400}#mermaid-svg-OfX9HvGoayMIgVCH .section1,#mermaid-svg-OfX9HvGoayMIgVCH .section3{fill:#fff;opacity:0.2}#mermaid-svg-OfX9HvGoayMIgVCH .sectionTitle0{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .sectionTitle1{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .sectionTitle2{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .sectionTitle3{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-OfX9HvGoayMIgVCH .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .grid path{stroke-width:0}#mermaid-svg-OfX9HvGoayMIgVCH .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-OfX9HvGoayMIgVCH .task{stroke-width:2}#mermaid-svg-OfX9HvGoayMIgVCH .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .taskText:not([font-size]){font-size:11px}#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-OfX9HvGoayMIgVCH .task.clickable{cursor:pointer}#mermaid-svg-OfX9HvGoayMIgVCH .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-OfX9HvGoayMIgVCH .taskText0,#mermaid-svg-OfX9HvGoayMIgVCH .taskText1,#mermaid-svg-OfX9HvGoayMIgVCH .taskText2,#mermaid-svg-OfX9HvGoayMIgVCH .taskText3{fill:#fff}#mermaid-svg-OfX9HvGoayMIgVCH .task0,#mermaid-svg-OfX9HvGoayMIgVCH .task1,#mermaid-svg-OfX9HvGoayMIgVCH .task2,#mermaid-svg-OfX9HvGoayMIgVCH .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutside0,#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutside2{fill:#000}#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutside1,#mermaid-svg-OfX9HvGoayMIgVCH .taskTextOutside3{fill:#000}#mermaid-svg-OfX9HvGoayMIgVCH .active0,#mermaid-svg-OfX9HvGoayMIgVCH .active1,#mermaid-svg-OfX9HvGoayMIgVCH .active2,#mermaid-svg-OfX9HvGoayMIgVCH .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-OfX9HvGoayMIgVCH .activeText0,#mermaid-svg-OfX9HvGoayMIgVCH .activeText1,#mermaid-svg-OfX9HvGoayMIgVCH .activeText2,#mermaid-svg-OfX9HvGoayMIgVCH .activeText3{fill:#000 !important}#mermaid-svg-OfX9HvGoayMIgVCH .done0,#mermaid-svg-OfX9HvGoayMIgVCH .done1,#mermaid-svg-OfX9HvGoayMIgVCH .done2,#mermaid-svg-OfX9HvGoayMIgVCH .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-OfX9HvGoayMIgVCH .doneText0,#mermaid-svg-OfX9HvGoayMIgVCH .doneText1,#mermaid-svg-OfX9HvGoayMIgVCH .doneText2,#mermaid-svg-OfX9HvGoayMIgVCH .doneText3{fill:#000 !important}#mermaid-svg-OfX9HvGoayMIgVCH .crit0,#mermaid-svg-OfX9HvGoayMIgVCH .crit1,#mermaid-svg-OfX9HvGoayMIgVCH .crit2,#mermaid-svg-OfX9HvGoayMIgVCH .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-OfX9HvGoayMIgVCH .activeCrit0,#mermaid-svg-OfX9HvGoayMIgVCH .activeCrit1,#mermaid-svg-OfX9HvGoayMIgVCH .activeCrit2,#mermaid-svg-OfX9HvGoayMIgVCH .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-OfX9HvGoayMIgVCH .doneCrit0,#mermaid-svg-OfX9HvGoayMIgVCH .doneCrit1,#mermaid-svg-OfX9HvGoayMIgVCH .doneCrit2,#mermaid-svg-OfX9HvGoayMIgVCH .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-OfX9HvGoayMIgVCH .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-OfX9HvGoayMIgVCH .milestoneText{font-style:italic}#mermaid-svg-OfX9HvGoayMIgVCH .doneCritText0,#mermaid-svg-OfX9HvGoayMIgVCH .doneCritText1,#mermaid-svg-OfX9HvGoayMIgVCH .doneCritText2,#mermaid-svg-OfX9HvGoayMIgVCH .doneCritText3{fill:#000 !important}#mermaid-svg-OfX9HvGoayMIgVCH .activeCritText0,#mermaid-svg-OfX9HvGoayMIgVCH .activeCritText1,#mermaid-svg-OfX9HvGoayMIgVCH .activeCritText2,#mermaid-svg-OfX9HvGoayMIgVCH .activeCritText3{fill:#000 !important}#mermaid-svg-OfX9HvGoayMIgVCH .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-OfX9HvGoayMIgVCH g.classGroup text .title{font-weight:bolder}#mermaid-svg-OfX9HvGoayMIgVCH g.clickable{cursor:pointer}#mermaid-svg-OfX9HvGoayMIgVCH g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-OfX9HvGoayMIgVCH g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-OfX9HvGoayMIgVCH .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-OfX9HvGoayMIgVCH .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-OfX9HvGoayMIgVCH .dashed-line{stroke-dasharray:3}#mermaid-svg-OfX9HvGoayMIgVCH #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH .commit-id,#mermaid-svg-OfX9HvGoayMIgVCH .commit-msg,#mermaid-svg-OfX9HvGoayMIgVCH .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-OfX9HvGoayMIgVCH g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-OfX9HvGoayMIgVCH g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-OfX9HvGoayMIgVCH g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-OfX9HvGoayMIgVCH .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-OfX9HvGoayMIgVCH .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-OfX9HvGoayMIgVCH .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-OfX9HvGoayMIgVCH .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-OfX9HvGoayMIgVCH .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-OfX9HvGoayMIgVCH .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-OfX9HvGoayMIgVCH .edgeLabel text{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-OfX9HvGoayMIgVCH .node circle.state-start{fill:black;stroke:black}#mermaid-svg-OfX9HvGoayMIgVCH .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-OfX9HvGoayMIgVCH #statediagram-barbEnd{fill:#9370db}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-state .divider{stroke:#9370db}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-OfX9HvGoayMIgVCH .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-OfX9HvGoayMIgVCH .note-edge{stroke-dasharray:5}#mermaid-svg-OfX9HvGoayMIgVCH .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-OfX9HvGoayMIgVCH .error-icon{fill:#522}#mermaid-svg-OfX9HvGoayMIgVCH .error-text{fill:#522;stroke:#522}#mermaid-svg-OfX9HvGoayMIgVCH .edge-thickness-normal{stroke-width:2px}#mermaid-svg-OfX9HvGoayMIgVCH .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-OfX9HvGoayMIgVCH .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-OfX9HvGoayMIgVCH .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-OfX9HvGoayMIgVCH .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-OfX9HvGoayMIgVCH .marker{fill:#333}#mermaid-svg-OfX9HvGoayMIgVCH .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style> <style>#mermaid-svg-OfX9HvGoayMIgVCH { color: rgba(0, 0, 0, 0.75); font: ; }</style> 張三 李四 王五 你好!李四, 最近怎么樣? 你最近怎么樣,王五? 我很好,謝謝! 我很好,謝謝! 李四想了很長時間, 文字太長了 不適合放在一行. 打量著王五... 很好... 王五, 你怎么樣? 張三 李四 王五

這將產生一個流程圖,:

<style>#mermaid-svg-cK3KMrnoTSf0XtNb .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .label text{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .node rect,#mermaid-svg-cK3KMrnoTSf0XtNb .node circle,#mermaid-svg-cK3KMrnoTSf0XtNb .node ellipse,#mermaid-svg-cK3KMrnoTSf0XtNb .node polygon,#mermaid-svg-cK3KMrnoTSf0XtNb .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-cK3KMrnoTSf0XtNb .node .label{text-align:center;fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .node.clickable{cursor:pointer}#mermaid-svg-cK3KMrnoTSf0XtNb .arrowheadPath{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-cK3KMrnoTSf0XtNb .flowchart-link{stroke:#333;fill:none}#mermaid-svg-cK3KMrnoTSf0XtNb .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-cK3KMrnoTSf0XtNb .edgeLabel rect{opacity:0.9}#mermaid-svg-cK3KMrnoTSf0XtNb .edgeLabel span{color:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-cK3KMrnoTSf0XtNb .cluster text{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb 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-cK3KMrnoTSf0XtNb .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-cK3KMrnoTSf0XtNb text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-cK3KMrnoTSf0XtNb .actor-line{stroke:grey}#mermaid-svg-cK3KMrnoTSf0XtNb .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-cK3KMrnoTSf0XtNb #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .sequenceNumber{fill:#fff}#mermaid-svg-cK3KMrnoTSf0XtNb #sequencenumber{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb #crosshead path{fill:#333;stroke:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .messageText{fill:#333;stroke:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-cK3KMrnoTSf0XtNb .labelText,#mermaid-svg-cK3KMrnoTSf0XtNb .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-cK3KMrnoTSf0XtNb .loopText,#mermaid-svg-cK3KMrnoTSf0XtNb .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-cK3KMrnoTSf0XtNb .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-cK3KMrnoTSf0XtNb .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-cK3KMrnoTSf0XtNb .noteText,#mermaid-svg-cK3KMrnoTSf0XtNb .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-cK3KMrnoTSf0XtNb .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-cK3KMrnoTSf0XtNb .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-cK3KMrnoTSf0XtNb .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-cK3KMrnoTSf0XtNb .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .section{stroke:none;opacity:0.2}#mermaid-svg-cK3KMrnoTSf0XtNb .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-cK3KMrnoTSf0XtNb .section2{fill:#fff400}#mermaid-svg-cK3KMrnoTSf0XtNb .section1,#mermaid-svg-cK3KMrnoTSf0XtNb .section3{fill:#fff;opacity:0.2}#mermaid-svg-cK3KMrnoTSf0XtNb .sectionTitle0{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .sectionTitle1{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .sectionTitle2{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .sectionTitle3{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-cK3KMrnoTSf0XtNb .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .grid path{stroke-width:0}#mermaid-svg-cK3KMrnoTSf0XtNb .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-cK3KMrnoTSf0XtNb .task{stroke-width:2}#mermaid-svg-cK3KMrnoTSf0XtNb .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .taskText:not([font-size]){font-size:11px}#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-cK3KMrnoTSf0XtNb .task.clickable{cursor:pointer}#mermaid-svg-cK3KMrnoTSf0XtNb .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-cK3KMrnoTSf0XtNb .taskText0,#mermaid-svg-cK3KMrnoTSf0XtNb .taskText1,#mermaid-svg-cK3KMrnoTSf0XtNb .taskText2,#mermaid-svg-cK3KMrnoTSf0XtNb .taskText3{fill:#fff}#mermaid-svg-cK3KMrnoTSf0XtNb .task0,#mermaid-svg-cK3KMrnoTSf0XtNb .task1,#mermaid-svg-cK3KMrnoTSf0XtNb .task2,#mermaid-svg-cK3KMrnoTSf0XtNb .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutside0,#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutside2{fill:#000}#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutside1,#mermaid-svg-cK3KMrnoTSf0XtNb .taskTextOutside3{fill:#000}#mermaid-svg-cK3KMrnoTSf0XtNb .active0,#mermaid-svg-cK3KMrnoTSf0XtNb .active1,#mermaid-svg-cK3KMrnoTSf0XtNb .active2,#mermaid-svg-cK3KMrnoTSf0XtNb .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-cK3KMrnoTSf0XtNb .activeText0,#mermaid-svg-cK3KMrnoTSf0XtNb .activeText1,#mermaid-svg-cK3KMrnoTSf0XtNb .activeText2,#mermaid-svg-cK3KMrnoTSf0XtNb .activeText3{fill:#000 !important}#mermaid-svg-cK3KMrnoTSf0XtNb .done0,#mermaid-svg-cK3KMrnoTSf0XtNb .done1,#mermaid-svg-cK3KMrnoTSf0XtNb .done2,#mermaid-svg-cK3KMrnoTSf0XtNb .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-cK3KMrnoTSf0XtNb .doneText0,#mermaid-svg-cK3KMrnoTSf0XtNb .doneText1,#mermaid-svg-cK3KMrnoTSf0XtNb .doneText2,#mermaid-svg-cK3KMrnoTSf0XtNb .doneText3{fill:#000 !important}#mermaid-svg-cK3KMrnoTSf0XtNb .crit0,#mermaid-svg-cK3KMrnoTSf0XtNb .crit1,#mermaid-svg-cK3KMrnoTSf0XtNb .crit2,#mermaid-svg-cK3KMrnoTSf0XtNb .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-cK3KMrnoTSf0XtNb .activeCrit0,#mermaid-svg-cK3KMrnoTSf0XtNb .activeCrit1,#mermaid-svg-cK3KMrnoTSf0XtNb .activeCrit2,#mermaid-svg-cK3KMrnoTSf0XtNb .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-cK3KMrnoTSf0XtNb .doneCrit0,#mermaid-svg-cK3KMrnoTSf0XtNb .doneCrit1,#mermaid-svg-cK3KMrnoTSf0XtNb .doneCrit2,#mermaid-svg-cK3KMrnoTSf0XtNb .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-cK3KMrnoTSf0XtNb .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-cK3KMrnoTSf0XtNb .milestoneText{font-style:italic}#mermaid-svg-cK3KMrnoTSf0XtNb .doneCritText0,#mermaid-svg-cK3KMrnoTSf0XtNb .doneCritText1,#mermaid-svg-cK3KMrnoTSf0XtNb .doneCritText2,#mermaid-svg-cK3KMrnoTSf0XtNb .doneCritText3{fill:#000 !important}#mermaid-svg-cK3KMrnoTSf0XtNb .activeCritText0,#mermaid-svg-cK3KMrnoTSf0XtNb .activeCritText1,#mermaid-svg-cK3KMrnoTSf0XtNb .activeCritText2,#mermaid-svg-cK3KMrnoTSf0XtNb .activeCritText3{fill:#000 !important}#mermaid-svg-cK3KMrnoTSf0XtNb .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-cK3KMrnoTSf0XtNb g.classGroup text .title{font-weight:bolder}#mermaid-svg-cK3KMrnoTSf0XtNb g.clickable{cursor:pointer}#mermaid-svg-cK3KMrnoTSf0XtNb g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-cK3KMrnoTSf0XtNb g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-cK3KMrnoTSf0XtNb .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-cK3KMrnoTSf0XtNb .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-cK3KMrnoTSf0XtNb .dashed-line{stroke-dasharray:3}#mermaid-svg-cK3KMrnoTSf0XtNb #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb .commit-id,#mermaid-svg-cK3KMrnoTSf0XtNb .commit-msg,#mermaid-svg-cK3KMrnoTSf0XtNb .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-cK3KMrnoTSf0XtNb g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-cK3KMrnoTSf0XtNb g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-cK3KMrnoTSf0XtNb g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-cK3KMrnoTSf0XtNb .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-cK3KMrnoTSf0XtNb .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-cK3KMrnoTSf0XtNb .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-cK3KMrnoTSf0XtNb .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-cK3KMrnoTSf0XtNb .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-cK3KMrnoTSf0XtNb .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-cK3KMrnoTSf0XtNb .edgeLabel text{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-cK3KMrnoTSf0XtNb .node circle.state-start{fill:black;stroke:black}#mermaid-svg-cK3KMrnoTSf0XtNb .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-cK3KMrnoTSf0XtNb #statediagram-barbEnd{fill:#9370db}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-state .divider{stroke:#9370db}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-cK3KMrnoTSf0XtNb .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-cK3KMrnoTSf0XtNb .note-edge{stroke-dasharray:5}#mermaid-svg-cK3KMrnoTSf0XtNb .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-cK3KMrnoTSf0XtNb .error-icon{fill:#522}#mermaid-svg-cK3KMrnoTSf0XtNb .error-text{fill:#522;stroke:#522}#mermaid-svg-cK3KMrnoTSf0XtNb .edge-thickness-normal{stroke-width:2px}#mermaid-svg-cK3KMrnoTSf0XtNb .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-cK3KMrnoTSf0XtNb .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-cK3KMrnoTSf0XtNb .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-cK3KMrnoTSf0XtNb .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-cK3KMrnoTSf0XtNb .marker{fill:#333}#mermaid-svg-cK3KMrnoTSf0XtNb .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style> <style>#mermaid-svg-cK3KMrnoTSf0XtNb { color: rgba(0, 0, 0, 0.75); font: ; }</style>
鏈接
長方形
圓角長方形
菱形
  • 關于 Mermaid 語法,參考 這兒,

FLowchart流程圖

我們依舊會支持flowchart的流程圖:

Created with Rapha?l 2.2.0 開始 我的操作 確認? 結束 yes no
  • 關于 Flowchart流程圖 語法,參考 這兒.

匯出與匯入

匯出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯,當你完成了一篇文章的寫作, 在上方工具列找到 文章匯出 ,生成一個.md檔案或者.html檔案進行本地保存,

匯入

如果你想加載一篇你寫過的.md檔案,在上方工具列可以選擇匯入功能進行對應擴展名的檔案匯入,
繼續你的創作,


  1. mermaid語法說明 ??

  2. 注腳的解釋 ??

轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/202228.html

標籤:其他

上一篇:多標簽分類(十):Multi-label Image Classification with Regional Latent Semantic Dependencies

下一篇:3維/點云/遙感資料集

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 網閘典型架構簡述

    網閘架構一般分為兩種:三主機的三系統架構網閘和雙主機的2+1架構網閘。 三主機架構分別為內端機、外端機和仲裁機。三機無論從軟體和硬體上均各自獨立。首先從硬體上來看,三機都用各自獨立的主板、記憶體及存盤設備。從軟體上來看,三機有各自獨立的作業系統。這樣能達到完全的三機獨立。對于“2+1”系統,“2”分為 ......

    uj5u.com 2020-09-10 02:00:44 more
  • 如何從xshell上傳檔案到centos linux虛擬機里

    如何從xshell上傳檔案到centos linux虛擬機里及:虛擬機CentOs下執行 yum -y install lrzsz命令,出現錯誤:鏡像無法找到軟體包 前言 一、安裝lrzsz步驟 二、上傳檔案 三、遇到的問題及解決方案 總結 前言 提示:其實很簡單,往虛擬機上安裝一個上傳檔案的工具 ......

    uj5u.com 2020-09-10 02:00:47 more
  • 一、SQLMAP入門

    一、SQLMAP入門 1、判斷是否存在注入 sqlmap.py -u 網址/id=1 id=1不可缺少。當注入點后面的引數大于兩個時。需要加雙引號, sqlmap.py -u "網址/id=1&uid=1" 2、判斷文本中的請求是否存在注入 從文本中加載http請求,SQLMAP可以從一個文本檔案中 ......

    uj5u.com 2020-09-10 02:00:50 more
  • Metasploit 簡單使用教程

    metasploit 簡單使用教程 浩先生, 2020-08-28 16:18:25 分類專欄: kail 網路安全 linux 文章標簽: linux資訊安全 編輯 著作權 metasploit 使用教程 前言 一、Metasploit是什么? 二、準備作業 三、具體步驟 前言 Msfconsole ......

    uj5u.com 2020-09-10 02:00:53 more
  • 游戲逆向之驅動層與用戶層通訊

    驅動層代碼: #pragma once #include <ntifs.h> #define add_code CTL_CODE(FILE_DEVICE_UNKNOWN,0x800,METHOD_BUFFERED,FILE_ANY_ACCESS) /* 更多游戲逆向視頻www.yxfzedu.com ......

    uj5u.com 2020-09-10 02:00:56 more
  • 北斗電力時鐘(北斗授時服務器)讓網路資料更精準

    北斗電力時鐘(北斗授時服務器)讓網路資料更精準 北斗電力時鐘(北斗授時服務器)讓網路資料更精準 京準電子科技官微——ahjzsz 近幾年,資訊技術的得了快速發展,互聯網在逐漸普及,其在人們生活和生產中都得到了廣泛應用,并且取得了不錯的應用效果。計算機網路資訊在電力系統中的應用,一方面使電力系統的運行 ......

    uj5u.com 2020-09-10 02:01:03 more
  • 【CTF】CTFHub 技能樹 彩蛋 writeup

    ?碎碎念 CTFHub:https://www.ctfhub.com/ 筆者入門CTF時時剛開始刷的是bugku的舊平臺,后來才有了CTFHub。 感覺不論是網頁UI設計,還是題目質量,賽事跟蹤,工具軟體都做得很不錯。 而且因為獨到的金幣制度的確讓人有一種想去刷題賺金幣的感覺。 個人還是非常喜歡這個 ......

    uj5u.com 2020-09-10 02:04:05 more
  • 02windows基礎操作

    我學到了一下幾點 Windows系統目錄結構與滲透的作用 常見Windows的服務詳解 Windows埠詳解 常用的Windows注冊表詳解 hacker DOS命令詳解(net user / type /md /rd/ dir /cd /net use copy、批處理 等) 利用dos命令制作 ......

    uj5u.com 2020-09-10 02:04:18 more
  • 03.Linux基礎操作

    我學到了以下幾點 01Linux系統介紹02系統安裝,密碼啊破解03Linux常用命令04LAMP 01LINUX windows: win03 8 12 16 19 配置不繁瑣 Linux:redhat,centos(紅帽社區版),Ubuntu server,suse unix:金融機構,證券,銀 ......

    uj5u.com 2020-09-10 02:04:30 more
  • 05HTML

    01HTML介紹 02頭部標簽講解03基礎標簽講解04表單標簽講解 HTML前段語言 js1.了解代碼2.根據代碼 懂得挖掘漏洞 (POST注入/XSS漏洞上傳)3.黑帽seo 白帽seo 客戶網站被黑帽植入劫持代碼如何處理4.熟悉html表單 <html><head><title>TDK標題,描述 ......

    uj5u.com 2020-09-10 02:04:36 more
最新发布
  • 2023年最新微信小程式抓包教程

    01 開門見山 隔一個月發一篇文章,不過分。 首先回顧一下《微信系結手機號資料庫被脫庫事件》,我也是第一時間得知了這個訊息,然后跟蹤了整件事情的經過。下面是這起事件的相關截圖以及近日流出的一萬條資料樣本: 個人認為這件事也沒什么,還不如關注一下之前45億快遞資料查詢渠道疑似在近日復活的訊息。 訊息是 ......

    uj5u.com 2023-04-20 08:48:24 more
  • web3 產品介紹:metamask 錢包 使用最多的瀏覽器插件錢包

    Metamask錢包是一種基于區塊鏈技術的數字貨幣錢包,它允許用戶在安全、便捷的環境下管理自己的加密資產。Metamask錢包是以太坊生態系統中最流行的錢包之一,它具有易于使用、安全性高和功能強大等優點。 本文將詳細介紹Metamask錢包的功能和使用方法。 一、 Metamask錢包的功能 數字資 ......

    uj5u.com 2023-04-20 08:47:46 more
  • vulnhub_Earth

    前言 靶機地址->>>vulnhub_Earth 攻擊機ip:192.168.20.121 靶機ip:192.168.20.122 參考文章 https://www.cnblogs.com/Jing-X/archive/2022/04/03/16097695.html https://www.cnb ......

    uj5u.com 2023-04-20 07:46:20 more
  • 從4k到42k,軟體測驗工程師的漲薪史,給我看哭了

    清明節一過,盲猜大家已經無心上班,在數著日子準備過五一,但一想到銀行卡里的余額……瞬間心情就不美麗了。最近,2023年高校畢業生就業調查顯示,本科畢業月平均起薪為5825元。調查一出,便有很多同學表示自己又被平均了。看著這一資料,不免讓人想到前不久中國青年報的一項調查:近六成大學生認為畢業10年內會 ......

    uj5u.com 2023-04-20 07:44:00 more
  • 最新版本 Stable Diffusion 開源 AI 繪畫工具之中文自動提詞篇

    🎈 標簽生成器 由于輸入正向提示詞 prompt 和反向提示詞 negative prompt 都是使用英文,所以對學習母語的我們非常不友好 使用網址:https://tinygeeker.github.io/p/ai-prompt-generator 這個網址是為了讓大家在使用 AI 繪畫的時候 ......

    uj5u.com 2023-04-20 07:43:36 more
  • 漫談前端自動化測驗演進之路及測驗工具分析

    隨著前端技術的不斷發展和應用程式的日益復雜,前端自動化測驗也在不斷演進。隨著 Web 應用程式變得越來越復雜,自動化測驗的需求也越來越高。如今,自動化測驗已經成為 Web 應用程式開發程序中不可或缺的一部分,它們可以幫助開發人員更快地發現和修復錯誤,提高應用程式的性能和可靠性。 ......

    uj5u.com 2023-04-20 07:43:16 more
  • CANN開發實踐:4個DVPP記憶體問題的典型案例解讀

    摘要:由于DVPP媒體資料處理功能對存放輸入、輸出資料的記憶體有更高的要求(例如,記憶體首地址128位元組對齊),因此需呼叫專用的記憶體申請介面,那么本期就分享幾個關于DVPP記憶體問題的典型案例,并給出原因分析及解決方法。 本文分享自華為云社區《FAQ_DVPP記憶體問題案例》,作者:昇騰CANN。 DVPP ......

    uj5u.com 2023-04-20 07:43:03 more
  • msf學習

    msf學習 以kali自帶的msf為例 一、msf核心模塊與功能 msf模塊都放在/usr/share/metasploit-framework/modules目錄下 1、auxiliary 輔助模塊,輔助滲透(埠掃描、登錄密碼爆破、漏洞驗證等) 2、encoders 編碼器模塊,主要包含各種編碼 ......

    uj5u.com 2023-04-20 07:42:59 more
  • Halcon軟體安裝與界面簡介

    1. 下載Halcon17版本到到本地 2. 雙擊安裝包后 3. 步驟如下 1.2 Halcon軟體安裝 界面分為四大塊 1. Halcon的五個助手 1) 影像采集助手:與相機連接,設定相機引數,采集影像 2) 標定助手:九點標定或是其它的標定,生成標定檔案及內參外參,可以將像素單位轉換為長度單位 ......

    uj5u.com 2023-04-20 07:42:17 more
  • 在MacOS下使用Unity3D開發游戲

    第一次發博客,先發一下我的游戲開發環境吧。 去年2月份買了一臺MacBookPro2021 M1pro(以下簡稱mbp),這一年來一直在用mbp開發游戲。我大致分享一下我的開發工具以及使用體驗。 1、Unity 官網鏈接: https://unity.cn/releases 我一般使用的Apple ......

    uj5u.com 2023-04-20 07:40:19 more