Ciencia popular:
1. Los principales escenarios de aplicación de carga, descarga, beforeunload y pagehide y pageshow
1) Generalmente se usa para monitorear operaciones como la primera carga, actualización, cierre, avance y retroceso de la página e hipervínculos;
2) Secuencia de ejecución: cargar —— mostrar página —— ocultar página —— descargar
3) Generalmente, navegadores móviles almacenará la página actualmente visitada en el caché. El caché guarda los datos de la página, el estado DOM y js. Cuando se realizan operaciones de avance y retroceso, el contenido de la página se lee directamente desde el caché del navegador sin actualizar la página, por lo que se monitorean el avance y retroceso. El evento de presentación de páginas está disponible durante la operación.
4) Determine si se usa la caché de ida y vuelta, e. Persistente, verdadero es leído
5) Los siguientes dos métodos de escritura son iguales
window.onpagehide=()=>{
}
window.addEventListener('pagehide', ()=> {
})
En segundo lugar, la escena real
-
1. Después de hacer clic en el hipervínculo, etc., la página no se actualiza cuando vuelve.
Pageshow se puede resolver, pero el pageshow también se activa cuando la carga se menciona anteriormente. Podemos asignar falso a una variable al cargar, y al hacer clic en el hipervínculo para dejar la página oculta, se convierte en verdadero. Al regresar, pageshow juzga esta variable, y cuando es verdadero, vuelve a llamar para actualizar window.location.reload ( )
-
2. Recordatorio emergente + solicitud de envío antes de que se cierre la página
window.onbeforeunload = () => {
this.axios.get('/test')
return 'return会出现弹窗，随便写不影响页面的'
}
坑：
addEventListener(beforeunload) 写法的时候，return居然不起作用（不出弹窗）
- 3. La página IOS (H5) no se actualiza después de regresar
Haga clic en H5 en ios WeChat, hay botones de avance y retroceso izquierdo y derecho en la parte inferior, pero Android no. Es el avance y retroceso izquierdo y derecho en la esquina superior izquierda del navegador. Si hace clic en h5 en WeChat, hace clic en la etiqueta a y luego hace clic en Atrás, la página no se actualiza. De hecho, el navegador lee el caché sin actualizar la página (el caché almacena toda la página), ¡pero! Pero todo es normal en el navegador, espero que Dios pueda responderlo.
Procesamiento:
escuche el evento de presentación de páginas y, cuando se active, window.location.reload () actualizará la página.