Şimdi Jay Cory'ye girişimi ve Jay sorgulamasını öğretme konusundaki kendi düşüncemi
duyduktan ve burada kısaca özetlemek istediğim yaklaşımı vanilya javascript'le başladık ve şimdi bazı
şeyleri yapmaktan eminsin Bu şekilde Jay Querrey'ye geçeceğiz.
Konuşmamız gereken ilk şey, bir sorguyu bir uygulamaya nasıl ekleyeceğimizdir.
Bu yüzden çok basit bir başvuruyla başlayacağım, sadece ağzıma çağımı ekleyip ona bir
unvan veriyorum.
Jay queery
demosu Jay queery'de Jay daima küçük dava.
Niçin Q'nun hepsi sadece birkaç elementte büyük nedenini sormayın.
J.
Corey demosu.
Tıpkı bir müttefik ya da iki, bunlar sadece rastgele bir metin olacaktır.
Tamam o zaman üç müttefik vs. sen.
Ve H-1 ve kurtaracak.
Ve elbette tarayıcıda devam edeceğiz.
İşte demo sayfamız.
Kendi uygulamanıza ve kendi yaşındaki html dosyalarımıza bir sorgu eklemek için birkaç yol vardır.
J sorgusunun sadece bir javascript dosyası olduğunu unutmayın.
Şimdiye kadar yazmış olduğumuz dosyalardan farklı değil.
Renk oyunumuz A-S'yi veya Yapılacak İşler listemizi atlatmak gibi.
Evet veya bir javascript dosyası yarattığımız ve bir script etiketi kullanarak bağladık.
Her iki yöntemde de burada bir betik etiketi kullanıyoruz.
Tek fark kaynak özniteliğidir.
için kodu indirdiğim ve projemle aynı dizine koyduğumuz ve sonra ona bağlandığımız.
Ve bu durumda, dosyaya yerel olarak bağlanıyor ve bunun anlamı, bir sorgu
Bu yüzden J Mürettebat belgelerine gidersek ve indirmeyi tıklarsak, bunu nasıl yapacağımızı göstereceğim ve daha sonra bir sürüm
seçmeliyiz ve sonuncusu olan 2 ile devam edeceğim. 1 puan 4 ve birkaç seçeneğimiz
var.
Sıkıştırılmış üretim Jey sorgusunu indirebiliriz 2. 0 nokta 1. 4 ve sıkıştırılmamış geliştirme sürümü.
Ben de ikisini birden yapacağım.
Sık sık sıkıştırılmış çünkü bunu yüklemek daha hızlı olmasıdır sadece bunu yapardı.
Ama neye benzediğini sana göstermek istiyorum.
Bu yüzden sıkıştırılmış dosyayı ve sıkıştırılmış dosyayı açacağım ve iki farklı dosya
alıp alamayacağımı göreceksin.
Dot J.'nin bir noktasına işaret edecek Jay kraliçesi var. S. ve J'den sorduk 2 var. Erkekler için yüzde 1.
Evet.
Böylece ikisini de burada yüce açacağım.
Onları sürükleyip onlara bir göz atalım.
Bu dosyanın buradaki sıkıştırılmamış sürümü.
Ve ilerledikçe.
Dikkat edin sadece bir gerçekten uzun javascript dosyası.
Bu dosyayı ekleyebilmemiz için 9000'den fazla satır var, yoksa sahnenin arkasında aynı kod olan simge durumuna küçültülmüş bir
sürümü de ekleyebiliriz ancak bir şey küçültüldüğünde veya sıkıştırıldığında tüm boşlukları
çıkarırız.
Böylece tüm bu geri dönüşler tüm yorumlar kayboldu ve değişkenler ve özelliklerin
tüm adları tek bir karaktere kısaltıldı; böylece em gibi şeyleri gördük veya ABC gibi şeyler içerdik ki bunlar
içerideki özelliklerin ve bağımsız değişkenlerin adları kesinlikle değil Sıkıştırılmamış dosyayı biz de
içerebiliriz.
Bunu yapmak için dosyaları doğru dizine eklediğimizden emin olmamız yeterlidir.
Dolayısıyla projem yerine yeni bir klasör oluşturacağım ve lib diyeceğim.
Ve bunu yapmak zorunda değiliz.
İki dosyamızı, ekibimizle aynı dizinde olacak şekilde sürükleyebiliriz.
Dosyaya koyacağım ve sana göstermek için onunla başlayacağım.
Bu yüzden H Tim L dosyamı açıp bir komut dosyası burada script etiketi ekleyeceğim ve kaynak eşdeğerlerine ihtiyacım var
ve bu adın Jot J için bir noktaya gelmesi için J sorgusu yazması gerekiyor ve biz buna ihtiyacımız var.
çizgi.
Bu yüzden onu kopyalayıp sadece bir sorgu çizgi 2'ye ayarlayacağım. 1. 4.
J.
Evet ve J Curry demosu onu yaşlandırdığı sürece Jay Querrey 2 ile aynı yerde. 14: 4 iyi
olmalıyız.
Bu yüzden kaydedip tarayıcımda açıp yenileyeyim.
Konsolu açarsak, aslında J Sorgusu yazabilir ve enter tuşuna basabiliriz.
Sorguyu uygulamamıza doğru eklediğini bize bildiren bir hata almazsak.
dosyalarından ayırt edebiliyoruz, böylece onları karıştırmamaktayız ve dizinimizi karmaşık hale getirmiyoruz Yapısı zorunlu değildir.
Bunu yapmanın daha iyi bir yolu, aslında onları lib'in adı verilen ayrı
bir dizine koymaktır, böylece kendi javascript dosyalarınızı kütüphane javascript
Gördüğünüz gibi Jay sorgusu çalışıyordu.
Ancak bunu yapmak için daha iyi bir yol, bir dizin oluşturmaktır ve bunu bir şey diyebiliriz.
İstersen J eğrisi diyebilirsin.
Ben lib ile gideceğim ve sonra bağlantıyı burada değiştirmem gerekiyor.
Benim kaynağım lib slash olacak Jay sorgusu bir noktaya işaret etmek için kesik kesilmiş ve ben benimkini yapacağım.
Evet, bunu yapmak zorunda değilsiniz.
İşlevsellik açısından bir fark yoktur.
Tek fark, bunun yüklenmesi daha hızlı ama burada olması gerekiyor.
Yani tekrarlamak için ikisine de ihtiyacımız yok.
Sadece bir kişiye ihtiyacımız var ve o kişiye doğru bir şekilde bağlantı yapmamız gerekiyor.
Öyleyse işe yaradığını doğrulayalım.
Yenilemem oranı iyi işliyor.
J sorgusu yazabilir ve ayrıca dolar işareti yazabiliriz ve bu işe yararsa sayfa sorgusunun doğru
şekilde yüklendiğini biliyoruz.
Bu, yerel olarak bir sorguyu indirebilmemizin ve bunlara komut dosyası etiketi ile bağlanmanın ilk yoludur.
Bir CD'yi CD'de kullanmak ve içeriği dağıtılmış ağ için kullanan başka bir seçenek var ve
onu dosyanıza makinenize indirmek zorunda kalmadan çevrimiçi bir dosyayı kapmak için yalnızca bir yol
olarak düşünün.
Dolayısıyla sana sadece Arel'i burada kopyalarsak göstereceğim, versiyon 2 için AJ queery CDN
olur. 0 1. 4.
Ve ben sadece URL'ye gidersem, bunun sadece J Corey dosyası olduğunu göreceksin.
line olduğunun farkındasınız ve bu, yerel olarak dosyaya bağlanma ile aynı şekilde çalışacaktır.
Yapabildiğimiz şey, Arel veya başka bir J queery CD'sidir ve bunlardan birçoğu on
Tek fark, bunun biraz daha hızlı yükleneceğidir çünkü bilgisayarımızdaki
yerel ve eğer CD ile değiştirirsek bizim için fark edilmeyecektir.
Ancak kaputun altında biraz daha uzun sürüyor ama elbette kullanmak çok daha kolay ve basittir,
çünkü yaptığımız her uygulama için Jay sorgusunun bir kopyasını indirmek zorunda değiliz.
Bu yüzden yenileyeceğim.
Ve J sorgusu yazarsak işe devam etmeli ve işe yaramalı.
Son olarak sana CDN'yi nasıl bulduğumu göstereceğim.
Yeni bir sekme açın ve Cdn Jay kraliçesi arayın ve sonra Cdn'yi ve daha sonra bazı diğer kitaplıkları
daha sonra görecek olan başka bir kütüphaneyi arayalım.
Mike J sorgusu.
Bir sürü bağlantı alacağımızı görürsünüz.
Böylece Jay sorgusu resmi bir sorguya sahiptir.
Cdn şehirden kaçmak için şehir var, ve sana bir sürü şey var ya da burada sadece kopyalayabileceğimiz bir grup var.
Versiyona dikkat etmemiz gerekecek, bu yüzden bu 3'tür. 00.
2'ye gidersek. 20 puan 4 bize normal sürümü ve değiştirilmiş bir sürümü açmanızı sağlar.
Ve sadece sana göstermek için gidebilirsem iyi olduğunuzu gösterir.
Onları bir dosya dosyasında görüyorum.
Tamamlamak için.
Her iki şekilde de çalışır.
Her iki durumda da bir script etiketine ihtiyacımız var, ancak kaynak yerel bir dosya ya da bir
CDN kullanarak bağladığımız bir yerde barındırılan bir dosya olacak.
Yapmak istediğiniz son şey, mahkemenin neye benzediğine dair 30 saniyelik hızlı bir önizleme vermek.
Yani, J sorgusunun benzeyeceği şeylerden biraz var.
Fark edebileceğiniz ilk şey dört farklı yerde kullanılan bir dolar işaretinin olmasıdır.
Dom tıklama gibi yöntemlerden bir demetimiz var SS dot fade out dot remove seçeneğini görüyoruz.
Bu kodun aslında ne olacağı, kimliği tetikleyen bir düğme seçmektir ve tıklandığında
tüm bu kodu çalıştırır ve tıklandığında gövdenin arka plan rengini sarı olarak değiştireceğiz.
Sayfadaki tüm görüntüleri solacak.
Onları silmek için 3 saniye sürecek ve sonra fade tamamlandığında bu
üç resmi sayfadan kaldıracağız.
IDF tetikli düğmeyi tıklayın.
Vücut rengini üç saniye içinde görüntüleri solup değiştirin ve işiniz bittiğinde çıkarın.
Tamam, bir sorunun hızlı önizlemesi yapıldı.
Şimdi bir sonraki videoya yazmaya başlayalım.