1.JAVASE 语言简述
2024-05-16 12:43:36
这里写自定义目录标题
- 第一章：开发前言
- 1.什么是软件开发
- 1.1、软件定义
- 1.2、什么是开发
- 1.3、什么是软件开发
- 2.人机交互方式
- 3.常用dos命令
- 4.计算机语言
- 4.1、什么是计算机语言
- 4.2、java语言的发展历程
- Java 之所以被开发，是想要达到以下5个目的：
- 5.java语言三种架构
- 第二章：JAVA语言环境搭建
- 1.跨平台原理
- 1.1、什么是跨平台性？
- 1.2、跨平台的原理是什么？
- 1.3、跨平台
- 1.4、JVM介绍
- 2.环境搭建
- 2.1、JAR、JDK 区别
- 2.2、 下载
- 2.3、配置环境变量
- 2.3.1、配置环境变量
- 2.3.2 、配置技巧
- 2.3.3、临时变量变量配置
- 功能快捷键
- 合理的创建标题，有助于目录的生成
- 如何改变文本的样式
- 插入链接与图片
- 如何插入一段漂亮的代码片
- 生成一个适合你的列表
- 创建一个表格
- 设定内容居中、居左、居右
- SmartyPants
- 创建一个自定义列表
- 如何创建一个注脚
- 注释也是必不可少的
- KaTeX数学公式
- 新的甘特图功能，丰富你的文章
- UML 图表
- FLowchart流程图
- 导出与导入
- 导出
- 导入
第一章：开发前言
计算机分为硬件和软件，一般来说：硬件就是组成计算机的可见的物理组件。我们电脑、手机、电子设备都算一个小的计算机，而软件提供 看不见的指令，这些指令控制硬件并且通过硬件完成特定任务。
常见硬件：CPU、内存、硬盘、显卡 等等
1.什么是软件开发
1.1、软件定义
软件就是按照特定顺序把数据和指令组合在一起，能够完成相应功能的程序（计算机指令）。
软件分成两种：
1.系统软件：专门用于运行其他程序的平台。比如：Linux、Windows、MAC等
2.应用软件：完成相应功能的程序。比如：MS-Office，QQ,微信等
1.2、什么是开发
开发其实就是***制作软件的过程***。开发既然是个过程，这个过程可以分为如下几个步骤：
1.需求分析和调研、2.需求设计、3.编码、4.测试、5.后期维护。
1.3、什么是软件开发
从开始和**客户谈需求，写需求文档，设计文档，程序员编码，项目测试，项目部署整个过程即就是软件开发。在这个过程中分工合作，完成每一个阶段的任务。
2.人机交互方式
我们想和计算机说话，就要先了解下用什么方式和计算机沟通。
** 和计算机交互的方式有两种：**
1.图形界面（Graphical User Interface GUI）:这种方式简单直观，使用者易于接受，容易上手操作。
2.命令行方式（Command Line Interface CLI）:需要有一个控制台，输入特定的命令，让计算机完成一些操作。比较麻烦，需要记录一些命令。
若想和计算机沟通，通常的方式就是通过鼠标键盘操作图形化的界面即可完成。这种方式简单易学，大家都会，能干很多事，包括开发游戏。
3.常用dos命令
通过命令行可以和计算机进行相应的沟通，也就是说只要我们输入命令即可完成计算机沟通的目的。常用的dos命令：
- 进入跟目录方法：根盘：进入D盘， D：
- cd… :退回到上一级目录
- cd\ :退回根目录
- del :删除文件
- exit :推出dos命令
- help :帮助命令
- cls ：dos窗口中清屏可以使用 - ipconfig :查看ip
- ping XXXXX :跟某个ip通信
起初操作电脑常用dos命令，因为需要记住很多命令，不利于普及，后期发展成图形界面， 通过鼠标点击界面的形式完成对电脑的操作，其实内部运行的还是这些命令。
软件开发完成，转化成指定运行平台可运行的执行文件，直接使用。
4.计算机语言
既然图形界面是将dos命令封装在里面，可是这个图形界面是怎么来的呢？其实这些图形界面都是通过相应的计算机语言写出来的，那是什么计算机语言呢？
4.1、什么是计算机语言
首先明确什么是语言，语言是人与人之间用于沟通的一种方式。
计算机语言：**人与计算机交流的方式。**如果人要与计算机交流，那么就要学习计算机语言。计算机语言有很多种，如：C , C++ , Java 等。这里，我们选择其中一种，Java语言
4.2、java语言的发展历程
Java 之所以被开发，是想要达到以下5个目的：
- 应当使用面向对象程序设计方法
- 应当允许同一程序在不同的计算机平台执行
- 应当包括内建的对计算机网络的支持
- 应当被设计成安全地执行远端代码
- 应当易于使用，并借鉴以前那些面向对象语言（如C++）的长处。
Java技术主要分成SE ， ME , EE 三个部分，一般情况下说Java时并不区分指的哪个部分。
Java在1.5版本时，做了重大改变，Sun公司并1.5版本重命名为Java 5.0
5.java语言三种架构
| J2EE(Java 2 Platform Enterprise Edition)企业版 |
|---|
| 可帮助开发和部署可移植、健壮、可伸缩且安全的服务器端 Java 应用程序。Java EE 是在Java SE 的基础上构建的，它提供Web 服务、组件模型、管理和通信API，可以用来实现企业级的面向服务体系结构（service-oriented architecture，SOA）和Web 2.0 应用程序。 |
| J2SE（Java 2 Platform Standard Edition）标准版 |
| 它允许开发和部署在桌面、服务器、嵌入式环境和实时环境中使用的Java 应用程序，能为Java EE提供开发基础。比如Java版的扫雷。 |
| J2ME(Java 2 Platform Micro Edition)小型版 |
| 用来开发移动设备和嵌入式设备（比如手机、PDA、电视机顶盒和打印机）。现在使用的越少用了，Android会逐渐的取代J2ME的市场份额。 |
| Java5.0版本后，更名为 JAVAEE JAVASE JAVAME |
第二章：JAVA语言环境搭建
1.跨平台原理
1.1、什么是跨平台性？
跨平台就是说同一个软件可以在不同的操作系统上执行，而不需要对软件做任务处理。即通过Java语言编写的应用程序在不同的系统平台上都可以运行。
1.2、跨平台的原理是什么？
Java应用程序为什么可以跨平台呢？其实只要在需要运行java应用程序的操作系统上，先安装一个Java虚拟机(JVM Java Virtual Machine)即可。由JVM来负责Java程序在该系统中的运行。
1.3、跨平台
有了JVM，所以同一个Java程序在三个不同的操作系统中都可以执行，这样就实现了Java程序的跨平台性。也称为Java具有良好的可移植性。
Java程序之所以能够实现跨平台运行，是因为它根本就不直接运行在任何底层平台上，而是需要在哪里运行，就在哪里(如Windows平台)事先准备好自己的Java平台，而这只是仅仅是安装和配置一个软件而已！
1.4、JVM介绍
Java Virtual Machine （简称JVM）：它是运行所有Java程序的抽象计算机，是Java语言的运行环境，它是 Java 最具吸引力的特性之一，JVM读取并处理编译过的与平台无关的字节码(class)文件。
*注意：Java语言是跨平台的，是因为Java应用程序需要Java虚拟机JVM负责运行。 而Java虚拟机JVM是不跨平台的，不同的操作系统需要安装与此对应的Java虚拟机JVM。
2.环境搭建
2.1、JAR、JDK 区别
Jdk(java development toolkit ,java开发工具包)
是JAVA的核心，包括了JAVA运行环境,一堆JAVA工具(javac、java、jdb)和JAVA基础的类库(即 JAVAAPI包括rt.jar)。
可以认为JRE的bin目录里的就是JVM，lib中则是JVM工作所需要的类库 。
Jre(java runtime environmental,java运行时环境)
所有的JAVA程序都要在JRE下才能运行。包括JVM和JAVA核心类库和支持文件。与JDK相比不包含开发工具(编译器、调试器、和其它工具)。
JVM(java virtual mechinal,java虚拟机)
JVM是JRE的一部分,它是一个虚拟出来的计算机。JVM的主要工作是解释自己的指令集(即字节码)并映射到本地的CPU的指令集或OS的系统调用。
简单而言：使用JDK开发完成的java程序，交给JRE去运行。
为什么JDK中包含一个JRE呢？
- 开发完的程序，总需要运行一下看看效果。
- 也是最重要的，JDK中的开发工具其实都是java语言编写的应用程序，为了方便使用才打包成exe文件。
- 如果没有JRE，那么这些工具是运行不了，因为都是使用JVM运行的。
2.2、 下载
官网下载：jdk ，点击安装，分别安装JDK和JRE。
测试安装：进入安装目录下 ，win+R进入dos命令，然后：输入Java和Javac看是否能打印出相关信息，若打印出来说明JDK安装成功。
2.3、配置环境变量
在其他路径下键入 javac会出现
错误原理：当前执行的程序在当前目录下不存在，windows系统会在系统中已有的一个名为path的环境变量指定的目录中查找。如果还没有找到，就出现以上的错误提示。所以进入到 jdk安装路径\bin目录下，执行javac。看到javac参数提示信息。
根据windows系统在查找可执行程序的原理，可以将JAVA工具所在路径定义到path的环境变量中，让系统帮我们去找运行执行的程序。
2.3.1、配置环境变量
- （右键）此电脑–>高级系统设置–>环境变量
- 编辑
path环境变量，在变量值开始处加上java工具所在目录，后面用 “ ; ”和其他值分隔开即可。 - 打开DOS命令行，任意目录下敲入
javac。 - 如果出现
javac的参数信息，配置成功。
为什么要配置？一劳永逸。任何环境下都可以直接运行。
2.3.2 、配置技巧
在配置环境变量过程中发现，path环境变量中还有很多其他与系统相关的配置，若JDK目录更改了，这时就要再次修改path中配置的值，很容易造成误操作。
为了不因为JDK的目录或者目录名称的改变，而不断更改path的值，而导致对path变量值的误操作，可以通过以下技巧完成。
新创建一个环境变量 JAVA_HOME 记录住jdk的目录。在path中通过%%动态的获取JAVA_HOME的值即可。
JAVA_HOME=D:\Java\jdk1.8
path=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
%path%：动态获取path环境变量的值。
%JAVA_HOME%：动态获取名称为JAVA_HOME环境变量的值。
2.3.3、临时变量变量配置
临时配置方式：通过dos命令中set命令完成。
set ：用于查看本机的所有环境变量的信息。
set 变量名 ：查看具体一个环境变量的值。
set 变量名 =：清空一个环境变量的值。
set 变量名 = 具体值 ：给指定变量定义具体值。
想要在原有环境变量值基础上添加新值呢？首先，通过%变量名%操作符获取到原有环境变量的值。然后加上新值后在定义给该变量名即可：
set path = 新值;%path%
注意:这种配置方式只在当前dos窗口和在此dos窗口中使用start开启的dos窗口中有效。窗口关闭，配置消失。
path = “D:\Java\jdk8.0\bin” 开发环境
path = “D:\Java\jdk8.0\jre\bin” 运行环境 （JVM）
// 提取最大公路径：D:\Java\jdk8.0
// 创建 JAVA_HOME = D:\Java\jdk8.0
// 修改path
path = “%JAVA_HOME%\bin” 开发环境
path = “%JAVA_HOME%\jre\bin” 运行环境 （JVM）
功能快捷键
撤销：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.
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的：
| 项目 | Value |
|---|---|
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |
设定内容居中、居左、居右
使用:---------:居中
使用:----------居左
使用----------:居右
| 第一列 | 第二列 | 第三列 |
|---|---|---|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
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∞tz−1e−tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
你可以找到更多关于的信息 LaTeX 数学表达式here.
新的甘特图功能，丰富你的文章
Mon 06Mon 13Mon 20已完成 进行中 计划一 计划二 现有任务Adding GANTT diagram functionality to mermaid
- 关于 甘特图 语法，参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：
#mermaid-svg-SMdgqOTADZ86ju19 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-SMdgqOTADZ86ju19 .label text{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .node rect,#mermaid-svg-SMdgqOTADZ86ju19 .node circle,#mermaid-svg-SMdgqOTADZ86ju19 .node ellipse,#mermaid-svg-SMdgqOTADZ86ju19 .node polygon,#mermaid-svg-SMdgqOTADZ86ju19 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-SMdgqOTADZ86ju19 .node .label{text-align:center;fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .node.clickable{cursor:pointer}#mermaid-svg-SMdgqOTADZ86ju19 .arrowheadPath{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-SMdgqOTADZ86ju19 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-SMdgqOTADZ86ju19 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-SMdgqOTADZ86ju19 .edgeLabel rect{opacity:0.9}#mermaid-svg-SMdgqOTADZ86ju19 .edgeLabel span{color:#333}#mermaid-svg-SMdgqOTADZ86ju19 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-SMdgqOTADZ86ju19 .cluster text{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 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-SMdgqOTADZ86ju19 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-SMdgqOTADZ86ju19 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-SMdgqOTADZ86ju19 .actor-line{stroke:grey}#mermaid-svg-SMdgqOTADZ86ju19 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-SMdgqOTADZ86ju19 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-SMdgqOTADZ86ju19 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-SMdgqOTADZ86ju19 .sequenceNumber{fill:#fff}#mermaid-svg-SMdgqOTADZ86ju19 #sequencenumber{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-SMdgqOTADZ86ju19 .messageText{fill:#333;stroke:#333}#mermaid-svg-SMdgqOTADZ86ju19 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-SMdgqOTADZ86ju19 .labelText,#mermaid-svg-SMdgqOTADZ86ju19 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-SMdgqOTADZ86ju19 .loopText,#mermaid-svg-SMdgqOTADZ86ju19 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-SMdgqOTADZ86ju19 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-SMdgqOTADZ86ju19 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-SMdgqOTADZ86ju19 .noteText,#mermaid-svg-SMdgqOTADZ86ju19 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-SMdgqOTADZ86ju19 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-SMdgqOTADZ86ju19 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-SMdgqOTADZ86ju19 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-SMdgqOTADZ86ju19 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .section{stroke:none;opacity:0.2}#mermaid-svg-SMdgqOTADZ86ju19 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-SMdgqOTADZ86ju19 .section2{fill:#fff400}#mermaid-svg-SMdgqOTADZ86ju19 .section1,#mermaid-svg-SMdgqOTADZ86ju19 .section3{fill:#fff;opacity:0.2}#mermaid-svg-SMdgqOTADZ86ju19 .sectionTitle0{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .sectionTitle1{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .sectionTitle2{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .sectionTitle3{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-SMdgqOTADZ86ju19 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .grid path{stroke-width:0}#mermaid-svg-SMdgqOTADZ86ju19 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-SMdgqOTADZ86ju19 .task{stroke-width:2}#mermaid-svg-SMdgqOTADZ86ju19 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .taskText:not([font-size]){font-size:11px}#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-SMdgqOTADZ86ju19 .task.clickable{cursor:pointer}#mermaid-svg-SMdgqOTADZ86ju19 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-SMdgqOTADZ86ju19 .taskText0,#mermaid-svg-SMdgqOTADZ86ju19 .taskText1,#mermaid-svg-SMdgqOTADZ86ju19 .taskText2,#mermaid-svg-SMdgqOTADZ86ju19 .taskText3{fill:#fff}#mermaid-svg-SMdgqOTADZ86ju19 .task0,#mermaid-svg-SMdgqOTADZ86ju19 .task1,#mermaid-svg-SMdgqOTADZ86ju19 .task2,#mermaid-svg-SMdgqOTADZ86ju19 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutside0,#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutside2{fill:#000}#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutside1,#mermaid-svg-SMdgqOTADZ86ju19 .taskTextOutside3{fill:#000}#mermaid-svg-SMdgqOTADZ86ju19 .active0,#mermaid-svg-SMdgqOTADZ86ju19 .active1,#mermaid-svg-SMdgqOTADZ86ju19 .active2,#mermaid-svg-SMdgqOTADZ86ju19 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-SMdgqOTADZ86ju19 .activeText0,#mermaid-svg-SMdgqOTADZ86ju19 .activeText1,#mermaid-svg-SMdgqOTADZ86ju19 .activeText2,#mermaid-svg-SMdgqOTADZ86ju19 .activeText3{fill:#000 !important}#mermaid-svg-SMdgqOTADZ86ju19 .done0,#mermaid-svg-SMdgqOTADZ86ju19 .done1,#mermaid-svg-SMdgqOTADZ86ju19 .done2,#mermaid-svg-SMdgqOTADZ86ju19 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-SMdgqOTADZ86ju19 .doneText0,#mermaid-svg-SMdgqOTADZ86ju19 .doneText1,#mermaid-svg-SMdgqOTADZ86ju19 .doneText2,#mermaid-svg-SMdgqOTADZ86ju19 .doneText3{fill:#000 !important}#mermaid-svg-SMdgqOTADZ86ju19 .crit0,#mermaid-svg-SMdgqOTADZ86ju19 .crit1,#mermaid-svg-SMdgqOTADZ86ju19 .crit2,#mermaid-svg-SMdgqOTADZ86ju19 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-SMdgqOTADZ86ju19 .activeCrit0,#mermaid-svg-SMdgqOTADZ86ju19 .activeCrit1,#mermaid-svg-SMdgqOTADZ86ju19 .activeCrit2,#mermaid-svg-SMdgqOTADZ86ju19 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-SMdgqOTADZ86ju19 .doneCrit0,#mermaid-svg-SMdgqOTADZ86ju19 .doneCrit1,#mermaid-svg-SMdgqOTADZ86ju19 .doneCrit2,#mermaid-svg-SMdgqOTADZ86ju19 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-SMdgqOTADZ86ju19 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-SMdgqOTADZ86ju19 .milestoneText{font-style:italic}#mermaid-svg-SMdgqOTADZ86ju19 .doneCritText0,#mermaid-svg-SMdgqOTADZ86ju19 .doneCritText1,#mermaid-svg-SMdgqOTADZ86ju19 .doneCritText2,#mermaid-svg-SMdgqOTADZ86ju19 .doneCritText3{fill:#000 !important}#mermaid-svg-SMdgqOTADZ86ju19 .activeCritText0,#mermaid-svg-SMdgqOTADZ86ju19 .activeCritText1,#mermaid-svg-SMdgqOTADZ86ju19 .activeCritText2,#mermaid-svg-SMdgqOTADZ86ju19 .activeCritText3{fill:#000 !important}#mermaid-svg-SMdgqOTADZ86ju19 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-SMdgqOTADZ86ju19 g.classGroup text .title{font-weight:bolder}#mermaid-svg-SMdgqOTADZ86ju19 g.clickable{cursor:pointer}#mermaid-svg-SMdgqOTADZ86ju19 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-SMdgqOTADZ86ju19 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-SMdgqOTADZ86ju19 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-SMdgqOTADZ86ju19 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-SMdgqOTADZ86ju19 .dashed-line{stroke-dasharray:3}#mermaid-svg-SMdgqOTADZ86ju19 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 .commit-id,#mermaid-svg-SMdgqOTADZ86ju19 .commit-msg,#mermaid-svg-SMdgqOTADZ86ju19 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-SMdgqOTADZ86ju19 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-SMdgqOTADZ86ju19 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-SMdgqOTADZ86ju19 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-SMdgqOTADZ86ju19 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-SMdgqOTADZ86ju19 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-SMdgqOTADZ86ju19 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-SMdgqOTADZ86ju19 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-SMdgqOTADZ86ju19 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-SMdgqOTADZ86ju19 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-SMdgqOTADZ86ju19 .edgeLabel text{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-SMdgqOTADZ86ju19 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-SMdgqOTADZ86ju19 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-SMdgqOTADZ86ju19 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-SMdgqOTADZ86ju19 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-SMdgqOTADZ86ju19 .note-edge{stroke-dasharray:5}#mermaid-svg-SMdgqOTADZ86ju19 .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-SMdgqOTADZ86ju19 .error-icon{fill:#522}#mermaid-svg-SMdgqOTADZ86ju19 .error-text{fill:#522;stroke:#522}#mermaid-svg-SMdgqOTADZ86ju19 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-SMdgqOTADZ86ju19 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-SMdgqOTADZ86ju19 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-SMdgqOTADZ86ju19 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-SMdgqOTADZ86ju19 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-SMdgqOTADZ86ju19 .marker{fill:#333}#mermaid-svg-SMdgqOTADZ86ju19 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-SMdgqOTADZ86ju19 {color: rgba(0, 0, 0, 0.75);font: ;}张三李四王五你好！李四, 最近怎么样?你最近怎么样，王五？我很好，谢谢!我很好，谢谢!李四想了很长时间, 文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五
这将产生一个流程图。:
#mermaid-svg-5gFgO3Z6anUpubC8 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .label text{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .node rect,#mermaid-svg-5gFgO3Z6anUpubC8 .node circle,#mermaid-svg-5gFgO3Z6anUpubC8 .node ellipse,#mermaid-svg-5gFgO3Z6anUpubC8 .node polygon,#mermaid-svg-5gFgO3Z6anUpubC8 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-5gFgO3Z6anUpubC8 .node .label{text-align:center;fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .node.clickable{cursor:pointer}#mermaid-svg-5gFgO3Z6anUpubC8 .arrowheadPath{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-5gFgO3Z6anUpubC8 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-5gFgO3Z6anUpubC8 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-5gFgO3Z6anUpubC8 .edgeLabel rect{opacity:0.9}#mermaid-svg-5gFgO3Z6anUpubC8 .edgeLabel span{color:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-5gFgO3Z6anUpubC8 .cluster text{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 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-5gFgO3Z6anUpubC8 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-5gFgO3Z6anUpubC8 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-5gFgO3Z6anUpubC8 .actor-line{stroke:grey}#mermaid-svg-5gFgO3Z6anUpubC8 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-5gFgO3Z6anUpubC8 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .sequenceNumber{fill:#fff}#mermaid-svg-5gFgO3Z6anUpubC8 #sequencenumber{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .messageText{fill:#333;stroke:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-5gFgO3Z6anUpubC8 .labelText,#mermaid-svg-5gFgO3Z6anUpubC8 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-5gFgO3Z6anUpubC8 .loopText,#mermaid-svg-5gFgO3Z6anUpubC8 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-5gFgO3Z6anUpubC8 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-5gFgO3Z6anUpubC8 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-5gFgO3Z6anUpubC8 .noteText,#mermaid-svg-5gFgO3Z6anUpubC8 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-5gFgO3Z6anUpubC8 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-5gFgO3Z6anUpubC8 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-5gFgO3Z6anUpubC8 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-5gFgO3Z6anUpubC8 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .section{stroke:none;opacity:0.2}#mermaid-svg-5gFgO3Z6anUpubC8 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-5gFgO3Z6anUpubC8 .section2{fill:#fff400}#mermaid-svg-5gFgO3Z6anUpubC8 .section1,#mermaid-svg-5gFgO3Z6anUpubC8 .section3{fill:#fff;opacity:0.2}#mermaid-svg-5gFgO3Z6anUpubC8 .sectionTitle0{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .sectionTitle1{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .sectionTitle2{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .sectionTitle3{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-5gFgO3Z6anUpubC8 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .grid path{stroke-width:0}#mermaid-svg-5gFgO3Z6anUpubC8 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-5gFgO3Z6anUpubC8 .task{stroke-width:2}#mermaid-svg-5gFgO3Z6anUpubC8 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .taskText:not([font-size]){font-size:11px}#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-5gFgO3Z6anUpubC8 .task.clickable{cursor:pointer}#mermaid-svg-5gFgO3Z6anUpubC8 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-5gFgO3Z6anUpubC8 .taskText0,#mermaid-svg-5gFgO3Z6anUpubC8 .taskText1,#mermaid-svg-5gFgO3Z6anUpubC8 .taskText2,#mermaid-svg-5gFgO3Z6anUpubC8 .taskText3{fill:#fff}#mermaid-svg-5gFgO3Z6anUpubC8 .task0,#mermaid-svg-5gFgO3Z6anUpubC8 .task1,#mermaid-svg-5gFgO3Z6anUpubC8 .task2,#mermaid-svg-5gFgO3Z6anUpubC8 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutside0,#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutside2{fill:#000}#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutside1,#mermaid-svg-5gFgO3Z6anUpubC8 .taskTextOutside3{fill:#000}#mermaid-svg-5gFgO3Z6anUpubC8 .active0,#mermaid-svg-5gFgO3Z6anUpubC8 .active1,#mermaid-svg-5gFgO3Z6anUpubC8 .active2,#mermaid-svg-5gFgO3Z6anUpubC8 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-5gFgO3Z6anUpubC8 .activeText0,#mermaid-svg-5gFgO3Z6anUpubC8 .activeText1,#mermaid-svg-5gFgO3Z6anUpubC8 .activeText2,#mermaid-svg-5gFgO3Z6anUpubC8 .activeText3{fill:#000 !important}#mermaid-svg-5gFgO3Z6anUpubC8 .done0,#mermaid-svg-5gFgO3Z6anUpubC8 .done1,#mermaid-svg-5gFgO3Z6anUpubC8 .done2,#mermaid-svg-5gFgO3Z6anUpubC8 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-5gFgO3Z6anUpubC8 .doneText0,#mermaid-svg-5gFgO3Z6anUpubC8 .doneText1,#mermaid-svg-5gFgO3Z6anUpubC8 .doneText2,#mermaid-svg-5gFgO3Z6anUpubC8 .doneText3{fill:#000 !important}#mermaid-svg-5gFgO3Z6anUpubC8 .crit0,#mermaid-svg-5gFgO3Z6anUpubC8 .crit1,#mermaid-svg-5gFgO3Z6anUpubC8 .crit2,#mermaid-svg-5gFgO3Z6anUpubC8 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-5gFgO3Z6anUpubC8 .activeCrit0,#mermaid-svg-5gFgO3Z6anUpubC8 .activeCrit1,#mermaid-svg-5gFgO3Z6anUpubC8 .activeCrit2,#mermaid-svg-5gFgO3Z6anUpubC8 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-5gFgO3Z6anUpubC8 .doneCrit0,#mermaid-svg-5gFgO3Z6anUpubC8 .doneCrit1,#mermaid-svg-5gFgO3Z6anUpubC8 .doneCrit2,#mermaid-svg-5gFgO3Z6anUpubC8 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-5gFgO3Z6anUpubC8 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-5gFgO3Z6anUpubC8 .milestoneText{font-style:italic}#mermaid-svg-5gFgO3Z6anUpubC8 .doneCritText0,#mermaid-svg-5gFgO3Z6anUpubC8 .doneCritText1,#mermaid-svg-5gFgO3Z6anUpubC8 .doneCritText2,#mermaid-svg-5gFgO3Z6anUpubC8 .doneCritText3{fill:#000 !important}#mermaid-svg-5gFgO3Z6anUpubC8 .activeCritText0,#mermaid-svg-5gFgO3Z6anUpubC8 .activeCritText1,#mermaid-svg-5gFgO3Z6anUpubC8 .activeCritText2,#mermaid-svg-5gFgO3Z6anUpubC8 .activeCritText3{fill:#000 !important}#mermaid-svg-5gFgO3Z6anUpubC8 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-5gFgO3Z6anUpubC8 g.classGroup text .title{font-weight:bolder}#mermaid-svg-5gFgO3Z6anUpubC8 g.clickable{cursor:pointer}#mermaid-svg-5gFgO3Z6anUpubC8 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-5gFgO3Z6anUpubC8 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-5gFgO3Z6anUpubC8 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-5gFgO3Z6anUpubC8 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-5gFgO3Z6anUpubC8 .dashed-line{stroke-dasharray:3}#mermaid-svg-5gFgO3Z6anUpubC8 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 .commit-id,#mermaid-svg-5gFgO3Z6anUpubC8 .commit-msg,#mermaid-svg-5gFgO3Z6anUpubC8 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-5gFgO3Z6anUpubC8 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-5gFgO3Z6anUpubC8 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-5gFgO3Z6anUpubC8 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-5gFgO3Z6anUpubC8 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-5gFgO3Z6anUpubC8 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-5gFgO3Z6anUpubC8 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-5gFgO3Z6anUpubC8 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-5gFgO3Z6anUpubC8 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-5gFgO3Z6anUpubC8 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-5gFgO3Z6anUpubC8 .edgeLabel text{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-5gFgO3Z6anUpubC8 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-5gFgO3Z6anUpubC8 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-5gFgO3Z6anUpubC8 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-5gFgO3Z6anUpubC8 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-5gFgO3Z6anUpubC8 .note-edge{stroke-dasharray:5}#mermaid-svg-5gFgO3Z6anUpubC8 .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-5gFgO3Z6anUpubC8 .error-icon{fill:#522}#mermaid-svg-5gFgO3Z6anUpubC8 .error-text{fill:#522;stroke:#522}#mermaid-svg-5gFgO3Z6anUpubC8 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-5gFgO3Z6anUpubC8 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-5gFgO3Z6anUpubC8 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-5gFgO3Z6anUpubC8 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-5gFgO3Z6anUpubC8 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-5gFgO3Z6anUpubC8 .marker{fill:#333}#mermaid-svg-5gFgO3Z6anUpubC8 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-5gFgO3Z6anUpubC8 {color: rgba(0, 0, 0, 0.75);font: ;}
链接
长方形
圆
圆角长方形
菱形
- 关于 Mermaid 语法，参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图：
Created with Raphaël 2.3.0开始我的操作确认？结束yesno
- 关于 Flowchart流程图 语法，参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。
注脚的解释 ↩︎
1.JAVASE 语言简述相关推荐
- JavaSE语言基础
JavaSE语言基础 1.下列的变量定义中,错误的是(C) A.int 4_1 B.int i=Integer.MAX_VALUE C.static int i=100 D.int_123_a; 2. ...
- 简述分类法的优缺点_关于文献检索的问题2、 分类法在检索中的利用优势?4、何谓检索语言?简述分类语言与主题语言各自的优缺点?5、检索算符一般...
共回答了18个问题采纳率:83.3% 2. 分类法在检索中的利用优势?分类法的优势是比主题法有更大的容量,内容更有针对性.更具学术性.符合研究人员的要求.在进行文献检索时可以很方便地检索到某一学科的相 ...
- 数据结构摧毁线性表用c语言,[简述]数据结构-线性表(c语言实现)
[简述]数据结构-线性表(c语言实现)second60 20180422 1. 线性表的定义 线性表是具有相同特性的数据元素的一个有限序列. 2. 线性表抽象数据类型描述 ADT List { 数据 ...
- JavaSE(尚硅谷视频学习笔记）
文章目录 Java基础编程 Java语言概述 Java语言简述 1.基础图解 2.常识 3.计算机语言的发展迭代 4.Java语言版本迭代概述 5. Java语言应用的领域 6.Java语言的特点 开 ...
- HTML语言：经典笔记(ZT)
目 录 一.HTML语言简述 二.HTML语言的精华--超链接 三.提高代码的可读性--注释语句 ...
- 程序设计语言python语言概述
程序设计语言 什么是程序设计语言 程序设计语言是人类与计算机交流和沟通的语言.人们通过使用程序语言,来书写计算机程序,以达到设计的程序满足需求的目的. 程序语言的发展历史 程序语言经历了从低级语言到高 ...
- 【Let‘s Go】Go语言入门篇
吉祥物镇楼 go语言简述 Go(Golang)是谷歌开发的一种静态强类型.编译型.并发型,并具有垃圾回收功能的编程语言.Go专门针对多处理器系统应用程序的编程进行了优化,它是一种非常有用强大的系统语言 ...
- C语言学习书籍推荐《学通C语言的24堂课》下载
下载地址:点我 编辑推荐 <学通C语言的24堂课>: 用持续激励培养良好习惯以良好习惯铸就伟大梦想 --致亲爱的读者朋友 在开始学习<学通C语言的24堂课>的同时,强烈建议读者 ...
- 【C语言】C语言从入门到精通|第1章 C语言概述—自学笔记
前言 本篇是本人自学C语言过程进行编辑的文章笔记,如果对大家有用,点赞加收藏吧. 注:笔记基于<C语言从入门到精通(第3版)>明日科技编著,清华大学出版社出版的. 目录 一.C语言发展史 ...
最新文章
- win7 计算机右键没有属性,系统之家windows7旗舰版计算机上右键菜单没有属性怎么办？...
- java链表寻找中间节点
- [leetcode] Pow(x, n)
- ios 图像翻转_在iOS 14中使用计算机视觉的图像差异
- java 对象访问权限_Java面向对象编程之访问控制权限
- WinCE 修改系统字体 开启ClearType平滑字体
- 移动web现状、viewport视口、二倍图、移动web开发主流方案、布局技术选型(流式布局、flex弹性布局、less+rem+媒体查询布局、混合布局、媒体查询、bootstrap)
- SpringBoot : BeanFactory
- php高德地图坐标在多边形,多边形的绘制和编辑
- Dev XtraTreeList 学习笔记
- linux 已有目录挂载磁盘
- python正则表达式面试题,带有utf8问题的python正则表达式
- Ubuntu18.04 wineQQ完美配置（解决不能输入中文、不能加载头像和图片、企鹅图标不能进入托盘任务栏等问题，附deepin-wine、微信、QQ安装包网盘链接）
- Python操作Redis例子
- 计算机组成原理与汇编语言程序设计课后答案,计算机组成原理与汇编语言程序设计（第4版）...
- 台湾医院：自主研发移动护理系统 跟软件公司说拜拜
- 161212 笔记--无线传感网络中的MAC协议
- BeanAir—无线传感器测试方案
- FireFox精彩电视广告欣赏
- 计算机金融专业亚洲大学排行,金融类专业大学排名