Quindi ora che hai ascoltato la mia introduzione a Jay Cory e la mia opinione sull'insegnamento della
query su Jay e sull'approccio che stiamo prendendo qui, riassumendo brevemente abbiamo iniziato con vanilla javascript e ora siamo
fiduciosi di fare cose in questo modo passeremo a Jay Querrey.
Quindi la prima cosa di cui dobbiamo parlare è come includere una query in un'applicazione.
Quindi ho intenzione di iniziare con un'applicazione molto semplice qui aggiungendo solo la mia età alla bocca e
dandole un titolo.
La demo di Jay
queery Jay su Jay queery è sempre in minuscolo.
Non chiedermi perché Q è tutto maiuscolo in pochi elementi.
J.
Demo Corey.
Proprio così e forse un alleato o due e questi saranno solo testo casuale.
OK così tre alleati ecc. tu.
E H-1 e salverà.
E ovviamente andremo avanti e apriremo questo nel browser.
Ed ecco la nostra pagina demo.
Ci sono alcuni modi per aggiungere una query alla nostra applicazione e ai nostri file html di età.
Ricorda che la query J è solo un file javascript.
Non è diverso dai file che abbiamo scritto finora.
Come il nostro gioco a colori schiva A-S o la nostra lista delle cose da fare.
Sì o qualsiasi altro file javascript che abbiamo creato e collegato utilizzando un tag script.
Quindi in entrambi i metodi qui stiamo usando un tag script.
L'unica differenza è l'attributo source.
per una query e lo hanno inserito nella stessa directory del mio progetto e quindi ci ho collegato.
E in questo caso stiamo collegando il file localmente e ciò significa che ho scaricato il codice
Quindi ti mostrerò come lo facciamo se andiamo alla documentazione di J Crew e clicchiamo su download e quindi dobbiamo scegliere una versione
e ho intenzione di andare con l'ultima che è 2. 1 punto 4 e abbiamo alcune
opzioni.
Possiamo scaricare la query Jey di produzione compressa 2. 0 punto 1. 4 e la versione di sviluppo non compressa.
Ho intenzione di fare entrambe le cose.
Solitamente lo farei semplicemente perché è compresso, il punto è che è più veloce da caricare.
Ma voglio mostrarti com'è.
Quindi ho intenzione di ottenere quello non compresso e quello compresso e puoi vedere se otteniamo
due file diversi.
Abbiamo Jay queery per puntare un punto per Dot J. S. e abbiamo J interrogato 2. 1 percento per gli uomini.
Sì.
Quindi aprirò entrambi quelli in sublime qui.
Basta trascinarli dentro e diamo un'occhiata a loro.
Quindi questo file qui è la versione non compressa.
E mentre lo scorrimento.
Si noti che è solo un file javascript veramente lungo.
Sono oltre 9000 linee, quindi possiamo includere questo file o possiamo includere la versione ridotta al minimo che è lo stesso codice
dietro le quinte, ma quando qualcosa viene minimizzato o compresso, tutti gli spazi vengono
eliminati.
Quindi tutti questi ritorni tutti i commenti sono andati e tutti i nomi di variabili e
proprietà sono abbreviati in caratteri singoli in modo da poter vedere che abbiamo cose come em o abbiamo cose come ABC che non
sono sicuramente i nomi di proprietà e argomenti all'interno se il file non compresso così possiamo
includerne uno.
E per farlo dobbiamo solo assicurarci di aggiungere i file alla directory corretta.
Quindi creerò una nuova cartella al posto del mio progetto e la chiamerò lib.
E non dobbiamo farlo.
Potremmo semplicemente trascinare i nostri due file nella stessa directory del nostro team h.
Archiverò e comincerò con quello in quel modo per mostrarti.
Quindi aprirò il mio file H Tim L e aggiungo uno script qui tag script e ho bisogno di source equals e ho
bisogno di scrivere questo nome proprio qui che è J query per puntare un punto per Dot J us e abbiamo bisogno di
quello dash.
Quindi ho intenzione di copiarlo e basta impostare la sorgente su un trattino 2. 1. 4.
J.
Sì e fintanto che questo file della demo di J Curry è invecchiato nello stesso posto di Jay Querrey 2. 1 14: 4 dovremmo essere
bravi.
Così salverò e riaprirò nel browser e aggiornerò.
Se apriamo la console possiamo effettivamente digitare la parola J Query e premere invio.
E se non otteniamo un errore che ci dice che la query è stata aggiunta correttamente alla nostra applicazione.
libreria in modo che non li confondiamo e non ingombriamo la nostra directory la struttura quindi non è obbligatoria.
Quindi un modo migliore per strutturare questo è in realtà metterli in una directory separata chiamata lib
proprio così che possiamo separare i nostri file javascript dai file javascript della
Come hai visto, avevamo la query di Jay che funzionava.
Ma un modo migliore per farlo è creare una directory e possiamo chiamarla qualsiasi cosa.
Potresti chiamarlo curva J se lo volessi.
Ho intenzione di andare con lib e quindi ho bisogno di cambiare il mio link qui.
La mia fonte di essere lib slash Jay query tratteggiata per puntare un punto quattro e farò il mio.
Sì e tu non devi farlo.
Non c'è differenza di funzionalità.
L'unica differenza è che questo è più veloce da caricare ma ho bisogno di averlo qui.
Quindi per reiterare non abbiamo bisogno di entrambi.
Ne abbiamo solo bisogno e dobbiamo collegarci correttamente a quello.
Quindi proviamo che ha funzionato.
Se aggiorno tasso che funziona bene.
Puoi digitare la query J e possiamo anche digitare il simbolo del dollaro e se questi funzionano sappiamo che la query del
foglio è stata installata correttamente.
Questo è il primo modo in cui possiamo scaricare una query localmente e collegarci ad essa con il tag script.
C'è un'altra opzione, però, che consiste nell'utilizzare un CD in un CD e rappresenta la rete di contenuti
distribuiti e considerarla come un semplice modo per acquisire un file da online senza doverlo scaricare
sul proprio computer.
Quindi ti mostrerò se ti basta copiare questo Arel proprio qui, che sembra essere AJ queery CDN per la versione
2. 0 1. 4.
E se mi limito a leggere l'URL, vedrai che è solo il file J Corey qui.
ce ne sono molti in rete e che funzionerà allo stesso modo del collegamento al file qui localmente.
Quello che possiamo fare è collegarvi a questo Arel oa qualsiasi altro CD di J queery e sapete che
L'unica differenza è che questo verrà effettivamente caricato un po 'più veloce perché è locale
sul nostro computer e se lo sostituiamo con il CD non sarà più visibile a noi.
Ma sotto il cofano ci vuole un po 'di più, ma ovviamente è molto più facile e più semplice
da usare perché non dobbiamo scaricare una copia della query di Jay per ogni applicazione che facciamo.
Quindi aggiornerò.
E se scriviamo qui la query J, dovrebbe comunque funzionare e lo fa.
Infine ti mostrerò come ho trovato quel CDN.
Basta aprire una nuova scheda e cercare Cdn Jay queery e se facciamo solo una ricerca per Cdn e poi qualsiasi
altra libreria che ne vedrà alcuni altri in seguito.
Mike J query.
Vedrai che otteniamo un sacco di link.
Quindi la query di Jay è ufficiale.
C'è il Cdn Dodge City NJ s dot com e abbiamo un gruppo di voi o qui che possiamo semplicemente copiare.
Dovremmo prestare attenzione alla versione, quindi questo è per 3. 00.
Se andiamo a 2. 20 punto 4 ci dà una decompressione della versione normale e una versione modificata.
E solo per mostrarti se vado a quello stai bene.
Li vedo in un file.
Quindi per concludere.
In entrambi i casi funziona.
Abbiamo bisogno di un tag script in entrambi i casi, ma l'origine sarà o un file locale o un file
ospitato da qualche parte che stiamo collegando all'utilizzo di un CDN.
L'ultima cosa che vuoi fare è darti un'anteprima di 30 secondi di quello che assomiglia a lei.
Quindi ecco un po 'di come appare la query di J.
La prima cosa che potresti notare è che viene utilizzato un simbolo del dollaro in quattro luoghi diversi.
Abbiamo un sacco di metodi come Dom clic che vedono SS punto dissolvenza punto rimuovere.
Quindi, ciò che questo codice farà effettivamente è selezionare un pulsante con trigger ID e quando viene
cliccato esegue tutto questo codice e quando viene cliccato cambieremo il colore di sfondo del corpo in giallo.
Stiamo andando a sfumare tutte le immagini sulla pagina.
Ci vorranno 3 secondi per svanire e poi, una volta terminata la dissolvenza, rimuoveremo
quelle tre immagini dalla pagina.
Quindi fare clic sul pulsante con trigger IDF.
Cambia il colore del corpo dissolvenza delle immagini per tre secondi e poi rimuovi le immagini quando hanno finito.
Va bene così era l'anteprima della velocità di una query.
Ora iniziamo a scriverne alcuni nel prossimo video.