markdown语法笔记(二)

• 标签粗线开放连接 A11text=B11

• 标签粗线箭头连接 A12text>B12

graph TB

A1–>B1

A2—B2

A3–text—B3

A4–text–>B4

A5-.-B5

A6-.->B6

A7-.text.-B7

A8-.text.->B8

A9===B9

A10==>B10

A11text=B11

A12text>B12

example

graph LR

start(“input x”) --> handler(“x > 0?”)

handler --yes–> yes(“output x”)

handler --no–> start

yes --> exit(“exit”)

subgraph（子图）

---

格式

外面的那层, 可以使用子图中的节点，子图中的节点名不是隔离的，可以认为是全局变量-.-

graph LR

subgraph title1

graph definition

end

subgraph title2

graph definition

end

…

如

graph LR

subgraph g1

a1–>b1

end

subgraph g2

a2–>b2

end

subgraph g3

a3–>b3

end

a3–>a2

sequence diagram （序列图）

---

关键字

• participant，参与者，相当先定义模块，可通过设定参与者(participant)的顺序控制展示顺序

• note， 便签，格式如下

note [right of | left of][Actor]:Text

给多个模块做标签, 通过逗号分割

note over [Actor1, Actor2…]:Text

• 循环

loop Loop_text

… statements…

end

• 选择

alt Describing_text

…statements…

else

…statements…

end

推荐在没有else的情况下使用 opt(option,选择)

opt Describing_text

…statements…

end

sequenceDiagram

Alice->>Bob: Hello Bob, how are you?

alt is sick

Bob->>Alice:not so good 😦

else is well

Bob->>Alice:good

end

opt Extra response

Bob->>Alice:Thanks for asking

end

连线

• 无箭头实线 ->

• 有箭头实线 ->>

• 无箭头虚线 –>

• 有箭头虚线 –>>

• 带x实线 -x

• 带x虚线 –x

如

sequenceDiagram

Note right of A: 倒霉, 碰到B了

A->B: Hello B, how are you ?

note left of B: 倒霉,碰到A了

B–>A: Fine, thx, and you?

note over A,B: 快点溜，太麻烦了

A->>B: I’m fine too.

note left of B: 快点打发了A

B–>>A: Great!

note right of A: 溜之大吉

A-xB: Wait a moment

loop Look B every minute

A->>B: look B, go?

B->>A: let me go?

end

B–xA: I’m off, byte

note right of A: 太好了, 他走了

想改变AB的顺序怎么办呢？

sequenceDiagram

通过设定参与者(participant)的顺序控制展示顺序

participant B

participant A

Note right of A: 倒霉, 碰到B了

A->B: Hello B, how are you ?

note left of B: 倒霉,碰到A了

B–>A: Fine, thx, and you?

note over A,B:快点溜，太麻烦了。。。

A->>B: I’m fine too.

note left of B: 快点打发了A

B–>>A: Great!

note right of A: 溜之大吉

A-xB: Wait a moment

loop Look B every minute

A->>B: look B, go?

B->>A: let me go?

end

B–xA: I’m off, byte

note right of A: 太好了, 他走了

sequenceDiagram

通过设定参与者(participants)的顺序控制展示模块顺序

participant Alice

participant Bob

participant John

Alice->John:Hello John, how are you?

loop Healthcheck

John->John:Fight against hypochondria

end

Note right of John:Rational thoughts
prevail…

John–>Alice:Great!

John->Bob: How about you?

Bob–>John: good!

gantt diagram(甘特图)

---

甘特图是一类条形图，由Karol Adamiechi在1896年提出, 而在1910年Henry Gantt也独立的提出了此种图形表示。通常用在对项目终端元素和总结元素的开始及完成时间进行的描述

关键字如下

| title | 标题 |

| — | — |

| dateFormat | 日期格式 |

| section | 模块 |

| Completed | 已经完成 |

| Active | 当前正在进行 |

| Future | 后续待处理 |

| crit | 关键阶段 |

| 日期缺失 | 默认从上一项完成后 |

gantt

dateFormat YYYY-MM-DD

section S1

T1: 2014-01-01, 9d

section S2

T2: 2014-01-11, 9d

section S3

T3: 2014-01-02, 9d

gantt

dateFormat YYYY-MM-DD

title Adding GANTT diagram functionality to mermaid

section A section

Completed task :done, des1, 2014-01-06,2014-01-08

Active task :active, des2, 2014-01-09, 3d

Future task : des3, after des2, 5d

Future task2 : des4, after des3, 5d

section Critical tasks

Completed task in the critical line :crit, done, 2014-01-06,24h

Implement parser and jison :crit, done, after des1, 2d

Create tests for parser :crit, active, 3d

Future task in critical line :crit, 5d

Create tests for renderer :2d

Add to mermaid :1d

section Documentation

Describe gantt syntax :active, a1, after des1, 3d

Add gantt diagram to demo page :after a1 , 20h

Add another diagram to demo page :doc1, after a1 , 48h

section Last section

Describe gantt syntax :after doc1, 3d

Add gantt diagram to demo page : 20h

Add another diagram to demo page : 48h

sequence（序列图）

===========================================================================

关键字

• title，定义序列图的标题

• participant，定义时序图中的对象

• note，定义对时序图中的部分说明

方位控制

1. left of，表示当前对象的左侧

2. right of，表示当前对象的右侧

3. over，表示覆盖在当前对象（们）的上面

• {actor}，表示时序图中的具体对象（名称自定义）

• 箭头分为以下几种：

1. -> 表示实线实箭头

2. –> 表示虚线实箭头

3. ->> 表示实线虚箭头

4. –>> 表示虚线虚箭头

example

title: 序列图sequence 示例

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

可以看出，笔者的工作学习模式便是由以下 「六个要点」 组成：

❝ 多层次的工作/学习计划 + 番茄工作法 + 定额工作法 + 批处理 + 多任务并行 + 图层工作法❞

希望大家能将这些要点融入自己的工作学习当中，我相信一定会工作与学习地更富有成效。

下面是我学习用到的一些书籍学习导图，以及系统的学习资料。每一个知识点，都有对应的导图，学习的资料，视频，面试题目。

**如：我需要学习 **Flutter的知识。（大家可以参考我的学习方法）

• Flutter 的思维导图（无论学习什么，有学习路线都会事半功倍）

• Flutter进阶学习全套手册

• Flutter进阶学习全套视频

大概就上面这几个步骤，这样学习不仅高效，而且能系统的学习新的知识。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

总结

可以看出，笔者的工作学习模式便是由以下 「六个要点」 组成：

❝ 多层次的工作/学习计划 + 番茄工作法 + 定额工作法 + 批处理 + 多任务并行 + 图层工作法❞

希望大家能将这些要点融入自己的工作学习当中，我相信一定会工作与学习地更富有成效。

下面是我学习用到的一些书籍学习导图，以及系统的学习资料。每一个知识点，都有对应的导图，学习的资料，视频，面试题目。

**如：我需要学习 **Flutter的知识。（大家可以参考我的学习方法）

• Flutter 的思维导图（无论学习什么，有学习路线都会事半功倍）

[外链图片转存中…(img-FjbbJUnW-1712785377002)]

• Flutter进阶学习全套手册

[外链图片转存中…(img-4h9cbC33-1712785377002)]

• Flutter进阶学习全套视频

[外链图片转存中…(img-MnpTMGXw-1712785377002)]

大概就上面这几个步骤，这样学习不仅高效，而且能系统的学习新的知识。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！