一般loading都是一個(gè)gif的圖片，或者使用css3實(shí)現(xiàn);
我現(xiàn)在是用的兩張圖片配合加載中...組合成的，然后用css3實(shí)現(xiàn)圖片的動(dòng)畫(huà)效果，既然是圖片，肯定是需要加載完成才能顯示，所以我把圖片轉(zhuǎn)換成base64，在首次使用的時(shí)候存到localStorage中，以后使用的時(shí)候就讀取storage中的數(shù)據(jù)；
但是，這樣還是會(huì)先顯示加載中...，然后中間有個(gè)幾十毫秒才顯示的圖片；
不知大家平時(shí)都是怎么處理loading的呢？
5
0
0
歡迎選擇我的課程，讓我們一起見(jiàn)證您的進(jìn)步~~
我一般先將內(nèi)容p設(shè)為不可見(jiàn)，loading p 默認(rèn)可見(jiàn)， 當(dāng)window.onload加載完成后loading不可見(jiàn)，內(nèi)容可見(jiàn)。loading的效果圖盡量用css，codepen有很多現(xiàn)成的代碼，質(zhì)量也不錯(cuò)。
關(guān)于loading的實(shí)現(xiàn)，我以前也搜集過(guò)幾個(gè)方法，寫(xiě)在這篇博客里：實(shí)現(xiàn)加載頁(yè)Loading Page 的幾種方法
你讓加載中這幾個(gè)字延遲500毫秒出現(xiàn)就可以了
一般來(lái)說(shuō)，在移動(dòng)端，都是配合一個(gè)假的進(jìn)度條和loading圖片來(lái)做，不用文字提示
在pc上就用一個(gè)loading圖就行了
我也想知道為什么，應(yīng)該是設(shè)備性能問(wèn)題，渲染需要一點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)的時(shí)間，所以出現(xiàn)肉眼可分別的延時(shí)效果，猜想是這樣的。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
