Come gestire più viste in un'applicazione JavaScript a pagina singola senza una libreria di terze parti [chiusa]

2

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!

    
posta JasonDavis 16.03.2017 - 02:07
fonte

1 risposta

1

Allo stesso modo delle librerie. Mantieni lo stato in memoria e controlla quello stato quando esegui le azioni.

Con la memoria locale e altri vantaggi dei moderni browser non esiste alcuna reale differenza tra un'applicazione SPA e una forma di vincita (ad esempio)

    
risposta data 16.03.2017 - 09:51
fonte

Leggi altre domande sui tag