मैं उन लोगों को मनाने की कोशिश कर रहा हूं जिन्होंने मेरे वर्तमान संगठन में मानकों को निर्धारित किया है कि हमें प्रोटोटाइप और/या वाईयूआई के बजाय jQuery का उपयोग करना चाहिए। कुछ विश्वासनीय फायदे क्या हैं जिन्हें मैं समझाने के लिए उपयोग कर सकता हूं?अन्य जावास्क्रिप्ट पुस्तकालयों पर jQuery के क्या फायदे हैं?
jQuery का एक लाभ बड़ा समुदाय है जिसने कई प्लगइन विकसित किए हैं।
jQuery के 3 मुख्य लाभ हैं:
मैं प्रोटोटाइप व्यक्ति हूं, लेकिन मैंने jQuery का थोड़ा सा उपयोग किया है। ईमानदारी से मैं उन दोनों के बीच बहुत कुछ नहीं करता जिसे आप 'बिक्री बिंदु' के रूप में उपयोग कर सकते हैं। दूसरी तरफ यूयूआई बहुत फूला हुआ है। मैं कभी भी किसी भी व्यावसायिक ग्रेड आवेदन पर इसका उपयोग नहीं करूंगा।
मुझे this page मिला जो इस सटीक विषय के बारे में बात करता है।
क्रिस हेइलमैन, जो अब याहू के लिए काम करता है, के पास यूयूआई के बारे में समान विचार थे जब उन्होंने पहली बार याहू में शुरू किया था! http://www.wait-till-i.com/2007/06/16/yui-the-elephant-in-the-room- hackday-presentation-by-nate-koechley-and-chris-heilmann/ - चर्चाएं उस। यूयूआई 3 एपीआई में भी महत्वपूर्ण बदलाव करता है। –
वाणिज्यिक ग्रेड एप्लिकेशन पर कभी भी यूयूआई का उपयोग न करें? खैर @ लिंक्डइन उन्होंने अलग-अलग निर्णय लिया, वे यूयूआई का उपयोग करते हैं ... (http://developer.yahoo.com/yui/poweredby/) – Kdeveloper
मेरी राय में, संक्षेप में प्रोटोटाइप की कोशिश की, और बाद में jQuery की कोशिश कर रहा है और प्यार कर रहा है: jQuery एपीआई बस बहुत साफ और अच्छी तरह से सोचा लगता है। JQuery रेजिग, jQuery के निर्माता/वास्तुकार वास्तव में अपनी सामग्री जानता है, और यह jQuery के डिजाइन में दिखाता है, साथ ही साथ कई अन्य प्रभावशाली जावास्क्रिप्ट परियोजनाओं का भी एक हिस्सा रहा है।
क्वेरी करने की पूरी अवधारणाओं और डोम हेरफेर, जो लोगों के लिए जे एस पुस्तकालयों का उपयोग का खामियाजा हो रहा है के साथ बहुत अच्छी तरह से फिट chainability। ऑनलाइन दस्तावेज शानदार है। प्रदर्शन भी बहुत अच्छा लगता है। पूरी लाइब्रेरी इसकी क्षमताओं को देखते हुए अपेक्षाकृत छोटे पैकेज में फिट बैठती है। प्लगइन आर्किटेक्चर भी विस्तारशीलता के लिए बहुत अच्छा है।
मैंने ईमानदारी से वाईयूआई की कोशिश नहीं की है, इसलिए मैं उस पर अधिक टिप्पणी नहीं कर सकता। मुझे पता है कि यह कुल मिलाकर एक विशाल पुस्तकालय है, हालांकि आप इसके केवल विशिष्ट मॉड्यूल डाउनलोड/उपयोग करना चुन सकते हैं।
शायद आपको नहीं करना चाहिए? यह सब इस बात पर निर्भर करता है कि आप किस प्रकार के आवेदन बना रहे हैं। यदि आप जीयूआई गहन अनुप्रयोगों का निर्माण कर रहे हैं, तो कुछ कहें, याहू! मेल, तो शायद आपको jquery पर YUI या Mootools का उपयोग करने पर विचार करना चाहिए। व्यक्तिगत रूप से मैं एक बड़ा jQuery प्रशंसक हूं, लेकिन यह निश्चित रूप से अन्यथा अधिकतर स्थिर यूआई पर बातचीत का स्पर्श जोड़ने के लिए सबसे अच्छा है। दूसरी तरफ, यदि आप इसका उपयोग करेंगे, तो jquery बहुत आसान है, इसमें अच्छा वाक्यविन्यास है, और इसमें बहुत गति है।
यह बहुत छोटा है, खासकर जब मिनीफाइन किया जाता है, और कोर लाइब्रेरी में बहुत कुछ प्रदान करता है।
यह भी विस्तार करने के लिए आसान है, और एक सक्रिय समुदाय है।
मैं कहूंगा कि JQuery प्रयोग करने के लिए अपने शीर्ष कारण हैं:
देखें http://weblogs.asp.net/scottgu/archive/2008/09/28 /jquery-and-microsoft.aspx – craigmoliver
न केवल माइक्रोसॉफ्ट के रडार - Google के रडार भी। – hippietrail
आप त्वरित तुलना क्यों नहीं करते?
एक काम ले लो की तरह "सभी divs या तालिकाओं जो वर्ग foo की छवियों होते हैं और जो उन्हें 50% का विस्तार करता है उनमें से प्रत्येक के लिए एक क्लिक करें घटना देते हैं।" या आप जो कर रहे हैं उसके लिए कुछ और प्रासंगिक है।
तो कोड jQuery, प्रोटोटाइप, आदि, और तुलना के साथ कि। कौन सा छोटा है? पढ़ने के लिए आसान है? दौड़ने के लिए तेज़? (आप एक गति तुलना here पा सकते हैं।) पक्ष में
मैं एक कम मनमाना परीक्षण मामले के साथ जाना होगा। इसके बारे में: एक बाहरी स्क्रिप्ट पर AJAX कॉल करें और स्क्रीन के बीच में एक स्टाइल संदेश बॉक्स में प्रतिक्रिया दें। – nickf
एक तर्क यह है:
लोकप्रियता + तानाना
1) किसी को भी जावास्क्रिप्ट के साथ एक्स करने की जरूरत है, तो यह शायद jQuery
के साथ किया गया है 2) यदि यह बहुत कुछ किया गया है, वहाँ शायद एक प्लगइन है, नहीं तो देशी समर्थन
और यदि यह वास्तव में अद्वितीय है, वहाँ बहुत से लोगों को एसओ या कहीं पर आपके सवाल का जवाब देना है।
यह प्लग-इन का एक अच्छा सेट है और कोडिंग शैली विनीत जिसका मतलब है कि यह बहुत बदलने के लिए मुश्किल नहीं है है। रेलवे सहायकों पर रूबी के प्रतिस्थापन में प्रतिस्थापन में एक अच्छी गिरावट भी है जिसे जेआरएल कहा जाता है।
प्रदर्शन के अनुसार वे सभी बहुत करीब हैं: http://www.kenzomedia.com/speedtest/ हालांकि, म्यूटूल, डोजो, एक्सटी, और प्रोटोटाइप सभी मेरे पर्यावरण में तेजी से चलते हैं।
मेरे सवाल है क्यों आप इसका इस्तेमाल करना चाहते हैं? क्या यह सिर्फ इसलिए है क्योंकि आप इसे बेहतर जानते हैं?
अच्छा सवाल! मैं इसका उपयोग करना चाहता हूं क्योंकि मुझे लगता है कि इसमें बेहतर वाक्यविन्यास है, अधिक सुविधाएं उपलब्ध हैं (जब आप प्लग-इन शामिल करते हैं), उत्कृष्ट दस्तावेज, और बहुत मजबूत समुदाय समर्थन। लेकिन हमारे पास पहले से ही एक कंपनी मानक है, इसलिए मैंने सोचा कि मैं अपने तर्क को मजबूत करने के लिए अतिरिक्त विचारों की तलाश करूंगा। –
Jquery कुछ सालों से आसपास रहा है, इसलिए हर किसी ने कहा है, इसमें एक गहरा समुदाय है, बहुत सारे प्लग-इन और सभ्य समर्थन है। मेरे लिए यह क्या सेट किया गया था कि यह सीखना आसान है।
यह भाषा सबसे सुविचारित आप मिल जाएगा है - यह लगभग सहज है।
एक तत्व की चौड़ाई चाहते हैं?
$('#something').width();
एक तत्व को आकर्षित करना चाहते हैं, इसे छिपाने, इसकी पृष्ठभूमि का रंग बदलने और उसे वापस नहीं हो पाती?
$('#something').hide().css('background', 'red').fadeIn();
कैसे IE के लिए तालिका स्ट्रिपिंग के बारे में (hover वर्ग संभालने परिभाषित किया गया है)?
$('table tr').hover(function() {
$(this).addClass('hover');
});
यह जल्दी हो जाता है, इस तरह नासमझ काम है कि वास्तव में बेचने jQuery मदद करता है।
ऊपर दिए गए एक से अधिक हालिया गति परीक्षण यहां दिया गया है। पिछली बार जब मैंने भाग लिया तो डोजो सबसे तेज था जिसके बाद jQuery, मूटूल, प्रोटोटाइप और अंत में यूयूआई था। नोट मैंने इसे फ़ायरफ़ॉक्स 3 में चलाया और गति ब्राउज़र के बीच भिन्न होती है, इसलिए इसे स्वयं जांचें।
यह हालिया गति परीक्षण नहीं है, न ही यह व्यापक है। स्लिम स्पीड सीएसएस चयनकर्ता इंजन की तुलना करता है, समग्र प्रदर्शन नहीं। यूयूआई 2.5.2 2008 में जारी किया गया था। यूयूआई 2.x का वर्तमान उत्पादन संस्करण 2.8.2 है, जो काम में 2.9 है। 2.x कोड लाइन पर यह अंतिम बिंदु रिलीज होगा। यूयूआई 3 200 9 से उपलब्ध है। वर्तमान संस्करण संस्करण 3.2 है, और 3.3.0 जनवरी 2011 में जहाज जाएगा। – Luke
आप एक व्यापार के नजरिए से लोगों को समझाने की कोशिश कर रहे हैं, माइक्रोसॉफ्ट की हाल दृश्य स्टूडियो के साथ jQuery जहाज के लिए निर्णय कुछ अतिरिक्त विश्वसनीयता की स्थापना में मदद कर सकता है। फिर फिर, यह माइक्रोसॉफ्ट की राय के आधार पर आपके कारण को चोट पहुंचा सकता है।
मैं कुछ महीनों के लिए jQuery का उपयोग कर रहा हूं और इसे एक सुखद अनुभव मिला है। ढांचा स्पष्ट और संक्षेप में है, इसमें एक महान प्लगइन आर्किटेक्चर है और यह बहुत अच्छी तरह से समर्थित है लेकिन फ्रेमवर्क एक बहुत ही निजी चीज हैं, लेकिन शायद आपको कुछ कोशिश करनी चाहिए जो सामान्य रूप से आपके लिए सबसे अच्छा महसूस करने वाले व्यक्ति को ढूंढने में अधिक समय नहीं लेती।
यह सुनिश्चित नहीं है कि इससे आपके लिए कोई फर्क नहीं पड़ता है लेकिन माइक्रोसॉफ्ट ने हाल ही में वीएस 2008 Here is the blog post के लिए अगले अपडेट में jQuery के लिए समर्थन की घोषणा की है।
आप jQuery रीज़िग, jQuery के पीछे लड़का सुन सकते हैं, इसके बारे में हाल ही में Boagworld podcast पर कई अन्य ढांचे के बारे में बात कर सकते हैं। यह आपको अपने दिमाग को एक सुंदर संतुलित टुकड़ा बनाने में मदद कर सकता है।
आप jQuery के बारे में और जानने के लिए this link का पालन कर सकते हैं, इसका उपयोग क्यों करें और इसके क्या फायदे हैं।
अनुभवजन्य प्रत्येक की अपनी ताकत और कमजोरियों को आपके अनुप्रयोगों में एक बहुत ही विशिष्ट भूमिका दी गई है। वैश्विक दृढ़ संकल्प करना सबसे उपयुक्त दृष्टिकोण नहीं हो सकता है। हाथ में विशिष्ट कार्य तैयार करें और प्रदर्शन, ब्लोट, अनुभव आदि का विश्लेषण करें, फिर एक विशिष्ट निर्णय/प्रस्ताव करें।
खैर ...
सबसे पहले आप आप सोचते हैं कि jQuery अच्छा है सोचना चाहिए, लेकिन आप क्या तर्क एक और समझाने के लिए उपयोग करने के लिए पता नहीं है। शायद आपको पहले खुद को मनाने चाहिए। ;)
वैसे भी, jQuery सिर्फ एक और ढांचा है। आपको इसका सबसे अच्छा उपयोग करने के लिए उपयोग करना चाहिए। यदि आप इसे मूल डोम हैंडलिंग के लिए उपयोग करने जा रहे हैं, तो इसे भूल जाओ! जानें कि जेएस का सही तरीके से उपयोग कैसे करें और आप ठीक होंगे!
<body>
<div style="width: 400px; height: 400px; background-color: red">
<div style="width: 400px; height: 400px; background-color: red">
</div>
<script type="text/javascript">
function test1(){
document.body.innerHTML = ""
var div = document.createElement("div");
document.body.appendChild(div);
$(div).width("400px").height("400px").css("background-color", "red");
}
function test2(){
document.body.innerHTML = ""
var div = document.createElement("div");
document.body.appendChild(div);
$(div).width("400px");
$(div).height("400px");
$(div).css("background-color", "red");
}
function test3(){
document.body.innerHTML = ""
var div = document.createElement("div");
document.body.appendChild(div);
div.style.width = "400px";
div.style.height= "400px";
div.style.backgroundColor = "red";
}
function test4(){
document.body.innerHTML = ""
var div = document.createElement("div");
document.body.appendChild(div);
div.setAttribute("style", "width: 400px; height: 400px; background-color: red");
}
</script>
</body>
<head>
फिर, खुला फ़ायरबग में उपलब्ध jQuery के साथ एक HML फ़ाइल में रखो और इस कोड को चलाने:
इस HTML पर विचार करें console.profile(); test1(); console.profileEnd();
console.profile();
test2();
console.profileEnd();
console.profile();
test3();
console.profileEnd();
console.profile();
test4();
console.profileEnd();
अपने स्वयं के परिणाम देखें!
लेकिन यदि आप डोम पर कुछ जटिल हेरफेर करना चाहते हैं, तो आपको कई लूप बनाने या डीओएम पर तत्वों के साथ कुछ मानदंडों के साथ पता लगाने की आवश्यकता होगी, तो आप jQuery का उपयोग करने पर विचार कर सकते हैं क्योंकि यह आपके लिए इस प्रक्रिया को लागू करेगा।
वैसे भी, ध्यान रखें कि आपके कोड में आपके द्वारा रखे संदर्भों के साथ डीओएम को नियंत्रित करने से बेहतर कुछ भी नहीं है। यह दूसरों के लिए तेज़ और अधिक पठनीय है। Google "जेएस सर्वोत्तम प्रथाओं"।
मैं जटिल चीजों के लिए jQuery का उपयोग करता हूं जो मुझे लागू करने में बहुत लंबा लगेगा और jQuery के कोड जैसे कुछ के साथ समाप्त होगा। उस स्थिति में, इसका उपयोग करने के लिए यह समझ में आता है!
मज़े करो!
हर कोई और उनकी मां इसका उपयोग करता है। : पी –
JQuery सिर्फ एक डोम मैनिपुलेटर है, वाईयूआई एक डीओएम मैनिपुलेटर के साथ एक घटक ढांचा है। – Kdeveloper