मैं एक हल्के जावास्क्रिप्ट ढांचे की तलाश में हूं जिसका प्राथमिक उद्देश्य ब्राउज़र अंतर को दूर करना है। मैं मुख्य रूप से नए यूआई तत्व बनाने के लिए इसका उपयोग कर रहा हूं, और मुझे किसी ऐसे प्लेटफॉर्म से स्वतंत्रता और डीओएम देने की आवश्यकता नहीं है।सबसे अच्छा हल्के जावास्क्रिप्ट ढांचे क्या है?
3 जे एस पुस्तकालयों है कि मैं वर्तमान में उपयोग कर रहे हैं: Prototype, jQuery और MooTools। प्रोटोटाइप और jQuery सबसे व्यापक रूप से उपयोग किया जाता है। jQuery और MooTools सबसे हल्के हैं।
MooTools की साइट पर एक अच्छी सुविधा है जो आपको केवल एक मॉड्यूल के साथ एक कस्टम संपीड़ित .js फ़ाइल बनाने की अनुमति देता है, जो आप कर रहे हैं, इस पर निर्भर करता है कि आप क्या कर रहे हैं। jQuery के पास बहुत अधिक प्रशंसक आधार है, और इसके कारण बेहतर समर्थन है।
3 में से, मैं jQuery की अनुशंसा करता हूं, लेकिन शायद उपलब्ध सभी विकल्पों पर नज़र डालने का बुरा विचार नहीं है।
मैं Yahoo! User Interface (YUI) लाइब्रेरी का एक बड़ा प्रशंसक हूं। इसमें डोम मैनिपुलेशन सामान का एक अच्छा सेट है, और एक सुंदर ठोस विजेट ढांचा है। इसके अलावा, आप जो भी उपयोग करना चाहते हैं उसे मिलाकर मिलान कर सकते हैं।
व्यक्तिगत रूप से, जब मैं क्लाइंट-साइड काम कर रहा था, तो मुझे JQuery के साथ प्यार हो गया, जिसमें 15k संस्करण है। थोड़ी सी सीखने की वक्र है, लेकिन यह बहुत ही धीमी है।
DOMAssistant आज़माएं। यह केवल 7 केबी gzipped है, वास्तव में तेज़ है और यूनिकोड समर्थन है।
मैं jQuery का उपयोग करें - यह सरल और छोटा है, और सभी का सबसे अच्छा: बहुत आसान :)
आप इसे और अधिक हल्के बनाने के लिए किसी भी जावा स्क्रिप्ट कोड पैक कर सकते हैं, तो सवाल नीचे आ सकता है जो आप पसंद करते हैं करते हैं ? मैं Prototype के लिए जाता हूं - प्रोटोकैक्ड नामक एक संस्करण उपलब्ध है जो मुझे लगता है कि लगभग 20 केबी में आता है।
मैं JQuery पसंद करते हैं। इसमें भी अच्छा दस्तावेज है। JQuery
मैं MooTools :-)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
मैं वास्तव में अपने कोड की पठनीयता की तरह सलाह देते हैं।
MooTools बहुत गर्म है। इन दिनों यह थोड़ा बड़ा हो रहा है (आधार 60 केबी है) ताकि आपकी पहुंच से बाहर हो।
लेकिन यदि आप वास्तव में मूल डोम के बाद ही हैं, तो jQuery शायद आदर्श होगा।
पोस्ट करने से पहले खोजें, यह इतना बड़ा असम्पीडित है, लेकिन यदि यह gzipped और संपीड़ित है, तो यह 17k के करीब है, जो कि jQuery से थोड़ा बड़ा है। हालांकि, म्यूटूल भी मॉड्यूलर है, इसलिए आपको केवल वही लेना होगा जो आपको चाहिए, जो आकार को और भी कम कर सकता है। – VirtuosiMedia
भी सवाल What JavaScript library would you choose for a new project and why?
देखना यह है कि jQuery सबसे हाल ही में बढ़ रहा है लगता है। (this presentation देखें, 4 स्लाइड)
मैं भी शक्तिशाली चयनकर्ता समारोह "$" की वजह से jQuery पसंद है और एक वैकल्पिक प्रलेखन के लिए एक लिंक प्रदान करना चाहते हैं: Visual jQuery
मैं बहुत बड़े पैमाने पर Prototype का उपयोग करें। डिफ़ॉल्ट पैकेज 28 केबी है, जबकि jQuery 90ish * है।
* असम्पीडित
मैंने वर्षों से अपना खुद का लुत्फ उठाया है, लेकिन जब दूसरों के साथ खेलना डोजो + jquery से बहुत दूर रहता है। मेरे पास mootools (सर्वोत्तम जेएस एनी मैंने देखा है) के संयोजन के बारे में कुछ भी नहीं कहना है + गुई या यूई किट
मैं प्रकाश, एक्स्टेंसिबल, शक्तिशाली विकल्प के रूप में JQuery से सहमत हूं। मेरी कंपनी वर्तमान में Extjs का उपयोग कर रही है, जो हम कर रहे हैं के लिए भारी और रास्ता अधिक जटिल है। एक्स्टज बहुत बढ़िया है यदि आपको किसी भी डिजाइनर के साथ त्वरित साइट बनाने की ज़रूरत नहीं है (यह आपको आवश्यक कुछ भी बनाने के लिए सभी ग्राफिक्स और शैलियों के साथ आता है) लेकिन यह लगभग 6 एमबी है और सरल कार्यों को और अधिक बोझिल बना देता है :)
यदि मैं यह सब खत्म हो सकता है, जो हो सकता है, मैं JQuery का उपयोग करेंगे।
midori एक हल्के जावास्क्रिप्ट रूपरेखा है (केवल 45K असंपीड़ित) हो जाएगा लोकप्रिय है। यह डीओएम तत्वों तक पहुंचने के लिए अधिकांश सीएसएस 2 और CSS3 चयनकर्ताओं का समर्थन करता है, और आपको पूरी तरह से एक नई एपीआई सीखने की आवश्यकता नहीं है। मानक डोम, इवेंट और अजाक्स कार्यक्षमता के शीर्ष पर, यह मूल दृश्य प्रभाव, ड्रैग और ड्रॉप, पॉप-अप मेनू और अन्य चीजों के साथ ऑटो पूर्ण करने का भी समर्थन करता है।
jQuery बहुत अच्छा है।
क्या बहुत अच्छा होगा यदि हम यहां ढांचे की सूची में अपना ढांचा जोड़ सकें और दूसरों को सर्वोत्तम या उपयोग करने की अनुमति दें - यानी एक गतिशील सर्वेक्षण/सर्वेक्षण।
मैं Akselsson से सहमत हूं: DOMAssistant ठीक से लगता है कि आपने पूछा कि हल्के वजन वाले डोम इंटरैक्शन फ्रेमवर्क को ब्राउज़र अंतरों को दूर करने के लिए। Test it for yourself...
यहां jQuery के लिए एक और वोट। तेज़, हल्का, और जितना अधिक आप इसे सीखते हैं, तेज़ और अधिक संक्षिप्त आपका कोड होगा।
यहां एक तुलना चार्ट है जिसे मैं वहां विभिन्न पुस्तकालयों में से कुछ का मूल्यांकन करने में मदद करता था।
यह किसी भी तरह सूचियों द्वारा हर पुस्तकालय की हर सुविधा है, लेकिन आप क्या चौखटे आप में देखने के लिए अगर यह अपनी आवश्यकताओं को पूरा आगे खुदाई चाहिए करने के लिए अपने विकल्पों को सीमित करने के लिए एक अच्छा सिंहावलोकन देता है।
jQuery बहुत चिकना और सीखना बहुत आसान है। मैंने कुछ बुनियादी डोम हेरफेर के लिए अतीत में म्यू का उपयोग किया है। इसे कम पदचिह्न लेकिन कम कार्यक्षमता मिल गई है। आपके लिए सबसे अच्छी पसंद निश्चित रूप से आपकी आवश्यकताओं पर निर्भर करती है।
mooTools मेरा पसंदीदा भी है। उनका इंटरफ़ेस आपको जितना चाहें उतना या कम ले सकता है, इसलिए यदि आप लाइन के नीचे अपने टूल बैग में और अधिक युक्तियां जोड़ना चाहते हैं, तो ऐसा करना बहुत आसान है।
आधार YUI कोड - yahoo-dom-event.js - 31 केबी है और बहुत अच्छी तरह से काम करता है। आपको event handling & DOM manipulation के सभी प्रकार मिलते हैं, और यदि आपको इसकी आवश्यकता होती है तो अधिक जटिल और भारी सामानों को जोड़ना बहुत आसान होता है।
बस एक सुझाव है, लेकिन मैं एक ऐसे ढांचे की तलाश करूंगा जिसमें आपकी इच्छाएं हों और आकार के बारे में चिंता न करें। प्रोटोटाइपजेएस या JQuery जैसे अधिकांश आधुनिक ढांचे इतने बड़े नहीं हैं और कम से कम संस्करण (रिक्त स्थान हटाए गए हैं) आदि हैं। इसके अतिरिक्त, आपको अपनी पुस्तकालयों के कैशिंग के लिए कॉन्फ़िगर किया जाना चाहिए। लाइब्रेरी को डाउनलोड करने के लिए उपयोगकर्ता को केवल एक ही समय पर जाना होगा, या उनके ब्राउज़र कैश को साफ़ करने के बाद कोई भी विज़िट।
लाइब्रेरी फ़ाइल का नामकरण करते समय, एक अद्वितीय फ़ाइल नाम का उपयोग करना सुनिश्चित करें। उदाहरण के लिए, लाइब्रेरी के संस्करण के आधार पर अपनी लाइब्रेरी का नाम दें। जब आपको लाइब्रेरी के किसी नए संस्करण में अपग्रेड करना होगा, तो प्रासंगिक पृष्ठों से केवल नए फ़ाइल नाम (संस्करण) का संदर्भ लें। यह आपको इन फ़ाइलों को अल्पकालिक समाप्ति तिथि के बिना कैश करने की अनुमति देगा।
कई अन्य कैशिंग तकनीकों हैं जिनका उपयोग आप लाइब्रेरी फ़ाइल आकार प्राप्त करने और प्रदर्शन में सुधार करने के लिए कर सकते हैं। मैं "हाई परफॉर्मेंस वेब साइट्स", आईएसबीएन: 05 9 652930 9 की सिफारिश करता हूं। पुस्तक में सभी जानकारी ऑनलाइन मिल सकती है, लेकिन किताब आपको एक ही स्थान पर आवश्यक जानकारी एकत्र करने का अच्छा काम करती है, और विभिन्न अवधारणाओं को एक साथ जोड़ती है (मेरे पास है इस पुस्तक में वित्तीय रुचि नहीं है)।
मुझे jQuery पसंद है क्योंकि यह हल्का लेकिन बेहद शक्तिशाली है।
भी शुरू करने के लिए उत्कृष्ट documentation और tutorials भी है।
तुम जो भी चुनते हैं, तो Google आपके लिए होस्ट दे पर विचार करें:
यह सवाल वास्तव में this question का डुप्लिकेट है (मुझे लगता है कि)। उस प्रश्न पर मेरा उत्तर निम्नानुसार था (और यहां भी लागू होता है):
आपको यहां एक मिलियन उत्तर मिलेंगे। छोटा यह है: कई हैं, एक भी नहीं। वे सभी तरीकों से अलग हैं और दूसरों में समान हैं, और, सामान्यतः, उनमें से कोई भी खराब विकल्प नहीं है। मुख्य चौखटे है कि मैं सिफारिश करेंगे (किसी भी पूर्वाग्रह को दिखाने के लिए नहीं इतनी के रूप में वर्णमाला क्रम में) कर रहे हैं:
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
इनमें से प्रत्येक विभिन्न शैलियों, विभिन्न समुदायों, और विभिन्न केंद्रित किया है। आपको कौन सा चुनना चाहिए, वह ज्यादातर इन ढांचे की शैली को अपने आप से मेल खाने का मामला है। प्रत्येक के ट्यूटोरियल और डेमो के साथ कुछ समय बिताएं और वह व्यक्ति चुनें जो आपके लिए सबसे ज्यादा समझ में आता है।
एक अस्वीकरण के रूप में, मैं बताउंगा कि मैं म्यूटूल के लिए एक डेवलपर हूं, और इसका उपयोग कैसे किया जाए इस पर एक पुस्तक लिखी। मैं यह नहीं कहूंगा कि म्यूटूल इन अन्य ढांचे में से किसी भी से बेहतर है; केवल अलग
मैंने prototype और scriptaculous पहले कोशिश की लेकिन फिर jquery पर स्विच किया गया और कोई पीछे नहीं देखा गया है। यदि आप अच्छा यूजर इंटरफेस चाहते हैं तो वाईयूआई अच्छा है, लेकिन मेरी राय में jQuery सरल है।
वाईयूआई मेरे स्वाद के लिए बहुत बड़ा और जटिल है। मैं प्रोटोटाइप फैनबोई होता था, लेकिन यह मेरी चमक खो गया है क्योंकि मैं नई परियोजनाओं में jQuery का उपयोग करने आया हूं। मुझे jQuery के बारे में क्या पसंद है वह लगातार मानसिक मॉडल है: कुछ ढूंढें, उस पर कार्य करें।
मैं jQuery पर्याप्त है कि मैं डॉक्स ऑफ़लाइन पहुँच के लिए एक डैशबोर्ड विजेट बनाया इसे पसंद किया: jQuery Reference Widget
jQuery, अगर आप छोटे संवर्द्धन कर रहे हैं आपका सबसे अच्छा विकल्प है, क्योंकि यह सबसे व्यापक रूप से इस्तेमाल किया ढांचा है, और आप करेंगे अन्य उपयोगकर्ताओं से बहुत सारी प्रतिक्रिया प्राप्त करें। हालांकि, मैं खुद एक jQuery उपयोगकर्ता नहीं हूं क्योंकि मैं पहले से ही Ext का उपयोग कर आरआईए विकसित करता हूं। इसके कारण, मैं एक्स्ट-कोर (एक्स का सबसेट) का उपयोग करता हूं क्योंकि ढांचे में ओओ डिज़ाइन बेहतर होता है, और यह jQuery (इवेंट हैंडलिंग, डोम मैनिपुलेशन, अजाक्स) के समान मूल कार्यक्षमता प्रदान करता है।
http://www.extjs.com/products/core/
मैं प्रोटोटाइप उपयोग नहीं किया है, क्योंकि वे बढ़ाने Object.prototype जो हमारे कोड में कीड़े का कारण बनता है।
यह पहले से ही कई बार पूछा गया है - ARGH! अगर मेरे पास क्षमता थी, तो मैं इसे दिल की धड़कन में बंद/हटा दूंगा। कृपया –