Nella mia nuova SPA (applicazione per pagina singola), ho insegnanti, che possono fare test e studenti, che possono sostenere test, iscriversi agli insegnanti e visualizzare i loro voti. Ciò significa che in JavaScript, entrambi avranno azioni molto diverse che possono fare. Ma l'HTML e il CSS, per inciso, sono molto simili. Il mio obiettivo è rendere il codice mantenibile e non avere un tempo di caricamento lento. Ovviamente, non voglio continuare a fare quello che sto facendo attualmente, il che è unire il codice studente e insegnante e solo chiamare ciò che è necessario. Penso che lo farò
- Crea due pagine, ognuna con i propri file
(student/teacher).js/css
ecommon.js/css
file - Continua a utilizzare una pagina, carica in modo condizionale i componenti Vue per le diverse cose che gli studenti e gli insegnanti possono fare, e hai diversi file js / css che verranno anche caricati in modo condizionale.
Preferisco la seconda opzione, ma penso che la pagina potrebbe essere rallentata perché l'app dovrà attendere il caricamento dei primi file comuni, quindi attendere l'autenticazione da parte del server per stabilire se viene registrato un account studente o insegnante in, quindi caricare più file css / js.
Qualcuno ha una raccomandazione o qualcosa di diverso che dovrei fare?