Więc teraz, że słyszałeś moje wprowadzenie do Jay Cory jak również własną opinię na temat nauczania zapytanie Jay i podejście, że bierzemy tutaj którego można krótko podsumować jest zaczęliśmy wanilii javascript i teraz, że jesteśmy pewni, robi rzeczy w ten sposób idziemy do Jay Querrey.
Więc pierwszą rzeczą, musimy porozmawiać o to, w jaki sposób to zapytanie do aplikacji.
Więc mam zamiar zacząć z bardzo prostej aplikacji tutaj wystarczy dodać w moim wieku do ust i nadać mu tytuł.
Jay queery demo Jay Jay queery na zawsze małymi literami.
Nie pytaj mnie, dlaczego wielkie P Czy to wszystko w ciągu zaledwie kilku elementów.
JOT.
Corey demo.
Tak po prostu, a może sojusznika lub dwa i to będzie tylko tekst losowo.
OK, tak więc trzy sojusznicy itp ty.
I H-1 i uratuje.
I oczywiście będziemy śmiało i otwarcie, że w przeglądarce.
A oto nasza strona demonstracyjna.
Istnieje kilka sposobów dodawania zapytanie do naszego wniosku i do naszych własnych plików wiek html.
Pamiętaj, że J zapytanie jest tylko plik JavaScript.
To nie różni się od plików, które pisaliśmy do tej pory.
Podobnie jak nasz kolorowy grze unik A-S lub naszym lista rzeczy do zrobienia.
Tak czy cokolwiek javascript plików stworzyliśmy i połączone za pomocą znacznika script.
Więc tutaj obu metod używamy znacznika script.
Jedyną różnicą jest to, atrybut źródła.
I w tym przypadku mamy do linkowania do pliku lokalnie i co to znaczy, że mogę pobrać kod zapytania i umieścić go w tym samym katalogu co mój projekt, a potem z nią powiązane.
Więc pokażę ci, jak to zrobić, jeśli idziemy do dokumentacji załogi J i kliknij Pobierz, a następnie trzeba wybrać wersję i mam zamiar iść z najnowszym czyli 2,1 pkt 4 i mamy kilka opcji.
Możemy pobrać skompresowany produkcję zapytania Jey 2,0 pkt 1.4 oraz nieskompresowanego wersję rozwojową.
Mam zamiar zrobić jedno i drugie.
Zazwyczaj ja po prostu zrobić ten jeden, ponieważ jest ściśnięta cała punktem jest to, że szybciej ładować.
Ale chcę, aby pokazać, jak to wygląda.
Więc mam zamiar uzyskać uncompress jeden i ten skompresowany jeden i można zobaczyć, jeśli mamy dwa różne pliki.
Mamy Jay queery wskazać jeden punkt za Dot J.S. i mamy J zapytaliśmy o 2,1 proc dla mężczyzn.
Tak.
Więc mam zamiar otworzyć oba te w wzniosła tutaj.
Wystarczy przeciągnąć je i rzućmy okiem na nich.
Więc ten plik tutaj jest wersja bez kompresji.
I jak przewinąć.
Zauważ, że jest to tylko jeden bardzo długi plik JavaScript.
To ponad 9000 linii, dzięki czemu możemy włączyć ten plik lub możemy zawierać zminimalizowanej wersji, który jest ten sam kod za kulisami, ale kiedy coś jest zminimalizowane lub skompresowane wszystkie spacje jest wyjęty.
Więc wszystkie te powroty wszystkie komentarze są odszedł i wszystkie nazwy zmiennych i właściwości są skracane do pojedynczych znaków, dzięki czemu można zobaczyć, że mamy takie rzeczy em czy mamy takie rzeczy jak ABC, które na pewno nie są nazwy właściwości i argumenty wewnątrz, jeśli plik nieskompresowany więc możemy zawierać albo jeden.
A do tego po prostu trzeba się upewnić, że możemy dodać pliki do odpowiedniego katalogu.
Więc mam zamiar zrobić nowy folder, zamiast mojego projektu i mam zamiar to nazwać lib.
I nie musimy tego robić.
Moglibyśmy po prostu przeciągnij nasze dwa pliki w tym samym katalogu, co naszym godz zespołu.
Będę pliku i zacznę z nim w ten sposób pokazać.
Więc mam zamiar otworzyć swój plik L H Tim i dodać skrypt tutaj tag skryptu i muszę źródłem równa i muszę napisać tę nazwę, która jest tu zapytanie J wskazać jeden punkt za Dot J nami i musimy, że dziarskość.
Więc mam zamiar skopiować go i po prostu ustawić źródło na myślnikiem zapytania 2. 1.4.
JOT.
Tak i tak długo jak ten plik J Curry demo wieku go w tym samym miejscu co Jay Querrey 2.1 14: 4 powinniśmy być dobre.
Więc będę zapisać i otworzyć go w przeglądarce i odświeżyć.
Jeśli otwieramy konsolę rzeczywiście możemy wpisać słowo J zapytań i wciśnij enter.
A jeśli nie pojawia się błąd, który mówi nam, że zapytanie jest poprawnie dodany do naszej aplikacji.
Więc lepszy sposób zorganizować to faktycznie umieścić je w oddzielnym katalogu o nazwie lib po prostu tak, że możemy oddzielić nasze własne pliki JavaScript z biblioteką JavaScript pliki, tak aby ich nie pomylić i nie zaśmiecać naszego katalogu struktura więc nie jest to obowiązkowe w ogóle.
Jak widzieliśmy mieliśmy Jay pracy zapytania.
Ale jest lepszy sposób, aby to zrobić jest stworzenie katalogu i możemy nazwać to wszystko.
Można nazwać krzywej J, jeśli chciał.
Mam zamiar iść z lib, a potem muszę zmienić mój link tutaj.
Moje źródło być lib ukośnik Jay zapytanie przerywana wskazać jeden punkt cztery i zrobię minę.
I tak, i nie trzeba tego robić.
Nie ma żadnej różnicy w funkcjonalności.
Jedyną różnicą jest to, że jest to szybsze załadowanie ale muszę mieć tę jedną kliknij tutaj.
Więc powtórzyć, nie musimy ich obu.
Musimy tylko jeden i musimy odwołuje się do tego jednego poprawnie.
Warto więc sprawdzić, czy to zadziałało.
Jeśli częstotliwość odświeżania, że ​​działa dobrze.
Można wpisać J zapytanie i możemy również wpisać znak dolara, a jeśli tych prac wiemy, że kwerenda blacha jest prawidłowo zainstalowana.
Więc to jest pierwszy sposób możemy pobrać kwerendy lokalnie, a następnie połączyć go z tagiem skryptu.
Nie ma innej opcji, które choć jest użycie płyty w formacie CD i stoi za treści rozpowszechniane w sieci i myśleć o tym, jak to tylko sposób na przyciągnięcie plik z on-line, bez potrzeby go pobrać na komputer.
Więc pokażę wam, jeśli po prostu skopiować to, Arel tu co zdarza się AJ queery CDN dla wersji 2.0, 1.4.
A jeśli po prostu przejść do URL, które zobaczysz, że jest to po prostu plik J Corey tutaj.
Co możemy zrobić, to link do Ciebie AREL lub innej J queery CD, a wiesz, że istnieje wiele z nich na linii i że będzie działać w ten sam sposób, jak z linkami do pliku tutaj lokalnie.
Jedyną różnicą jest to, że będzie to rzeczywiście załadować trochę szybciej, bo to lokalna na naszym komputerze, a jeśli możemy zastąpić go z płyty CD to nie będzie widoczne dla nas.
Ale pod maską to jednak potrwać nieco dłużej, ale oczywiście jest to dużo łatwiejsze i prostsze w użyciu, ponieważ nie musimy pobrać kopię Jay zapytania dla każdej aplikacji, które wykonujemy.
Więc będę odświeżyć.
A jeśli typ J zapytanie tutaj powinna nadal działać i to robi.
Wreszcie, pokażę ci, jak stwierdziliśmy, że CDN.
Wystarczy otworzyć nową kartę i poszukaj Cdn Jay queery i jeśli tylko nie szukaj CDN, a potem żadnej innej biblioteki, która będzie zobaczyć kilka innych z nich później.
Zapytanie Mike J.
Zobaczysz, że mamy kilka linków.
Więc Jay zapytanie ma oficjalny.
Jest CDN Dodge City, NJ s kropka com i mamy kilka ciebie albo tutaj, że możemy po prostu skopiować.
Chcielibyśmy zwrócić uwagę na wersję, więc jest to dla 3,00.
Jeśli idziemy do 2,20 pkt 4 daje nam rozpakować normalną wersję i wersję zmodyfikowaną.
I tak, aby pokazać, jeśli pójdę do tego, że dobrze.
Widzę je w pliku plik.
Tak, aby zakończyć.
Tak czy inaczej działa.
Musimy znacznik skryptu w obu przypadkach, ale źródło jest albo będzie lokalny plik lub plik, który jest gospodarzem gdzieś, że jesteśmy z linkami do korzystania z CDN.
Ostatnią rzeczą, którą chcesz zrobić, to daje szybki 30 sekundowy podgląd czego sąd wygląda.
Więc tutaj jest trochę o tym, co J kwerenda wygląda.
Pierwszą rzeczą, jaką można zauważyć, jest tam znak dolara wykorzystywane w czterech różnych miejscach.
Mamy kilka sposobów, takich jak Dom kliknięcia, które widzą SS kropka zanikanie dot usuń.
Więc co ten kod będzie faktycznie zrobić, to wybrać przycisk z ID spust i kiedy kliknięciu działa cały ten kod i gdy jest kliknięty mamy zamiar zmienić kolor tła ciała były żółte.
Jedziemy do zanikanie wszystkich obrazów na stronie.
To zajmie 3 sekundy zanikać je, a następnie, gdy jest wykonywana ściemniania mamy zamiar usunąć te trzy obrazy ze strony.
Więc kliknij na przycisku z IDF spuście.
Zmiana koloru ciała zanikanie obrazu w ciągu trzech sekund, a następnie usunąć obrazy, kiedy skończysz.
W porządku, tak aby był podgląd zapytania prędkości.
Teraz zacząć pisanie niektóre w następnym filmie.