CS_learn/hello-algo
1
0
Fork 0
mirror of https://github.com/krahets/hello-algo.git synced 2026-04-09 13:51:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

deploy

Browse Source
This commit is contained in:
krahets
2023-11-09 05:13:54 +08:00
parent 9a09f9407e
commit 3f666fa676
85 changed files with 619 additions and 610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
chapter_sorting/bubble_sort/index.html
View File

@@ -3371,25 +3371,25 @@
<div class="tabbed-set tabbed-alternate" data-tabs="1:7"><input checked="checked" id="__tabbed_1_1" name="__tabbed_1" type="radio" /><input id="__tabbed_1_2" name="__tabbed_1" type="radio" /><input id="__tabbed_1_3" name="__tabbed_1" type="radio" /><input id="__tabbed_1_4" name="__tabbed_1" type="radio" /><input id="__tabbed_1_5" name="__tabbed_1" type="radio" /><input id="__tabbed_1_6" name="__tabbed_1" type="radio" /><input id="__tabbed_1_7" name="__tabbed_1" type="radio" /><div class="tabbed-labels"><label for="__tabbed_1_1">&lt;1&gt;</label><label for="__tabbed_1_2">&lt;2&gt;</label><label for="__tabbed_1_3">&lt;3&gt;</label><label for="__tabbed_1_4">&lt;4&gt;</label><label for="__tabbed_1_5">&lt;5&gt;</label><label for="__tabbed_1_6">&lt;6&gt;</label><label for="__tabbed_1_7">&lt;7&gt;</label></div>
<div class="tabbed-content">
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step1.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="利用元素交换操作模拟冒泡" src="../bubble_sort.assets/bubble_operation_step1.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step1.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="利用元素交换操作模拟冒泡" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step1.png" /></a></p>
</div>
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step2.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step2" src="../bubble_sort.assets/bubble_operation_step2.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step2.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step2" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step2.png" /></a></p>
</div>
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step3.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step3" src="../bubble_sort.assets/bubble_operation_step3.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step3.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step3" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step3.png" /></a></p>
</div>
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step4.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step4" src="../bubble_sort.assets/bubble_operation_step4.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step4.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step4" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step4.png" /></a></p>
</div>
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step5.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step5" src="../bubble_sort.assets/bubble_operation_step5.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step5.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step5" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step5.png" /></a></p>
</div>
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step6.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step6" src="../bubble_sort.assets/bubble_operation_step6.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step6.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step6" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step6.png" /></a></p>
</div>
<div class="tabbed-block">
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step7.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step7" src="../bubble_sort.assets/bubble_operation_step7.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_operation_step7.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="bubble_operation_step7" class="animation-figure" src="../bubble_sort.assets/bubble_operation_step7.png" /></a></p>
</div>
</div>
</div>
@@ -3403,7 +3403,7 @@
<li>以此类推，经过 <span class="arithmatex">\(n - 1\)</span> 轮“冒泡”后，<strong>前 <span class="arithmatex">\(n - 1\)</span> 大的元素都被交换至正确位置</strong>。</li>
<li>仅剩的一个元素必定是最小元素，无须排序，因此数组排序完成。</li>
</ol>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_sort_overview.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="冒泡排序流程" src="../bubble_sort.assets/bubble_sort_overview.png" /></a></p>
<p><a class="glightbox" href="../bubble_sort.assets/bubble_sort_overview.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="冒泡排序流程" class="animation-figure" src="../bubble_sort.assets/bubble_sort_overview.png" /></a></p>
<p align="center"> 图 11-5 &nbsp; 冒泡排序流程 </p>
<div class="tabbed-set tabbed-alternate" data-tabs="2:12"><input checked="checked" id="__tabbed_2_1" name="__tabbed_2" type="radio" /><input id="__tabbed_2_2" name="__tabbed_2" type="radio" /><input id="__tabbed_2_3" name="__tabbed_2" type="radio" /><input id="__tabbed_2_4" name="__tabbed_2" type="radio" /><input id="__tabbed_2_5" name="__tabbed_2" type="radio" /><input id="__tabbed_2_6" name="__tabbed_2" type="radio" /><input id="__tabbed_2_7" name="__tabbed_2" type="radio" /><input id="__tabbed_2_8" name="__tabbed_2" type="radio" /><input id="__tabbed_2_9" name="__tabbed_2" type="radio" /><input id="__tabbed_2_10" name="__tabbed_2" type="radio" /><input id="__tabbed_2_11" name="__tabbed_2" type="radio" /><input id="__tabbed_2_12" name="__tabbed_2" type="radio" /><div class="tabbed-labels"><label for="__tabbed_2_1">Python</label><label for="__tabbed_2_2">C++</label><label for="__tabbed_2_3">Java</label><label for="__tabbed_2_4">C#</label><label for="__tabbed_2_5">Go</label><label for="__tabbed_2_6">Swift</label><label for="__tabbed_2_7">JS</label><label for="__tabbed_2_8">TS</label><label for="__tabbed_2_9">Dart</label><label for="__tabbed_2_10">Rust</label><label for="__tabbed_2_11">C</label><label for="__tabbed_2_12">Zig</label></div>