Ahora que han escuchado mi introducción a Jay Cory, así como mi propia opinión sobre la enseñanza de la
consulta de Jay y el enfoque que estamos tomando aquí, que resumir brevemente es que comenzamos con javascript y ahora que estamos
seguros de hacer las cosas de esa forma nos moveremos hacia Jay Querrey.
Entonces, lo primero que tenemos que hablar es cómo incluimos una consulta en una aplicación.
Así que voy a comenzar con una aplicación muy simple aquí solo añadiendo mi edad a la boca y le
doy un título.
Jay queery demo
Jay en Jay queery siempre es minúscula.
No me preguntes por qué Q es mayúscula en pocos elementos.
J.
Demostración de Corey.
Solo así y tal vez un aliado o dos y estos solo serán texto aleatorio.
OK, así que tres aliados, etc. tú.
Y H-1 y guardará.
Y, por supuesto, vamos a seguir adelante y abrir eso en el navegador.
Y aquí está nuestra página de demostración.
Hay algunas maneras de agregar una consulta a nuestra propia aplicación y a nuestros propios archivos html de edad.
Recuerde que la consulta J es solo un archivo javascript.
No es diferente a los archivos que hemos escrito hasta ahora.
Como nuestro juego de color esquivar A-S o nuestra lista de cosas por hacer.
Sí o cualquier archivo javascript que hayamos creado y vinculado utilizando una etiqueta de script.
Entonces, en ambos métodos, aquí estamos usando una etiqueta de script.
La única diferencia es el atributo fuente.
código para una consulta y lo colocaron en el mismo directorio que mi proyecto y luego lo vinculé.
Y en este caso estamos vinculando el archivo localmente y lo que eso significa es que descargué el
Así que le mostraré cómo lo hacemos si vamos a la documentación de J Crew y hacemos clic en descargar y luego tenemos que elegir una
versión y voy a ir con la última, que es 2. 1 punto 4 y tenemos algunas
opciones.
Podemos descargar la producción comprimida Jey query 2. 0 punto 1. 4 y la versión de desarrollo sin comprimir.
Voy a hacer ambas cosas.
Por lo general, simplemente hago esto porque está comprimido, el punto es que es más rápido de cargar.
Pero sí quiero mostrarte cómo se ve.
Así que voy a obtener el descomprimido y el comprimido y puedes ver si obtenemos
dos archivos diferentes.
Tenemos Jay queery para señalar un punto para Dot J. S. y tenemos J consultado 2. 1 por ciento para los hombres.
Sí.
Así que voy a abrir ambos en sublime aquí.
Solo arrástralos y echemos un vistazo a ellos.
Entonces este archivo aquí es la versión sin comprimir.
Y a medida que avanzo.
Tenga en cuenta que es solo un archivo javascript realmente largo.
Son más de 9000 líneas, por lo que podemos incluir este archivo o podemos incluir la versión minimizada, que es el mismo código detrás
de las escenas, pero cuando se minimiza o comprime algo, se eliminan todos los espacios
en blanco.
Así que todo esto devuelve todos los comentarios se han ido y todos los nombres de
variables y propiedades se acortan a caracteres individuales para que pueda ver que tenemos cosas como em o tenemos cosas como ABC que definitivamente
no son los nombres de las propiedades y argumentos dentro si el archivo descomprimido para que podamos
incluir uno.
Y para hacer eso, solo debemos asegurarnos de agregar los archivos al directorio correcto.
Así que voy a hacer una nueva carpeta en lugar de mi proyecto y la llamaré lib.
Y no tenemos que hacer esto.
Podríamos arrastrar nuestros dos archivos para estar en el mismo directorio que nuestro equipo h.
Archivaré y comenzaré con eso de esa manera para mostrarte.
Así que voy a abrir mi archivo H Tim L y agregar una secuencia de comandos aquí. Necesito fuentes iguales
y necesito escribir este nombre aquí, que es una consulta J para señalar un punto para Dot J y lo
necesitamos guión.
Así que voy a copiarlo y simplemente establecer el origen de una consulta guión 2. 1. 4.
J.
Sí, siempre y cuando este archivo de la demo de J Curry esté en el mismo lugar que Jay Querrey 2. 1 14: 4 deberíamos estar
bien.
Así que lo guardaré y abriré de nuevo en el navegador y actualizaré.
Si abrimos la consola, podemos escribir la palabra J Query y presionar enter.
Y si no obtenemos un error que nos indique que la consulta se agregó correctamente a nuestra aplicación.
para que no los confundamos y no sobrecarguemos nuestro directorio. estructura por lo que no es obligatorio en absoluto.
Entonces, una mejor forma de estructurar esto es colocarlos en un directorio separado llamado lib para que
podamos separar nuestros propios archivos javascript de los archivos javascript de la biblioteca
Como viste, Jay tenía una consulta funcionando.
Pero una mejor manera de hacerlo es crear un directorio y podemos llamarlo de esta forma.
Podría llamarlo curva J si quisiera.
Voy a ir con lib y luego tengo que cambiar mi enlace aquí.
Mi fuente será lib slash. Jay query se apuntó para apuntar un punto cuatro y yo haré el mío.
Sí y no tienes que hacer eso.
No hay diferencia en la funcionalidad.
La única diferencia es que esto es más rápido de cargar, pero necesito tenerlo aquí.
Entonces, para reiterar, no los necesitamos a los dos.
Solo necesitamos uno y debemos vincularlo correctamente.
Entonces, verifiquemos que funcionó.
Si actualizo la frecuencia, eso funciona bien.
Puede escribir la consulta J y también podemos escribir el signo de dólar y, si funcionan, sabemos que la consulta de
la hoja está instalada correctamente.
Esa es la primera forma en que podemos descargar una consulta localmente y luego vincularla con la etiqueta de script.
Sin embargo, existe otra opción, que consiste en utilizar un CD en un CD y significa red distribuida de
contenido y pensar en ello como una forma de tomar un archivo de Internet sin tener que
descargarlo en su máquina.
Así que te mostraré si solo copiamos este Arel aquí, que es AJ queery CDN para la versión
2. 0 1. 4.
Y si voy a esa URL, verá que es solo el archivo J Corey aquí.
hay muchos de ellos en línea y que funcionarán de la misma manera que enlazando el archivo aquí localmente.
Lo que podemos hacer es vincular a este tu Arel o cualquier otro CD de J queery y sabes que
La única diferencia es que esto se cargará un poco más rápido porque es
local en nuestra computadora y si lo reemplazamos con el CD, entonces no lo notaremos.
Pero bajo el paraguas tarda un poco más pero, por supuesto, es mucho más fácil y simple de usar
porque no tenemos que descargar una copia de la consulta de Jay para cada aplicación que hacemos.
Así que refrescaré.
Y si escribimos la consulta J aquí todavía debería funcionar y lo hace.
Por último, te mostraré cómo encontré ese CDN.
Simplemente abra una nueva pestaña y busque Cdn Jay queery y si solo hacemos una búsqueda de Cdn y luego
cualquier otra biblioteca que verá algunas otras más adelante.
Mike J consulta.
Verás que obtenemos un montón de enlaces.
Entonces la consulta de Jay tiene una oficial.
Está el Cdn Dodge City NJ s punto com y tenemos muchos de ustedes aquí que podemos copiar.
Tendríamos que prestar atención a la versión, así que esto es para 3. 00.
Si vamos a 2. 20 punto 4 nos da un descomprimir la versión normal y una versión modificada.
Y solo para mostrarte si voy a eso, estás bien.
Los veo en un archivo de archivo.
Entonces para terminar.
De cualquier manera funciona.
Necesitamos una etiqueta de secuencia de comandos en ambos casos, pero la fuente será un archivo local o un archivo
alojado en algún lugar al que estamos vinculando utilizando un CDN.
Lo último que desea hacer es darle una rápida vista previa de 30 segundos de cómo se ve la corte.
Así que aquí hay un poco de cómo se ve la consulta J
Lo primero que puede notar es que hay un signo de dólar que se usa en cuatro lugares diferentes.
Tenemos un montón de métodos, como el clic de Dom, que hacen que SS dot fade out dot remove.
Entonces, lo que este código realmente hará es seleccionar un botón con el activador de ID y cuando se hace clic
ejecuta todo este código y cuando se hace clic vamos a cambiar el color de fondo del cuerpo para que sea amarillo.
Vamos a desvanecer todas las imágenes en la página.
Tardará 3 segundos desvanecerlos y luego, cuando termine el fundido, eliminaremos esas
tres imágenes de la página.
Entonces haz clic en el botón con el disparador IDF.
Cambia las imágenes de fundido del color del cuerpo en tres segundos y luego quita las imágenes cuando terminen.
Muy bien, así que era la vista previa de velocidad de una consulta.
Ahora empecemos a escribir algunos en el próximo video.