關(guān)鍵詞 骨架屏，可以搜下具體實(shí)現(xiàn)方式

這是一種加載中的骨架屏提示，相比一個(gè)圈圈一直在轉(zhuǎn)，這種加載中的提示能更加直觀地讓用戶感知到內(nèi)容的結(jié)構(gòu)布局，等數(shù)據(jù)加載過來之后，再替換成真實(shí)的文字和圖片，中間的過渡也會(huì)更加平和。

個(gè)人覺得，這種設(shè)計(jì)比較新穎，比較適合列表式輕微復(fù)雜結(jié)構(gòu)的顯示。據(jù)我觀察，有很多網(wǎng)站和app都使用了這種方式，比如：餓了么H5端，QuoraAPP，支付寶APP 等。

這種功能，對(duì)前端來說，最簡(jiǎn)單的實(shí)現(xiàn)，就是按照你想要的結(jié)構(gòu)來用div 填充，加上背景色之類的。

之前回答過一個(gè)類似的問題，還有代碼，現(xiàn)在找不到了。

我最近也在考慮用 canvas 或 svg 寫一個(gè)這種插件，來做這種加載中的提示。寫好了之后，可以再推薦你試試。

骨架圖 也就是預(yù)加載

適用范圍：前后端分離模式下 通過接口形式請(qǐng)求數(shù)據(jù)， 因 請(qǐng)求造成的延遲性，為提高用戶體驗(yàn)度

對(duì)于對(duì)seo有要求的頁面，我司都是通過后端模板引擎做輸出的， 因此并不太適合做預(yù)加載處理

以上是個(gè)人看法，歡迎指正

骨框架，餓了嗎就是這樣的