前端 - 有些網頁剛開啟時會顯示網頁框架,過會內容才會顯示出來,這樣的網頁用到了什麼技術?
PHP中文网
PHP中文网 2017-05-15 16:58:32
0
4
554

例如:http://www.weather.com/
剛打開時類似這樣:

然後才會顯示具體內容。
請教大家,這樣的網頁又是用了什麼技術?

PHP中文网
PHP中文网

认证0级讲师

全部回覆(4)
phpcn_u1582

它這裡用了 angular
原理是把页面分为不同 directive,一开始虽然没有具体内容,但 directive 起到了占位符的作用,所以能看到页面框架。
directive本身再通过 ajax ,向后台请求具体内容片断,填充进页面框架里,显示具体文本、图片。
只要理解了原理,要实现这个效果本身很简单,最后用不用 angular 都無所謂

左手右手慢动作

應該沒什麼好奇怪的,是因為這個網站加載過程中html和css加載完畢時背景圖片還沒加載完成,等過了一會兒背景圖片加載完成之後才顯示出整個網站的效果,看一下f12的network就知道了
這是最早加載的

這是最後載入完成的圖片


我這邊網速有點慢,背景圖片載入都要1.15秒

左手右手慢动作

我覺得把js檔案放在body下面會出現這種效果

淡淡烟草味

說說我的個人見解,僅供參考:

我覺得要實現這樣的效果可以透過ajax實現。

先html+css做好骨架

然後js:

window.onload=function(){

  当页面骨架显示完整后,这里再发起ajax请求,载入数据

}

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!