移動端的加載問題

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

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

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

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

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

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

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

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

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

以上是個人看法，歡迎指正

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