Cette série d'articles apprend principalement des points de connaissances liés à HTML5, prend les points de connaissance de l'API d'apprentissage comme point d'entrée et introduit des exemples de superficiel à profond, afin que tout le monde puisse comprendre ce que H5 peut faire étape par étape, et comment l'utiliser rationnellement dans les projets réels pour atteindre la liberté d'utilisation, et parfaitement contrôler O (∩__∩) o ~ dans les projets réels pour obtenir la liberté d'utilisation, et parfaitement contrôler O (∩__∩) o ~ dans les projets réels pour obtenir la liberté d'utilisation, et parfaitement contrôler O (∩__∩) o ~ dans les projets réels pour obtenir la liberté d'utilisation, et parfaitement contrôler O (∩__∩) O ~
1. Analyse d'ouverture
D'accord, sans dire beaucoup de bêtises, allons directement au sujet d'aujourd'hui. Aujourd'hui, nous parlons principalement de l'API de l'histoire et de son rôle dans les applications à une seule page, et introduirons un exemple pratique en tant qu'exemple prototype d'explication. Jetons un coup d'œil à l'API de l'histoire en premier:
Afin d'améliorer la vitesse de réponse des pages Web, de plus en plus de développeurs ont commencé à adopter des solutions d'application à une page. La structure dite de la page unique fait référence au fait que lors de la commutation entre plusieurs pages, la page entière n'est pas actualisée, les données d'affichage de la page sont mises à jour et l'URL de la barre d'adresse est modifiée en conséquence, afin que les utilisateurs puissent partager cette URL.
Si vous utilisez des navigateurs tels que Chrome ou Firefox pour visiter github.com, plus.google.com, et vous constaterez soigneusement que les clics entre les pages sont demandés de manière asynchrone via AJAX.
En même temps, l'URL de la page a changé. Et il peut très bien prendre en charge le navigateur vers l'avant et en arrière. Qu'est-ce que des fonctions aussi puissantes? Eh bien, cela parlera du protagoniste d'aujourd'hui. HTML5 cite une nouvelle API:
History.pushstate et History.replacestate sont utilisés pour modifier l'URL de la page sans actualiser via cette interface. Jetons un coup d'œil à l'interface détaillée des méthodes de l'histoire:
Copier le code