Javascript jquery kodu dönüştürmek için kolay bir yolu var mı? [kapalı]

JQuery kodunu normal javascript'e dönüştürmenin kolay bir yolu var mı? Erişim veya jQuery kaynak kodunu anlamak zorunda kalmadan sanırım.

En kolay yol, basit DOM api ile DOM geçişi ve manipülasyonunun nasıl yapılacağını öğrenmektir (muhtemelen buna normal bir ad vereceksiniz).

Ancak bu bazı şeyler için acı olabilir. (bu yüzden ilk etapta kütüphaneler icat edildi).

"Javascript DOM traversing / manipulation" için googling size birçok yararlı (ve daha az yardımcı) kaynak sunmalıdır.

Bu web sitesindeki makaleler oldukça iyi: http://www.htmlgoodies.com/primers/jsp/

Ve Nosredna'nın yorumlarda belirttiği gibi: tüm tarayıcılarda test ettiğinizden emin olun, çünkü jQuery sizin için tutarsızlıkları ele almayacaktır.

Bu sizi% 90 oranında oraya götürecektir; )

window.$ = document.querySelectorAll.bind(document)

Ajax için, Getirme API'sı artık her büyük tarayıcının mevcut sürümünde desteklenmektedir . İçin $.ready(), DOMContentLoadedsahip yakın evrensel desteği . Gerekmeyebilir jQuery diğer yaygın jQuery işlevleri için eşdeğer yerel yöntemler sağlar.

Zepto benzer işlevsellik sunar, ancak 10K sıkıştırılmış ağırlığındadır. Bazı mikro çerçevelerin yanı sıra jQuery ve Zepto için özel Ajax yapıları vardır , ancak jQuery / Zepto sağlam desteğe sahiptir ve 10KB, 56K modemde sadece ~ 1 saniyedir.

Jquery'den javascript dönüşümüne ilişkin oldukça etkileyici bir öğreticiyi Jeffrey Way'den 19 Ocak 2012'de buldum *Copyright © 2014 Envato* :

http://net.tutsplus.com/tutorials/javascript-ajax/from-jquery-to-javascript-a-reference/

İster beğenelim ister beğenmesiz, gittikçe daha fazla geliştirici jQuery aracılığıyla JavaScript dünyasına tanıtılıyor. Birçok yönden, bu yeni gelenler şanslı olanlar. DOM geçiş sürecini (birçok kişinin jQuery'ye bağlı olduğu bir şey) önemli ölçüde daha kolay hale getiren çok sayıda yeni JavaScript API'sine erişebilirler. Ne yazık ki, bu API'leri bilmiyorlar!

Bu makalede, çeşitli ortak jQuery görevlerini alacağız ve bunları hem modern hem de eski JavaScript'e dönüştüreceğiz.

OP'ye bir yorumda önerdim ve önerisinden sonra herkesin başvurması gereken bir cevabı var.

Ayrıca, Jeffrey Way ilham cadıdan bahsetmek için iyi bir primer gibi görünüyor: http://sharedfil.es/js-48hIfQE4XK.html

Bir teaser, jQuery javascript bu belge karşılaştırma:

$(document).ready(function() {
  // code…
});

document.addEventListener("DOMContentLoaded", function() {
  // code…
});

$("a").click(function() {
  // code…
})

[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

Bir göz atmalısın.

Bu eski bir iş parçacığı olduğunu biliyorum ama jquery eşdeğer javascript gösteren mükemmel bir kaynak var, hatta ES6 örnekleri içerir. Bu konuyu kapsayan diğer makalelerden bulduğum en kapsamlı makaledir.

jQuery - Vanilla JS

JQuery kodunu normal javascript'e dönüştürmenin kolay bir yolu var mı?

Hayır, özellikle:

jQuery'de yazılmış javascript çözümlerinin örneklerini anlamak zordur.

JQuery ve tüm çerçeveler, kodun daha kolay anlaşılmasını sağlar. Bunu anlamak zorsa, vanilya javascript işkence olacak :)

JQuery kodunu otomatik olarak standart JavaScript'e derlemek için orijinal gönderiyle ilgisiz bir neden görüyorum:

16k - veya gzip edilmiş, küçültülmüş jQuery kütüphanesi ne olursa olsun - web siteniz için bir mobil tarayıcı için tasarlanmış çok fazla olabilir. W3c, mobil web siteleri için tüm HTTP isteklerinin en fazla 20k olmasını öneriyor.

cep telefonu için w3c özellikleri

Bu yüzden güzel, kısa, zincirli jQuery kodlama zevk. Ancak şimdi mobil cihazlar için optimizasyon yapmam gerekiyor. Gerçekten geri dönmeli ve jQuery kütüphanesinde kullandığım tüm yardımcı işlevleri yeniden yazmanın zor ve sıkıcı işini yapmalı mıyım? Yoksa yeniden derlememe yardımcı olacak uygun bir uygulama var mı?

Çok tatlı olurdu. Ne yazık ki böyle bir şey olduğunu sanmıyorum.

Javascript öğrenmek istiyorsanız, bu Douglas Crockford videolarını izleyin. Onlar çok iyiler.

1. Javascript programlama dili: Tarih, Dil, Gelişmiş Özellikler, Platformlar, Standartlar, Stil [ slaytları indir ]
   • YUI blog girişine bakın
2. DOM Teorisi [ slaytları indir ]
   • YUI blog girişine bakın
3. Gelişmiş Javascript: Kalıtım, modüller, hata ayıklama, verimlilik, JSON [ slaytları indir ]
   • YUI blog girişine bakın

Jeremy Keith'in " DOM Scripting " kitabı Javascript ve DOM ile çalışmak için harika bir giriş. JQuery kullanmak isteyip istemediğinizi kesinlikle tavsiye ederim. Altında neler olduğunu bilmek güzel.

Birkaç iyi kitap var. JavaScript ppp'yi seviyorum. İşte DOM'da C bölüm 8 .