Alawn/Interview-Notebook
1
0
Fork 0
mirror of https://github.com/CyC2018/Interview-Notebook.git synced 2026-10-27 13:33:43 +00:00
Code Issues Releases Wiki Activity

Update 分布式.md

Browse Source 
调整配图的配色和阴影。
This commit is contained in:
CyC2018
2026-10-25 22:44:13 +08:00
parent 803cc6b7b0
commit 0e1460ca88
8 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
notes/pics/fencing-token.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 109 KiB

notes/pics/paxos-example.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 154 KiB

After

Width:  |  Height:  |  Size: 163 KiB

notes/pics/rocketmq-transaction.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 116 KiB

After

Width:  |  Height:  |  Size: 116 KiB

notes/pics/saga.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

tools/diagram/src/fencing-token.svg
+6 -6
View File
@@ -10,7 +10,7 @@
.arrow { stroke: #666; stroke-width: 1.3; fill: none; marker-end: url(#a); }
.reply { stroke-dasharray: 5 4; }
.lost { stroke: #C0605A; marker-end: url(#x); }
.shadow { fill: #C0C0C0; }
.shadow { fill: #DADADA; }
</style>
<defs>
<marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
@@ -26,23 +26,23 @@
<line x1="230" y1="76" x2="230" y2="428" class="life"/>
<line x1="370" y1="76" x2="370" y2="428" class="life"/>
<line x1="510" y1="76" x2="510" y2="428" class="life"/>
<rect x="52" y="48" width="82" height="30" rx="6" class="shadow"/>
<rect x="51" y="47" width="82" height="30" rx="6" class="shadow"/>
<rect x="49" y="45" width="82" height="30" rx="6" fill="#B0E3E6"/>
<text x="90" y="64.5" class="head">客户端 1</text>
<rect x="197" y="48" width="72" height="30" rx="6" class="shadow"/>
<rect x="196" y="47" width="72" height="30" rx="6" class="shadow"/>
<rect x="194" y="45" width="72" height="30" rx="6" fill="#B1DDF0"/>
<text x="230" y="64.5" class="head">锁服务</text>
<rect x="332" y="48" width="82" height="30" rx="6" class="shadow"/>
<rect x="331" y="47" width="82" height="30" rx="6" class="shadow"/>
<rect x="329" y="45" width="82" height="30" rx="6" fill="#B0E3E6"/>
<text x="370" y="64.5" class="head">客户端 2</text>
<rect x="477" y="48" width="72" height="30" rx="6" class="shadow"/>
<rect x="476" y="47" width="72" height="30" rx="6" class="shadow"/>
<rect x="474" y="45" width="72" height="30" rx="6" fill="#B1DDF0"/>
<text x="510" y="64.5" class="head">存储</text>
<line x1="94" y1="100" x2="226" y2="100" class="arrow"/>
<text x="160" y="94" class="msg">获取锁</text>
<line x1="226" y1="134" x2="94" y2="134" class="arrow reply"/>
<text x="160" y="128" class="msg">成功，令牌 33</text>
<rect x="85" y="158" width="10" height="150" fill="#F3D9A4" stroke="#D9B44A"/>
<rect x="85" y="158" width="10" height="150" fill="#DDD7F6" stroke="#9188D8"/>
<text x="102" y="237" class="note"></text>
<text x="78" y="172" class="note" text-anchor="end">GC 停顿</text>
<text x="240" y="206" class="note" text-anchor="start">锁过期</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

tools/diagram/src/paxos-example.svg
+6 -6
View File
@@ -10,7 +10,7 @@
.arrow { stroke: #666; stroke-width: 1.3; fill: none; marker-end: url(#a); }
.reply { stroke-dasharray: 5 4; }
.lost { stroke: #C0605A; marker-end: url(#x); }
.shadow { fill: #C0C0C0; }
.shadow { fill: #DADADA; }
</style>
<defs>
<marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
@@ -27,19 +27,19 @@
<line x1="320" y1="76" x2="320" y2="572" class="life"/>
<line x1="448" y1="76" x2="448" y2="572" class="life"/>
<line x1="576" y1="76" x2="576" y2="572" class="life"/>
<rect x="15" y="48" width="104" height="30" rx="6" class="shadow"/>
<rect x="14" y="47" width="104" height="30" rx="6" class="shadow"/>
<rect x="12" y="45" width="104" height="30" rx="6" fill="#B0E3E6"/>
<text x="64" y="64.5" class="head">Proposer A</text>
<rect x="143" y="48" width="104" height="30" rx="6" class="shadow"/>
<rect x="142" y="47" width="104" height="30" rx="6" class="shadow"/>
<rect x="140" y="45" width="104" height="30" rx="6" fill="#B1DDF0"/>
<text x="192" y="64.5" class="head">Acceptor X</text>
<rect x="271" y="48" width="104" height="30" rx="6" class="shadow"/>
<rect x="270" y="47" width="104" height="30" rx="6" class="shadow"/>
<rect x="268" y="45" width="104" height="30" rx="6" fill="#B1DDF0"/>
<text x="320" y="64.5" class="head">Acceptor Y</text>
<rect x="399" y="48" width="104" height="30" rx="6" class="shadow"/>
<rect x="398" y="47" width="104" height="30" rx="6" class="shadow"/>
<rect x="396" y="45" width="104" height="30" rx="6" fill="#B1DDF0"/>
<text x="448" y="64.5" class="head">Acceptor Z</text>
<rect x="527" y="48" width="104" height="30" rx="6" class="shadow"/>
<rect x="526" y="47" width="104" height="30" rx="6" class="shadow"/>
<rect x="524" y="45" width="104" height="30" rx="6" fill="#B0E3E6"/>
<text x="576" y="64.5" class="head">Proposer B</text>
<line x1="68" y1="100" x2="188" y2="100" class="arrow"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

tools/diagram/src/rocketmq-transaction.svg
+4 -4
View File
@@ -10,7 +10,7 @@
.arrow { stroke: #666; stroke-width: 1.3; fill: none; marker-end: url(#a); }
.reply { stroke-dasharray: 5 4; }
.lost { stroke: #C0605A; marker-end: url(#x); }
.shadow { fill: #C0C0C0; }
.shadow { fill: #DADADA; }
</style>
<defs>
<marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
@@ -25,13 +25,13 @@
<line x1="100" y1="76" x2="100" y2="388" class="life"/>
<line x1="300" y1="76" x2="300" y2="388" class="life"/>
<line x1="500" y1="76" x2="500" y2="388" class="life"/>
<rect x="67" y="48" width="72" height="30" rx="6" class="shadow"/>
<rect x="66" y="47" width="72" height="30" rx="6" class="shadow"/>
<rect x="64" y="45" width="72" height="30" rx="6" fill="#B0E3E6"/>
<text x="100" y="64.5" class="head">生产者</text>
<rect x="267" y="48" width="72" height="30" rx="6" class="shadow"/>
<rect x="266" y="47" width="72" height="30" rx="6" class="shadow"/>
<rect x="264" y="45" width="72" height="30" rx="6" fill="#B1DDF0"/>
<text x="300" y="64.5" class="head">Broker</text>
<rect x="467" y="48" width="72" height="30" rx="6" class="shadow"/>
<rect x="466" y="47" width="72" height="30" rx="6" class="shadow"/>
<rect x="464" y="45" width="72" height="30" rx="6" fill="#B0E3E6"/>
<text x="500" y="64.5" class="head">消费者</text>
<line x1="104" y1="100" x2="296" y2="100" class="arrow"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

tools/diagram/src/saga.svg
+6 -6
View File
@@ -15,7 +15,7 @@
.dash { stroke-dasharray: 5 4; }
.line { stroke: #666; stroke-width: 1.3; fill: none; }
.frame { fill: none; stroke: #999; stroke-width: 1; stroke-dasharray: 4 3; }
.shadow { fill: #C0C0C0; }
.shadow { fill: #DADADA; }
</style>
<defs>
<marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
@@ -31,25 +31,25 @@
<rect width="100%" height="100%" fill="#FFFFFF"/>
<text x="300" y="28" class="title">Saga</text>
<rect x="73" y="63" width="110" height="40" rx="6" class="shadow"/>
<rect x="72" y="62" width="110" height="40" rx="6" class="shadow"/>
<rect x="70" y="60" width="110" height="40" rx="6" fill="#B1DDF0"/>
<text x="125" y="78" class="b c">T1</text>
<text x="125" y="93" class="sub c">本地事务提交</text>
<rect x="233" y="63" width="110" height="40" rx="6" class="shadow"/>
<rect x="232" y="62" width="110" height="40" rx="6" class="shadow"/>
<rect x="230" y="60" width="110" height="40" rx="6" fill="#B1DDF0"/>
<text x="285" y="78" class="b c">T2</text>
<text x="285" y="93" class="sub c">本地事务提交</text>
<rect x="393" y="63" width="110" height="40" rx="6" class="shadow"/>
<rect x="392" y="62" width="110" height="40" rx="6" class="shadow"/>
<rect x="390" y="60" width="110" height="40" rx="6" fill="#F3C6C2"/>
<text x="445" y="78" class="b c">T3</text>
<text x="445" y="93" class="sub c">失败</text>
<line x1="183" y1="80" x2="227" y2="80" class="arrow "/>
<line x1="343" y1="80" x2="387" y2="80" class="arrow "/>
<rect x="73" y="153" width="110" height="40" rx="6" class="shadow"/>
<rect x="72" y="152" width="110" height="40" rx="6" class="shadow"/>
<rect x="70" y="150" width="110" height="40" rx="6" fill="#B0E3E6"/>
<text x="125" y="168" class="b c">C1</text>
<text x="125" y="183" class="sub c">补偿 T1</text>
<rect x="233" y="153" width="110" height="40" rx="6" class="shadow"/>
<rect x="232" y="152" width="110" height="40" rx="6" class="shadow"/>
<rect x="230" y="150" width="110" height="40" rx="6" fill="#B0E3E6"/>
<text x="285" y="168" class="b c">C2</text>
<text x="285" y="183" class="sub c">补偿 T2</text>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB