排序動畫演示title>
.container
/* 採用絕對定位的理由:
* 絕對定位可以讓元素脫離文件流,能夠儘量減少重排,而且絕對定位的位置方便計算。
* 使用 fixed 也可以的。
** 動畫的持續時間設定為 1s
*/.sort
style>
head>
class="container">
div>
body>
// 1.首先將待排序元素輸出到介面
var arr = [5, 4, 8, 9, 6, 5, 4, 12, 3, 6, 7, 8, 56];
var len = arr.length;
var container = document.queryselector('.container');
var fragment = document.createdocumentfragment(); // 建立文件片段,儘量減少重繪和重排
for (let i = 0; i < len; i++)
// 採用氣泡排序
var time = 1;
for (let i = 0; i < len; i++) }}
function
swap
(x, y) , time * 1000)
}script>
html>
2020 03 11模擬賽15(第三題)
題目描述 你是一名記者,現在要求你去採訪n 個國家的領導人。採訪每乙個國家的領導人需要消耗你的時間為t i 但你可以收穫價值為v i 的資訊,然後就能寫成報道 然而尷尬的是,有一些國家之間的關係屬於敵對關係,因此如果乙個國家的領導人知道你採訪了他的敵對國家領導人,那麼他就會拒絕你的採訪。總之,你採訪...
Noip模擬考第三題 飢餓遊戲
飢餓遊戲 hungry.pas c cpp 問題描述 chanxer餓了,但是囊中羞澀,於是他去參加號稱免費吃到飽的 飢餓遊戲 這個遊戲的規則是這樣的,舉辦者會擺出一排 個食物,希望你能夠一口就吃完。然而chanxer卻不這麼想,比起數量,他更看重質量,對於沒乙個食物,都會有乙個喜愛值,chanxe...
普及 模擬 開關燈泡(jzoj第三題)
題目 description 乙個房間裡有n盞燈泡,一開始都是熄著的,有1到n個時刻,每個時刻i,我們會將i的倍數的燈泡改變狀態 即原本開著的現將它熄滅,原本熄滅的現將它點亮 問最後有多少盞燈泡是亮著的。input 乙個數n output m,表示最後有m盞是亮著的 sample input sam...