Rangkaian artikel ini terutama mempelajari poin-poin pengetahuan terkait HTML5, mengambil poin pengetahuan API pembelajaran sebagai titik masuk, dan memperkenalkan contoh-contoh dari dangkal ke dalam, sehingga setiap orang dapat memahami apa yang dapat dilakukan H5 langkah demi langkah, dan bagaimana menggunakannya secara rasional dalam proyek-proyek aktual untuk mencapai kebebasan penggunaan, dan kontrol dengan sempurna o (∩_∩) o ~
1. Analisis pembukaan
Oke, tanpa banyak bicara omong kosong, mari langsung ke topik hari ini. Hari ini, kami terutama berbicara tentang API sejarah dan perannya dalam aplikasi satu halaman, dan akan memperkenalkan contoh praktis sebagai contoh prototipe untuk penjelasan. Mari kita lihat API sejarah terlebih dahulu:
Untuk meningkatkan kecepatan respons halaman web, semakin banyak pengembang mulai mengadopsi solusi aplikasi halaman tunggal. Struktur halaman tunggal yang disebut mengacu pada fakta bahwa ketika beralih di antara beberapa halaman, seluruh halaman tidak disegarkan, data tampilan halaman diperbarui, dan URL di bilah alamat diubah sesuai, sehingga pengguna dapat berbagi URL ini.
Jika Anda menggunakan browser seperti Chrome atau Firefox untuk mengunjungi github.com, plus.google.com, dan dengan hati -hati Anda akan menemukan bahwa klik antar halaman diminta secara tidak sinkron melalui Ajax.
Pada saat yang sama, URL halaman telah berubah. Dan itu dapat mendukung browser ke depan dan mundur dengan sangat baik. Apa fungsi yang kuat? Nah, ini akan berbicara tentang protagonis hari ini. HTML5 mengutip API baru:
history.pushstate dan history.replacestate digunakan untuk mengubah URL halaman tanpa menyegarkan melalui antarmuka ini. Mari kita lihat metode terperinci antarmuka sejarah:
Salin kode