欧美亚洲综合成人a∨在线,欧美一本视频,伊人久久综在合线亚洲2019

首頁(yè) 免費(fèi)課常用的網(wǎng)頁(yè)加載進(jìn)度條問(wèn)答

常用的網(wǎng)頁(yè)加載進(jìn)度條

            
                孫吉星
            
            交互設(shè)計(jì)師
                    
                難度中級(jí)
            
                時(shí)長(zhǎng) 1小時(shí) 7分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分9.60
                            97人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.8
                                內(nèi)容實(shí)用
                            
                                9.5
                                簡(jiǎn)潔易懂
                            
                                9.5
                                邏輯清晰

全部評(píng)論問(wèn)答未解決精華

動(dòng)畫(huà)加載不出來(lái)！

最新回答 / AlterAlert

應(yīng)該是CSS問(wèn)題，可以用F12調(diào)試下

3 回答 919 瀏覽 2-3 css3進(jìn)度條小動(dòng)畫(huà)

2017-07-06

testname

老師的聲音像MC高迪，喜歡的朋友飄666~

21 1-1 課程介紹

2017-07-06

小王子抓貓咪

問(wèn)題太嚴(yán)重了，老師寫(xiě)的代碼太有問(wèn)題了。
第一，你的進(jìn)度條代碼都寫(xiě)在了document.onready事件中，而onready事件也是有前期等待時(shí)間的。
第二，你的圖片獲取全是DOM獲取。
這兩個(gè)問(wèn)題導(dǎo)致視頻中你的頁(yè)面加載前會(huì)有很嚴(yán)重的空白期，且圖片與進(jìn)度條容器遮罩前后出現(xiàn)順序會(huì)不一致。
建議，第一，圖片不要用DOM結(jié)構(gòu)，直接就是將圖片地址放在一個(gè)數(shù)組中。
第二，圖片加載的JS代碼直接放在你的進(jìn)度條HTML結(jié)構(gòu)的后面即可。

20 4-1 實(shí)時(shí)獲取加載數(shù)據(jù)的進(jìn)度條

2017-07-05

Viavia

如果中間的某張圖片地址錯(cuò)了，無(wú)法加載了會(huì)觸發(fā)error事件可以使num+1

2 4-1 實(shí)時(shí)獲取加載數(shù)據(jù)的進(jìn)度條

2017-07-05

小王子抓貓咪

個(gè)人感覺(jué)這種方法不實(shí)用，在HTML結(jié)構(gòu)中多次添加進(jìn)度設(shè)置代碼不友好，即使是程序添加的代碼也不好。有些時(shí)候感覺(jué)做個(gè)假的也是可以的。比如先把進(jìn)度條前進(jìn)到一個(gè)百分比長(zhǎng)度后，等待onreadystatechange事件或者是圖片加載后再直接運(yùn)行到100%長(zhǎng)度。

20 3-1 定位在頭部的進(jìn)度條

2017-07-05

Viavia

竟然這樣玩..

0 3-1 定位在頭部的進(jìn)度條

2017-07-05