Sto costruendo un'applicazione JavaScript che fa richieste AJAX a un back-end API PHP per caricare dati JSON per diverse viste.
L'interfaccia utente dell'app è costituita principalmente da un menu della barra laterale sinistra con elementi caricati che, quando viene fatto clic su, creeranno una vista per un pannello di contenuti destro. Come questa immagine ...
La barra laterale sinistra avrà fino a 60 elementi che saranno tutti responsabili del caricamento di eventuali librerie di terze parti di cui l'articolo ha bisogno sul pannello destro del contenuto, nonché di avviare qualsiasi evento DOM necessario per quella vista e caricare qualsiasi dato JSON dal server API remoto.
Domande
La mia domanda principale è quando un elemento della barra laterale sinistra crea l'interfaccia utente del pannello di contenuti corretta per un elemento e successivamente lo stesso elemento viene fatto nuovamente clic che lo ricostruisce. Come posso assicurarmi che l'intera app non finisca con l'avere tutte le librerie di elementi, i dati JSON e altri dati creati che potrebbero impoverire l'utilizzo della memoria delle app?
Non voglio usare una libreria come BackboneJS o AngularJS. Solo il puro JS è il mio obiettivo con l'eccezione delle librerie di terze parti che necessitano gli elementi / moduli della barra laterale.
Qualche suggerimento che ho apprezzato ho cercato per un po 'ora senza molta fortuna nel trovare informazioni su questo!