HarmonyOS鸿蒙最全2021-08-27(3),2024年最新阿里飞猪面试流程

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!


img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化的资料的朋友,可以戳这里获取

一个具有注脚的文本。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)!∀n∈N 是通过欧拉积分

Γ

(

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. 例如下面产生的一个序列图:

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

:root { --mermaid-font-family: “trebuchet ms”, verdana, arial;}
#mermaid-svg-kN5xhPXl3akHG5fI {
color: rgba(0, 0, 0, 0.75);
font: ;
}

张三

李四

王五

你好!李四, 最近怎么样?

你最近怎么样,王五?

我很好,谢谢!

我很好,谢谢!

李四想了很长时间, 文字太长了

不适合放在一行.

打量着王五…

很好… 王五, 你怎么样?

张三

李四

王五

这将产生一个流程图。:

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

:root { --mermaid-font-family: “trebuchet ms”, verdana, arial;}
#mermaid-svg-xIZDttEirZGlxkQP {
color: rgba(0, 0, 0, 0.75);
font: ;
}

链接

长方形

圆角长方形

菱形

  • 关于 Mermaid 语法,参考 这儿,

FLowchart流程图

img
img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

长方形

圆角长方形

菱形

  • 关于 Mermaid 语法,参考 这儿,

FLowchart流程图

[外链图片转存中…(img-PrZuGJwa-1715817712921)]
[外链图片转存中…(img-I3jwSo0d-1715817712922)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 20
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值