我用js寫了乙個氣泡排序法,怎麼用html和css把排序過程展現出來?

時間 2021-05-30 20:26:27

1樓:ChatterBot

我的思路是用維護乙個陣列,在排序的每一步結束後,把對當前dom的操作放入陣列中,排序完成後,再根據陣列繪製對dom的每一步操作,這樣就可以把整個過程顯示出來了。

排序動畫

2樓:魯哈花

排序的做功步驟是交換,交換可以作為乙個原子步驟,將交換過程做成乙個函式,函式中除了完成交換之外還負責圖形上的交換展示即可。

3樓:丁逸章

ithm/sort/

這幾種排序實質上都是兩重迴圈,把每一次交換的數對和產生的新序列push到乙個陣列裡,排序完成之後再用setInterval一步步呈現出來。

排列和繪製是完全分開的,方便擴充套件任意排序演算法。

4樓:右耳朵貓(whinc)

思路,先做乙個陣列視覺化,即給乙個陣列你可以畫出乙個對應的表示圖,這一步應該簡單吧。然後就是正常的陣列排序,每次運算元據就同步通知檢視更新。分解成這兩步思路應該會清楚一點

5樓:胡小濺

維護乙個陣列,在排序的每一步結束後,將當前狀態壓入陣列。當整個排序過程結束後,你就得到了乙個儲存了排序過程中所有狀態的陣列。然後再按照陣列的順序,依次繪製每乙個狀態。

6樓:「已登出」

好多年前, @趙劼 的windjs 庫中就有這樣的demo, 還有相關的ppt的

ppt 在這裡 上周末Jscex專案介紹的幻燈片

使用Jscex實現排序演算法動畫

7樓:周紹華

VisuAlgo - Sorting (Bubble, Selection, Insertion, Merge, Quick, Counting, Radix)

我寫了乙個劇本殺本子,請問該怎麼賣呢?

劇本殺大量收稿啦,支援各個型別的劇本 恐怖沉浸 古風情感 都市 歡樂等等 要求 2 熱愛創作,熱愛劇本殺,可以理性配合監製溝通和修改。3 請投稿至 645580655 qq.com 4 劇本完成度80 以上,如果完成度80 以下的劇本投稿,需要有詳細的大綱 故事介紹 亮點介紹。60 以上完成度的劇本...

數學很差被人打擊 我該怎麼辦。我寫了乙個小時,才做出來4個選擇題,還請教了很多人。我是不是該放棄了

fact 愛因斯坦甚至還曾被認為是弱智呢,不要在意別人的看法,重要的是找出問題,改正問題,同時保持良好的心態,帶著情緒做事只能越做越差,相信自己的努力會收穫回報的 棟棟吃不胖 說得好像我說你沒救了。你就不會努力似的 你想得到的答案是 有救的。畢竟初一嘛說什麼也都還早是的沒錯我當然會回答不遲 凡事都有...

有個問題,我寫了乙個明日方舟同人文,然後血液結晶密度0 8u L合理嗎?

喵病 1 0.000001 百萬分之一 1 L就是0.000001 L 鷹角壓根就是連個單位都沒編 如果你自己要編個單位 鑑於別人提到了在源石不同濃度下的中毒表現 那我就提一嘴 汞也具有較強的神經毒性可以作為毒性參考 而血汞含量低於10 g L對人的健康影響不大大約達到100 g L才開始有中毒表現...