Bahagian hadapan - Sesetengah halaman web akan memaparkan bingkai halaman web apabila ia mula-mula dibuka, dan kandungannya akan dipaparkan selepas beberapa ketika Apakah teknologi yang digunakan untuk halaman web tersebut?

Question

Contohnya: http://www.weather.com/
Apabila anda mula-mula membukanya, ia kelihatan seperti ini:

Kandungan khusus kemudiannya akan dipaparkan.
Sila beritahu saya, apakah teknologi yang digunakan untuk halaman web sedemikian?

Answer 1

Ia menggunakan angular
Prinsipnya adalah untuk membahagikan halaman kepada directive yang berbeza Walaupun tiada kandungan khusus pada permulaannya, directive bertindak sebagai pemegang tempat, jadi bingkai halaman boleh dilihat.
directive sendiri kemudian meminta serpihan kandungan tertentu dari latar belakang melalui ajax, mengisinya ke dalam bingkai halaman dan memaparkan teks dan gambar tertentu.
Selagi anda memahami prinsipnya, ia adalah sangat mudah untuk mencapai kesan ini Pada akhirnya, tidak kira sama ada anda menggunakannya atau tidak angular

Answer 2

Sepatutnya tiada apa yang mengejutkan kerana apabila html dan css dimuatkan semasa proses memuatkan laman web ini, imej latar belakang belum dimuatkan lagi laman web dipaparkan Lihat f12 Rangkaian akan tahu
Ini adalah yang pertama dimuatkan

Ini adalah gambar terakhir yang telah dimuatkan

Kelajuan internet saya agak perlahan dan mengambil masa 1.15 saat untuk memuatkan imej latar belakang

Answer 3

Saya rasa meletakkan fail js di bawah badan akan mempunyai kesan ini

Answer 4

Beritahu saya pendapat peribadi saya, untuk rujukan sahaja:

Saya rasa kesan ini boleh dicapai melalui ajax.

Mula-mula buat rangka dengan html+css

Kemudian js:

window.onload=function(){

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

}