Esta serie de artículos aprende principalmente los puntos de conocimiento relacionados con HTML5, toma los puntos de conocimiento de la API de aprendizaje como punto de entrada e introduce ejemplos de superficiales a profundos, para que todos puedan entender lo que H5 puede hacer paso a paso, y cómo usarlo racionalmente en proyectos reales para lograr la libertad de uso, y el control perfectamente (∩_∩) o ~ o ~
1. Análisis de apertura
De acuerdo, sin decir muchas tonterías, vamos directamente al tema de hoy. Hoy, hablamos principalmente sobre la API de la historia y su papel en las aplicaciones de una sola página, y presentaremos un ejemplo práctico como un ejemplo de prototipo de explicación. Echemos un vistazo a la API de la historia primero:
Para mejorar la velocidad de respuesta de las páginas web, cada vez más desarrolladores han comenzado a adoptar soluciones de aplicaciones de una sola página. La llamada estructura de una sola página se refiere al hecho de que al cambiar entre varias páginas, la página completa no se actualiza, los datos de visualización de la página se actualizan y la URL en la barra de direcciones cambia en consecuencia, para que los usuarios puedan compartir esta URL.
Si usa navegadores como Chrome o Firefox para visitar Github.com, plus.google.com, y cuidadosamente encontrará que los clics entre páginas se solicitan asincrónicamente a través de AJAX.
Al mismo tiempo, la URL de la página ha cambiado. Y puede admitir muy bien el navegador hacia adelante y hacia atrás. ¿Qué tiene funciones tan poderosas? Bueno, esto hablará del protagonista de hoy. HTML5 cita una nueva API:
History.PushState e History.RepLacestate se utilizan para cambiar la URL de la página sin actualizar a través de esta interfaz. Echemos un vistazo al método detallado de la interfaz de historia:
Copiar el código