前端 - 一些网页刚打开时会显示网页框架,过会内容才会显示出来,这样的网页用到了什么技术?
PHP中文网
PHP中文网 2017-05-15 16:58:32
0
4
555

例如: http://www.weather.com/
刚打开时类似这样:

然后才会显示具体内容。
请教大家,这样的网页是用了什么技术?

PHP中文网
PHP中文网

认证0级讲师

全員に返信(4)
phpcn_u1582

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

いいねを押す +0
左手右手慢动作

このウェブサイトの読み込みプロセス中に、HTML と CSS が読み込まれるときに背景画像がまだ読み込まれていないため、驚くべきことは何もありません。しばらくすると、背景画像が読み込まれ、全体の効果が現れます。 f12 を見てください。ネットワークがわかります
これが最初にロードされる

これがロードされた最後の写真です


インターネット速度が少し遅く、背景画像をロードするのに 1.15 秒かかります

いいねを押す +0
左手右手慢动作

bodyの下にjsファイルを置くとこんな効果があると思います

いいねを押す +0
淡淡烟草味

参考までに私の個人的な意見を話させてください:

この効果は ajax を通じて実現できると思います。

まずhtml+cssでスケルトンを作ります

thenjs:

window.onload=function(){

リーリー

}

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!