攜程前端第三題之模擬排序動畫

2021-08-27 11:47:29 字數 917 閱讀 5663

排序動畫演示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...