La diferencia entre el modelo de desarrollo WEB tradicional y el modelo de desarrollo ajax

La forma tradicional de comer brochetas es comerlas de una en una, limpia y prolijamente, y luego tomar otra brocheta.

El modo ajax es comer olla caliente. Después de terminar una olla, vas enjuagando la otra olla, pero la sopa y la olla no se cambian.

Entonces aquí viene el problema

--El modo tradicional es muy simple. Después de abrir una nueva página, inicializa la nueva: estilo, contenido, script. Todas las páginas anteriores serán destruidas.

--El modo ajax mantiene el marco de la estructura principal sin cambios de principio a fin y solo se actualiza localmente. Por lo tanto, es necesario reutilizar los scripts js de manera razonable para evitar la contaminación de variables globales y destruir los archivos residentes. Puede existir memoria en la página anterior para evitar pérdidas de memoria. Marco de diseño razonable, limpie elementos nuevos fuera del contenedor principal, como cuadros emergentes, etc., para evitar la redundancia.

------------------

Por lo tanto, es necesario adoptar programación orientada a objetos, modularizar todos los scripts y utilizar Paquetes cerrados, API unificada, enrutamiento, etc.

Puede considerar utilizar el marco mvvm AngularJS o vuejs y consultar el método de desarrollo de la aplicación de una sola página "SPA".