STARTQ:很簡單的一個(gè)業(yè)務(wù)，用JS實(shí)現(xiàn)一個(gè)通訊錄的列表顯示。具體描述：1.A-Z+#，一共27個(gè)DOM對象，假設(shè)有1000條數(shù)據(jù)，我要根據(jù)數(shù)據(jù)中的姓名往這27個(gè)DOM對象中添加，請問如何可以最高效的實(shí)現(xiàn)，頭像可以后加載因此這里不考慮。2.拒絕setTimeout來實(shí)現(xiàn)3.因?yàn)橐謩e往多個(gè)DOM對象中進(jìn)行DOM操作，所以除了創(chuàng)建多個(gè)DocumentFragment來實(shí)現(xiàn)外，是否有其他方法來提高性能。4.個(gè)人嘗試使用Promise來實(shí)現(xiàn)，然而并沒有起到想要的結(jié)果。5.代碼如下：var index = "ABCDEFGHIJKLMNOPQRSTUVWXYZ#";for (var i in data) {    if (index.indexOf(data[i].per_allpinyin[0].toUpperCase()) >= 0) {        document.getElementById(data[i].per_allpinyin[0].toUpperCase()).appendChild(dataname(i));    } else        document.getElementById("#").appendChild(dataname(i));}6.因?yàn)镈OM的操作永遠(yuǎn)是同步渲染的，因此在數(shù)據(jù)>1000的時(shí)候，頁面的渲染會(huì)有些卡頓，因此尋求幫助。ENDfirst ADD：感謝幾個(gè)大大關(guān)于分批次的建議，不過我之前忘記補(bǔ)充了。7.因?yàn)橛覀?cè)有一個(gè)快捷側(cè)邊欄，可以實(shí)現(xiàn)用戶點(diǎn)擊首字母馬上跳轉(zhuǎn)，因此分批次實(shí)現(xiàn)的話就會(huì)造成一個(gè)很糟糕的用戶體驗(yàn)，即用戶點(diǎn)擊Z側(cè)邊欄的時(shí)候，卻發(fā)現(xiàn)Z的數(shù)據(jù)還沒有加載進(jìn)來，所以處于業(yè)務(wù)需求，暫時(shí)不會(huì)考慮分批次。包括按首字母分批次和按數(shù)據(jù)分批次