La memorizzazione di codice jquery in un file esterno e la struttura di directory?[chiuso]

Question

Qualcuno può confermare l'idea migliore per la memorizzazione di codice jquery, inizialmente ero l'inserimento di tutto nella TESTA di un documento, ma sto vedendo sempre di più il codice utilizzato tra le pagine,

È il modo migliore per utilizzare i file di inclusione ..con l'estensione .JS?

Altro o di meglio rispetto a questo?

Quale sarebbe il posto migliore per negozio di mio .js file, se questo è il caso..

il root l'ho

/css / / script

ecc .../ / script è dove la mia jquery file sono...ma devo utilizzare la stessa per la mia .js file?

Qualcuno ha qualche raccomandazione sulla struttura di directory?

Answer 1

È possibile memorizzare il più codice possibile in file .js, perché sarebbe consentire al browser di scaricare solo una volta e il riutilizzo in tutte le richieste.

Se si include il codice direttamente nella sezione HEAD come testo normale si sta costringendo il codice per essere scaricati in ogni richiesta, rallentando il trasferimento pagina.

La directory in cui si memorizzano i file dipende da voi davvero ... Io uso /css e /js, ma /scripts viene utilizzato come bene in molte spariti.

Answer 2

Dove si inserisce il tuo JavaScript nella pagina dipende da quello che stai cercando di fare. Ci sono argomenti per collegare il tuo JavaScript alla fine della pagina per l'amor di velocità, in modo che il browser possa caricare la pagina prima di tentare di analizzare / eseguire qualsiasi JavaScript. Naturalmente, se avete bisogno di JavaScript per eseguire prima il caricamento della pagina, avresti bisogno di mettere nella testa del documento. E 'davvero a voi e le vostre esigenze.

.js è le estensioni standard per i file JavaScript, quindi sarebbe preferibile continuare ad usare quello. E 'una buona idea quella di creare un collegamento ai file JavaScript invece di metterli a destra sulla pagina, in modo browser dell'utente può memorizzare nella cache i file JavaScript.

Dove si memorizzano gli script dipende da voi, ma sembra una bella idea per memorizzare tutti i file jQuery in una directory / scripts.

Answer 3

Esso non deve essere troppo complicato.Sì, la memorizzazione con l'estensione JS per certo, ma mantenere il vostro Javascript separata da 3rd party librerie è anche raccomandato.

Questo è tutto quello di cui avete bisogno:

.
./js/jquery/jquery.js
./js/yourfiles.js

O, mettere il vostro file sotto il nome della società:

./js/companyname/yourfiles.js

E come altri hanno detto:Mettere il JS alla fine del file, se possibile.

Answer 4

Seb è corretto, ma di aggiungere una cosa, cercare di comprimere tutti i JS e CSS file in uno per ciascuna.

Non importa se i file vengono memorizzati nella cache, c'è ancora una richiesta di andata e ritorno al server per ogni singolo file per verificare se è stato aggiornato. Questo può rallentare l'esperienza dell'utente quando ci sono molti JS e file CSS.