jQuery 4 ve açıklanacak olay sistemi

Ana Sayfa » Python » jQuery 4 ve açıklanacak olay sistemi

jQuery 4, modern tarayıcılara çok daha uygun bir etkinlik sistemiyle sunuluyor, ama kütüphane klasiklerinden birinden vazgeçtiniz: daha az yazın, daha fazlasını yapın. Temel jQuery koduyla uygulamalar yürütülürse, arayüzlerin hızlı, önceden tahmin edilebilir ve temizleme kolaylığı sağlaması için olayların geliştirilmesine yardımcı olun.

Temelde, jQuery 4 olay sistemi basit bir addEventListener dosyası değildir.Bu, tarayıcıların uyumluluğunu normalleştirecek bir kapasiteye sahip olduğundan, güvenliği yeniden sağlayın, açık bir çalıştırma düzeni sağlayın ve gezgin için modern API entegrasyonu ve etkinlik delegasyonu gibi potansiyel bilgiler sunar. JavaScript'teki etkinliklerin temelinden, bu sürümde gerçekten değişiklik yapılana kadar her şeyi bu şekilde düzenledik.

JavaScript, etkinlikler için kullanılan dil olarak

JavaScript benzersiz bir şekilde çalıştırılıyor, ancak gezginin arayüzü olaylara tamamen hakim oluyor: fare tıklamaları, hareketler, vuruş titreşimleri, tekrar yüklemeleri, formül değişiklikleri vb. Bu işlemler, DOM'un somut bir düğümüyle ilişkilendirilen gizli bir işlem oluşturur.

Tüm arayüzde meydana gelen küresel bir olay değil, çünkü özel bir unsurdan farklı.. Bir düğmeyi tıklattığınızda, bu düğmeyi tıklatmak için bir olayı devre dışı bırakın, belgeyi enter'a çevirmeyin. Bu olay, gezgin işlemi başarılı olduğunda çalıştırılacak bir işlev yönetimi (olay işleyici) ile ilişkilendirilebilir.

JavaScript motoru tek başına bir talimat işlemi yürüttüğü için, etkinlikleri koordine etmek için bir miktar para harcadık.. İlginç bir şekilde ortaya çıktığında - örneğin, alışılagelmiş bir şekilde - bir dağıtım kuyruğunda (kola despacho) bir olay meydana gelir. Serbest kalan lama yığınının ardından, motor koladan sonraki olayda, finale kadar ilgili manevrayı gerçekleştirir ve daha fazla olay yaşanırsa tek başına bir mucize yaratır.

Önemli olan bir ayrıntı da, kola için kayıtlı bir yöneticinin var olması durumunda kolaya tek başına girilmesidir.. Eğer hiçbir şey yapılmazsa, gezgin başarıya ulaşmayı basitleştirir. Bu, bir arayüzün, esperamo ile etkileşim için bir dinleyici kaydetmesi durumunda "muerta" olarak adlandırılabileceğini açıklamaktadır.

Bu mimari, “cevap kapasitesi düzenlemesi”nden türetilmiştir.: Odanın yöneticisi şu anda meşgul olduğu için, eğer geç kaldıysa, bölge donmuş durumda. Animasyonlar parayla yapılıyor, tıklamalar yanıt vermiyor ve kullanım deneyimi çok güzel.

JavaScript'teki doğru strateji, işlerin mümkün olmasını ve kontrolün önceden devre dışı bırakılmasını sağlar.. Çok fazla CPU zamanına ihtiyacınız varsa (örneğin, büyük bir veri kümesi işlemek için), küçük miktarlarda (birkaç milisaniye) işlerinizi yönetin ve gezginin diğer ortam olaylarını gerçekleştirebileceği şekilde setTimeout, requestAnimationFrame veya çalışanlara dağıtın.

HTML formatındaki etkinlikler ve addEventListener

JQuery 4'ü yüklemeden önce, yerel JavaScript ile yapılan etkinliklerin yeniden düzenlenmesini sağlayın. HTML, bir düğme üzerinde onclick=”miFuncion()” gibi özelliklerin tanımlanmasına izin verir, ancak bu, (JS) ile uyumlu bir yapıya (HTML) ve yönetim zor koduna sahiptir.

Modern biçim, DOM düğümleri için doğrudan addEventListener'ı kullanıyor. Örneğin, bir düğme aynı olay türü için çeşitli yöneticileri kaydedebilir:

Bu modelde, addEventListener'ın temel argümanı, olay dizisinin bir türü. —tıklama, fareyle üzerine gelme, tuşa basma vb.— ve ikinci adım işleve ilişkin bir referanstır. Spesifikasyondan sonra, çeşitli dinleyicileri kaydederseniz, eski çağlardan beri, mantık eleştirisi için yeterince iyi bir sonuç elde edemeden, kendi düzeninizde bir düzen oluşturabilirsiniz.

Yerel API'nin diğer bir özelliği, aynı olay kaynağına daha fazla yardımcı olabilir. Verileri korumak için tamamen geçerli bir işlevdir ve analizleri kaydetmek için başka bir bağımsız işleve sahiptir, ancak birçok tıklamayla farklılaşmaktadır. Bu, başlangıçta olmayan bazı işlevsel işlevlerden ayrı bir sorumluluğa sahiptir.

Geçmişteki sorun, denizcilerin etkinlikleri tam olarak aynı şekilde uygulayamamasıdır.. Internet Explorer, AddEventListener'da bir etkinlik eklentisi kullanıyor, ancak bazı önemli olaylar yok ve odak düzeni ve bulanıklık değişkenliği gibi ayrıntılar da var. Bu uyumluluk, jQuery'nin şimdiye kadar popüler olduğu en popüler uygulamalardan biridir: tüm temel nadir uygulamalar için tek tip bir kapasiteye sahiptir.

JQuery olay sistemi ve .on() yöntemi

JQuery 1.7 ve jQuery 4'te birleştirilen kütüphane etkinlikleri sistemi için yöntem .on()'dur.. Click(), vurgulu() veya bağlama() gibi işlevler ve .on() ile yetkilendirilen tüm işlevler mevcuttur; bu, dinleyiciler için birleştirilmiş API'dir.

.on(), karmaşık senaryolara kadar basit bir durumda izin veren çeşitli argüman kombinasyonlarını kabul eder. El patrón más básico es:

Bu firmada, birincil parametre, boşluklara ayrılmış bir veya çeşitli olay türlerini içeren bir dizedir., ikinci bölüm manevradır. jQuery, işlemin seçilen öğelerde gerçekleştiği ve normalize edilecek bir nesnenin bulunduğu bir işlev olarak çağrılır.

.on()'un veri gücü, etkinlik delegeleri için bir ara seçici ayarlandığında görünür.. Bu durumda, genel olarak:

Bu varyantı kullandığımızda, yönetim, bir ata topluluğundan gelen herhangi bir öğeye doğrudan yardımcı olmaz.. jQuery, DOM'un köpürmesini onaylar: olay, nesnenin öğesinden kaynaklanır, bu öğenin kaynağına göre belirlenir ve düğümün .on() konumunda olması durumunda, event.target'ın yetkilendirilen seçiciyle çakışması sağlanır. Eşleşiyorsa, işleyiciyi çıkarın.

Ayrıca, .on(), olay kayıtlarında ve işlevlerinde bulunan değerlerde bir nesneyi okuyabilir.. Bu, çeşitli öğelerin aynı şekilde çeşitli dinleyicilerinin kaydedilmesine olanak tanır, kodun daha kompakt ve açıklayıcı olmasını sağlar.

Bu başka bir ilgi çekici şey: olay kaydında parametre verilerini kullanarak tahmini veriler elde edebilirsiniz. jQuery, yönetimi farklı kılan event.data bilgilerini içerir ve bu, aynı anda oluşturulacak şekilde farklı bilgisayarlarla yanlış bir işlevin kullanılmasını kolaylaştırır.

JQuery olay nesnesi ve grip kontrolü

JQuery'nin bir yönetici başlatması sırasında, gezginler arasındaki farkları normalleştirecek bir olay nesnesi tartışması da yapılabilir.. Bu amaç, önemli bilgileri içerir: event.type'daki etkinlik türü, event.target'taki öğenin kökeni ve event.originalEvent'teki yerel etkinlik için bir referans.

Önceden belirlenmiş bir şekilde, DOM etkinliklerinin belediye başkanı orijinal öğeden belgeye kadar yayılıyor. Her durumda, jQuery, davranışların çakıştığını anlar ve kayıtlı oldukları sırada düzene girer. Bu uyum, aynı başarıyı sağlayacak işlevsellik düzeni sayesinde delegasyonla mümkün olabilir.

Etkinliğin DOM'a aktarılmaması için yayılmayı geciktirirseniz, bir olay başlatılabilir.stopPropagation(). Bu nedenle, diğer öğelerin bildirimi almasını ve bunun sonucunda harekete geçmesini önler, ancak içerik içeriğinin belirli bir durumda geçerli olmayacağı durumlarda çok faydalıdır.

event.stopImmediatePropagation() ile ikinci düzeyde kontrole sahip oldum. Kabarcıklanmayı önlemek için, bu lama, aynı öğede kayıtlı diğer türde başka yöneticilerin çalıştırılmasını engelliyor. Bu, grip eleştirisinde başka işlevlerin engellenmesini garanti altına almak için daha sert bir yöntemdir.

Diğer taraftan, event.preventDefault(), olayla ilgili kusur nedeniyle işlemi iptal eder.. Örneğin, başka bir URL eklemekten veya formülün kıskanacağından kaçının. Bu teknik, AJAX ortamı gibi kullanıcılar için temeldir, gönderimi yakalamayı, mevcut uyumluluğu halka açık hale getirmeyi ve başvuruyu anında başlatmayı kolaylaştırır.

Klasik bir jQuery atası, yönetim açısından yanlış bir şekilde gelişiyor. Bu geliştirme, yayılma bloğundaki kusur nedeniyle işlemin iptal edilmesiyle birlikte, stopPropagation() gibi PreventDefault() çağrısına eşdeğerdir. Bu rahat ama gerçek anlamda ihtiyaç duyulduğunda tek başına kullanılabilir.

JQuery bağlamında, bu manejor içindeki palabra, olaya şu anda girilmesine yardımcı olacak unsurlara sahiptir.. Doğrudan etkinliklerde, dinleyiciyi kaydettirirken bir ipucu verilir; Delege edilenler, delege edilen seçiciyle örtüşen bir unsurdur ve başarı derin bir başarı elde ederse etkinlik hedefiyle örtüşemez.

Manejadores ve Reulizarlos ile ilgili veriler

jQuery, .on() dosyasındaki kayıttaki isteğe bağlı verilere ek olarak etkinlik bilgilerinin zenginleştirilmesine izin verir. Boş veya tanımsız olmayan bir parametre verisi içeriyorsa, jQuery, işleyicinin çıkaracağı şekilde bir event.data dosyası ekler.

Yarışmacı olarak bir nesne planını kullanma alışkanlığınız var, örneğin { eylem: "kaydet", izleme: doğru }, böylece farklı parametrelere göre çeşitli değerlerin gruplandırılmasına ve diğer özelliklere erişilmesine izin verilir. Bu, basit bir kadans oluşturacak şekilde kodun daha okunaklı olmasını sağladı.

JQuery 4'ten önceki sürümler, farklı öğelerle çeşitli değişikliklere yol açabilecek farklı bir yönetim biçimidir.. Her şey, bu işlevin kaydedildiği bağlamla ilgili olarak farklı bir biçimde etkin olduğu şekilde, etkinlik.veri paketini genişletebilir. Bu, olay mantığında DRY prensibini uygulamak için zarif bir yöntemdir.

İstatistiksel verilerden yararlanarak, jQuery, kılavuzdaki farklı olayları dinamiğe aktarmak için başka bir kanal sunar. .trigger() ve .triggerHandler() yöntemleri, basit bir değer veya dizi olabilecek ikinci bir argümanı kabul eder; jQuery, olay nesnesinden sonra bu ek yönetim parametrelerindeki dizi öğesinin değerini veya değerini dönüştürür.

Event.data ve .trigger() argümanlarını bir araya getirerek, dahili API'leri ve olay tabanlarını oluşturmak için çok esnek bir sistem oluşturur.. Dinleyici yapılandırması için event.data'yı ve her çağrı programında veri değişkenleri için ek parametreleri kullanabilirsiniz.

Etkinlik delegasyonu: sunma ve yükseltme

DOM'un köpürmesinde doğrudan iptal edilen jQuery olay sistemindeki en gelişmiş tekniklerden biri delegasyondur.. Bir dinleyiciye potansiyel etkileşim potansiyeline sahip bir öğe eklemek için, yalnızca bir yarışmacıya kaydolun ve etkinliğin ilerlemesini sağlayın.

Bu muhteşem mimari ve dinamik yapıların patronu. Bir hücrede bir tablo hayal edin: işleyicileri tek bir tıklamayla hareket ettirmek için bireyleri kaydedin, olayları ayrıştırmak için karşılaştırma çalışması gibi hafıza açısından dikkate değer bir şey. Alternatif olarak, tabloda veya gövdede yalnız bir dinleyici bulunursa ve seçici tarafından uygun şekilde filtrelenirse, maliyet büyük ölçüde azalır.

Yetkilendirme, AJAX aracılığıyla oluşturulan veya değiştirilen içerikle etkileşimi basitleştirdi. Sayfanın doldurulmasından sonra yeni bir tablo dosyalanırsa, oluşturulan her türlü veri yönetimine yardımcı olmak için DOM'un kaydedilmesine gerek yoktur: atanan dinleyici, somut hiçbir bilgi olmadan atalarından birinde çalışır.

Bu, devredilen etkinliğe eklenecek noktayı seçerek en uygun ortamı sağlamak için yapılır.. Arboles'e daha fazla vardığımızda, daha büyükleri Burbujeo'nun camino'sunda ve jQuery'nin yapması gereken seçim karşılaştırmalarının sayısında artış var. Büyük belgelerde, evrensel delegeler gibi bir belgeyi kullanmak, daha yüksek sıklıkta başarı elde etmek için maliyetli olabilir.

Seçim terminallerinde, jQuery, tag#id.class biçiminin basit kullanıcıları tarafından çok hızlı bir şekilde işlenir.. #myForm, harici veya düğme gibi ifadeler çok verimli bir şekilde değerlendirilir. Buna ek olarak, tam kapsamlı seçiciler - örneğin, derin kökenden gelenlerin kombinasyonları - mükemmel şekilde kullanılabilen uygulamalarla birlikte çok daha fazla çeşitlilik gösterebilir.

Yetki devri için hiçbir etkinliğin yapılamayacağına dair bir ipucu var. Ayrıca, görüntülerde yükleme, kaydırma veya hata yapma gibi, tarayıcılarda burbuje yok ve doğrudan öğeye doğrudan eklenenler yalnızca tek başına çalışıyor. jQuery, odaklanma ve bulanıklaştırma gibi alternatifler sunmak için odaklanma ve odaklama gibi etkinlikler sunar, ayrıca çeşitli kategorilerde (örneğin, IE'deki eski formül etkinlikleri) tarihsel sınırlamalara izin verir.

jQuery 4'teki olayların açıklaması

Oyunlarda, sık sık tıklama veya değişiklik yapılması gibi olaylar, ödemenin yapılmaması bir sorun teşkil ediyor. Ambargo nedeniyle, birkaç farklı belgeyi farklılaştırabilecek fare hareketi, kaydırma, yeniden boyutlandırma gibi çok karmaşık türler vardır ve bu, yalnızca miktar ve manevra maliyetine uygun olarak belirlenir.

Yüksek frekanslı olaylar için ilk düzenleme, geri arama yükünü en aza indirir. Ön hesaplamayı yönetin ve çok tekrarlanacak değerleri önbelleğe alın, DOM için işlemleri sınırlandırın ve gerektiğinde, setTimeout ile kısıtlama veya geri döndürme tekniklerini tanıtın, AnimationFrame veya yardımcı kütüphaneleri isteyin ve kaydırma uyumluluğunu kontrol edin. propiedad CSS taşması.

Dikkat edilmesi gereken bir diğer nokta ise belgede kayıtlı olan delegelerin sayısıdır.. Bir olayı ortadan kaldırdığınızda, jQuery bu tür için tüm dinleyici potansiyellerini geri kazanabilir, hedefin yükseliş ritmini hedef noktasına kadar kaydedin ve ilgili seçicileri karşılaştırın. Belgede yer alan çok sayıda genel işleyici bir botella dosyasına dönüştürülebilir.

Hedef unsurlarının mümkün olan en fazla delegasyona bildirilmesi için çözüm. Eğer somut bir formülde ilgi çekici olaylar varsa, bu formülde en önemli şey, gövdede yer alan bir formüldür. Bu şekilde, etkinliğin içerdiği öğelerin sayısı önemlidir ve değerlendirme maliyeti azalır.

jQuery 4, delegasyonda kullanılan seçicileri hızlandırmak için filoyu yönetir. Bu nedenle, belirli bir yarışmacının içindeki düğme gibi bir seçici, temel animasyonları ifade etme konusunda daha etkili olması dikkate değerdir. Seçiciyi gerekli ölçüde basitleştirmek için dinleyicinin bulunduğu konumlara yeniden yerleştirilen bir menü.

Olayların, özel durumların ve önemli notların uyumluluğu

JQuery olay sistemi, DOM öğeleriyle dahili meta verilerle ilişkilendirilebilir.. Bu, bir kütüphanenin belirli bir dosyaya ek olarak ayrıntılı bir yönetim kaydı oluşturmasına, ad alanlarını taşımasına, kesin biçim için .off() işlevini desteklemesine vb. izin verir. Ambargo sırasında, nesne, yerleştirme ve uygulama gibi çeşitli öğelere jQuery'nin gerektirdiği biçime ek veriler kabul edilmez. Kitaplık, herhangi bir olaya neden olamaz.

Gezgini takip etmek için çeşitli etkinlik türleriyle ilgili tüm özel bilgileri mevcut. Tüm bunları yaparken, herhangi bir yetkilendirme yapılmadığı gibi, hiçbir resimde yükleme, kaydırma ve hata yapma; Internet Explorer 8'de ve önceki sürümlerde, yapıştırıp sıfırlayın. JQuery'nin uygun alternatiflerle uyumlu olması niyetiyle, bu durum, mevcut gezgin olay modelinin sınırlarıyla sınırlıdır.

Benzer bir durum, argümanların aksine ve geri dönüş değerinin mevcut olaylardan farklı olması nedeniyle pencere hatasıdır.. Bu nedenle jQuery, sisteminizde fazla gezinmeye gerek yok ve genel hataların yakalanması gerektiğinde, pencere.onerror özelliğine göre doğrudan yönetim yönetimi atamanızı öneririz.

Diğer önemli nokta ise, olayın işleme başladığı anda bir öğe için kullanılacak manevra listesinin olmasıdır.. Dinleyiciden çıkmak için bir geri arama lamaları .off() ile başlatılırsa, bu değişiklik, gerçek çalıştırma için programlanan işleyicileri etkilemez: kaldırma, sonraki çağrılarda tek başına etkili olur. Aynı öğedeki geri aramaları artırmak ve gerçek döngüdeki olay türünü artırmak için ImmediatePropagation() işlevini durdurmanız gerekir.

API terminallerinde, jQuery, fare girişi ve fare bırakma takma adı olarak kullanılan sözde "hover" etkinliği gibi açıklayıcı işlevlerden vazgeçmiştir.. Önceki sürümlerde, grup adı olarak "hover" kullanılır, ancak bu, .hover() yöntemiyle karışıklığa neden olur. JQuery 4'te, fare girişi ve fare çıkışının açık kullanımı veya .hover() yönteminin, belirtilen işlevlerle birlikte kullanımı etkinleştirilir.

JQuery 4'te gerçek olaylara göre değişiklik yapılabilir

jQuery 4, eski bilgisayarların bilgisayarlarına bağımlılığı azaltan bir esneklik noktası sağlar. Bu olay, tanıdık bir model olarak algılanıyor ve DOM'un gerçek özelliklerine göre daha da kısıtlanıyor.

Odaklama, bulanıklaştırma, odaklama ve odaklama gibi olayların düzenine ve odaklama yöntemine uygun daha kullanışlı değişikliklerden biri. Geçmişte, jQuery uygulamaları, kendine özgü uygulama gezginlerini de içeren tutarlı sonuçların kaydedilmesi için normalleştirildi. Versiyon 4'te, kütüphane W3C standardına göre daha yüksek hale getirildi, çünkü kodlar farklı biçimlerde farklı görünümlere bağlı olabilir.

Diğer yönler ise denizcilerin mirasına ilişkin kayıtlardır.. jQuery 4, Internet Explorer 10, Edge Legacy ve birçok eski modaya göre modern bir temele odaklanıyor. IE11 destekli bir şekildir, ancak yine de bir geçiş desteği olarak kullanılabilir. Temel platformlar için gerekli geçici çözümler ortadan kaldırıldığında, olay çekirdekleri daha kolay ve daha doğrudan hale gelebilir.

Bu, kod içi bir modernizasyonla birlikte tamamlandı. Kütüphaneciler, Vite, Rollup veya webpack gibi en iyi entegre veri paketleriyle JavaScript'in daha fazla gerçek versiyonunu benimser. Bu, .on() veya .off() gibi doğrudan bir değişiklik olmadığı sürece, jQuery'nin modern modüler paketler ve paketleyicilerle sonuçlandırılmasını etkiler.

İnce yapıda jQuery 4 bugün daha fazla kayıt yapıyor. Gerçek ekosistemi daha iyi hale getirmek için JavaScript'in yerel Vaatlerini kullanmak adına Ertelenenleri ve Geri Aramaları ortadan kaldırdık. Bu, uyumsuzluk ve AJAX'ın tüm bölümlerini etkilediğinden, dolaylı olarak dolaylı olaylarla etkileşime giren geçmiş kod parçalarını temizliyor.

Bu, etkinlik sisteminin ön incelemesini geri alan mevcut durumlarla uyumludur. JQuery 4, eski kullanıcılarla uyumluluk konusunda standart bir donanıma sahip değildir ve jQuery'nin yerel API'lerle birleştirilmesiyle olay akışını, yayılımını ve uygulama düzenini kolaylaştıracak şekilde W3C tarafından tanımlanan anlamla yeniden çalışır. modernler.

Güvenlik, Güvenilir Türler ve etkinlik bağlamı

jQuery 4'ün büyük ilerlemelerinden biri, özellikle İçerik Güvenliği Politikası (CSP) ve Güvenilir Türler ile ilgili olarak güvenlik alanında bulunmaktadır.. Bu olaylarla doğrudan bağlantılı olmadığı sürece, kütüphanenin DOM ve dinamik kodla etkileşime girme biçimi, veri yüzeyini etkiler.

Güvenilir Türler, siteler arası komut dosyası çalıştırmayı (XSS) zorlaştırmak için geliştirilmiş bir teknolojidir Anlamlı bağlamlar sağlamak (örneğin, iç HTML'yi atamak) ve güvenlik açısından özel nesneler tanımlamak zorunludur. jQuery 4, CSP'nin kısıtladığı politikaları uygulayan uygulamaların entegre edilmesini kolaylaştıracak şekilde bu mekanizmayı destekler.

Güvenilir Türler ve CSP ile yapılan işlemlerde jQuery, basit bir olay yönetiminin, güvenlik içeriğinin kullanıma sunulmasıyla ilgili durumları azaltır.. Bu, gerekli doğrulama ve sağlıklı verileri ortadan kaldırmaz, ancak kütüphanenin güvenli ve güvenli bir şekilde daha güvenilir bir şekilde biçimlendirilmesi önceliklidir.

Ön uç geliştiricinin bakış açısı, jQuery'deki klasik kullanıcıların çoğunun kalıcı uygulamalarda geçerli olduğunu gösteriyor., sürüm 4'ü çalıştırır ve kullanımdan kaldırılan API'lere bağlı olan parçaları uyarlar. Bu olaylar sırasında, bu, .on() işlevini kullanarak, delegasyonu kullanarak ve modern gezgin korumalarıyla birlikte programları dağıtarak yapılabilir.

jQuery 4 olay yönetiminde yerel olarak JavaScript'i geliştiriyor

Modern gezinme API'leri (querySelector, addEventListener, fetch, classList) ile jQuery'nin daha önceden hazır olması çok daha kolaydır. Teknik olarak, kütüphane etkinlik sisteminin tek başına yerel JavaScript kullanılarak kopyalanması mümkündür ve yeni projeler daha uygun bir seçenek olabilir.

Ambargo nedeniyle, jQuery koduyla ilgili birçok uygulama mevcuttur, tarih farklıdır. .on()'a, yetkilendirmelere, eklentilere ve özel kullanımlara bağlı tüm etkinlik sistemlerini taşıyabilir ve çalıştırabilirsiniz. jQuery 4, etkileşim modelini yeniden yazarak tabanı modernleştirme olanağı sunar.

Yeşil alan projelerinde veya modern çerçevelerde, gereksiz etkinlikleri yönetmek için yalnızca jQuery'yi kullanın. AddEventListener'ın, etkinlik delegasyonu kılavuzu gibi kullanıcılarla birleştirilmesi ve tüm kasalarda kullanılan üçüncü taraf ağlarının kullanımı, daha basit bir büyü menüsü ve daha açık kontrol ile.

Pragmatik karar, jQuery'nin tamamen entegre olması açısından önemlidir —örneğin, WordPress veya devasa kurumsal uygulamalar gibi CMS'de— ve herhangi bir bağımlılığa gerek duymadan yeni yerel kodlar veya çerçeveler yazın. Bu senaryo karışımında, jQuery 4, web ekosisteminin sunumunda ve geçişinde etkili olur.

Temel kod yönetimini öğrenmek için jQuery 4 olay sisteminin temellerini öğrenin ve bunun bir tersine çevirme yöntemi olduğunu öğrenin.: Mevcut yazınıza maksimum bölümün eklenmesine izin verin, çok sayıda veri aktarımı ve güvenlik uygulayın ve her seferinde çözümler geliştirmek için yerel API'lere olası bir geçiş sürecini planlayın.

Son örnek olarak jQuery 4, uyumluluğu, açıklığı ve mevcut durumlarla uyumluluğu birleştiren bir etkinlik sistemini birleştiriyor. Eğer .on()'u onaylarsanız, delegasyon, dağıtım hassaslığını ve en iyi güvenlik önlemlerini alırsa, jQuery'deki temel arayüzleri gerçek ön uç bağlamında tam olarak güçlendirebilir ve yönetebilirsiniz.