Velocity (JavaScript library)
वेग एक क्रॉस-प्लेटफ़ॉर्म जावास्क्रिप्ट लाइब्रेरी है जिसे वेबसाइट एनीमेशन के क्लाइंट-साइड स्क्रिप्टिंग को सरल बनाने के लिए डिज़ाइन किया गया है। वेलोसिटी एम. आई. टी. लाइसेंस के तहत लाइसेंस प्राप्त एक मुक्त, मुक्त स्रोत सॉफ्टवेयर है। यह सबसे लोकप्रिय ओपन सोर्स वेब एनीमेशन इंजन है। वेलोसिटी के वाक्यविन्यास को एच. टी. एम. एल. और एस. वी. जी. तत्वों के लिए जटिल एनिमेशन बनाना आसान बनाने के लिए डिज़ाइन किया गया है। अपने कार्यप्रवाह लाभों के अलावा, वेलोसिटी एनीमेशन प्रदर्शन प्रदान करता है जो सीएसएस-आधारित एनीमेशन के साथ प्रतिस्पर्धी है। वेग एनीमेशन अवस्थाओं के आंतरिक कैश को बनाए रखते हुए और "लेआउट थ्रैशिंग" को कम करके अपने प्रदर्शन को प्राप्त करता है, अवांछनीय व्यवहार जो वेब ब्राउज़र को तेज दर से दृश्य रूप से अपडेट करते समय होता है। कुल मिलाकर, इसके कार्यप्रवाह और प्रदर्शन लाभ वेग का उपयोग परिष्कृत एनीमेशन प्रोग्रामिंग के लिए करने की अनुमति देते हैं जिसे वेब और मोबाइल दोनों अनुप्रयोगों में एकीकृत किया जा सकता है। इसका व्यापक ब्राउज़र और उपकरण समर्थन इसे बड़े उद्यम वितरण के लिए आदर्श बनाता है जो कम शक्ति वाले उपकरणों का समर्थन करना चाहिए। वेग का उपयोग उबेर, सैमसंग, वॉट्सऐप, टम्बलर, एचटीसी, मज़्दा और माइक्रोसॉफ्ट विंडोज सहित कई उल्लेखनीय वेबसाइटों के उपयोगकर्ता इंटरफेस को शक्ति प्रदान करने के लिए किया जाता है। यह कोड होस्टिंग सेवा गिटहब पर सबसे पसंदीदा परियोजनाओं में से एक है। 2015 में, द नेट अवार्ड्स द्वारा वेलोसिटी को ओपन सोर्स प्रोजेक्ट ऑफ द ईयर के लिए नामांकित किया गया था। विशेषताओं वेलोसिटी की विशेषताओं में शामिल हैंः ब्राउज़र विंडो और एलिमेंट स्क्रॉलिंग जेक्वेरी फ्रेमवर्क एनिमेशन रिवर्सल (पिछले एनीमेशन को पूर्ववत करने की क्षमता) से स्वतंत्रता और एनीमेशन लूपिंग एसवीजी एलिमेंट एनीमेशन आरजीबी और हेक्स कलर एनीमेशन सीएसएस का ट्रांसफॉर्म प्रॉपर्टी एनीमेशन वेलोसिटी के यूआई पैक फिजिक्स-आधारित गति के माध्यम से पूर्व-निर्मित एनीमेशन प्रभाव स्प्रिंग ईज़िंग प्रकार के माध्यम से एकीकरण का वादा करता है ब्राउज़र समर्थन वेलोसिटी सभी प्रमुख डेस्कटॉप ब्राउज़रों (फ़ायरफ़ॉक्स, गूगल क्रोम और सफारी) के साथ-साथ आईओएस और एंड्रॉइड मोबाइल ऑपरेटिंग सिस्टम का समर्थन करता है। इसका समर्थन इंटरनेट एक्सप्लोरर 8 और एंड्रॉइड 2.3 तक फैला हुआ है। उपयोग पुस्तकालय सहित वेग पुस्तकालय एक एकल जावास्क्रिप्ट फ़ाइल है जिसमें इसके सभी मुख्य कार्य होते हैं। इसे स्थानीय प्रति से जोड़कर या सार्वजनिक सर्वर से उपलब्ध कई प्रतियों में से किसी एक के साथ जोड़कर एक वेब पेज के भीतर शामिल किया जा सकता है, जिसमें मैक्ससीडीएन का जेएसडिलिवर या क्लाउडफ्लेयर का सीडीएनजे शामिल है। <स्क्रिप्ट src = "velocity.min.js"> </स्क्रिप्ट> सामग्री वितरण नेटवर्क से सीधे वेग को शामिल करना भी संभव है। (अखंडता विशेषता का उपयोग उप-स्रोत अखंडता के लिए किया जाता है।) संसाधनों के लिए हमेशा एच. टी. टी. पी. एस. का उपयोग करने की अनुशंसा की जाती है लेकिन प्रोटोकॉल सापेक्ष यू. आर. एल. का उपयोग करने के लिए इसे// से बदला जा सकता है। <स्क्रिप्ट src = "https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.min.js" अखंडता = "sha384-fcLDUAwcSMMfmpKMJ0dO2// SL2WJ5/kkyz/yvgtMLXBEp3GdqrQF9ahRerhdLXn +" क्रॉसऑरिजिन = "अनाम"> </स्क्रिप्ट> उपयोग शैलियों वेग की दो उपयोग शैलियाँ हैंः $. वेलोसिटी फ़ंक्शन, जो कि जेक्वेरी मूल वस्तु से विस्तारित एक फ़ैक्टरी विधि है। यह विधि जेक्वेरी-लिपटे तत्वों के बजाय कच्चे डी. ओ. एम. तत्वों को सक्रिय करती है। पृष्ठ पर जेक्वेरी के बिना वेलोसिटी का उपयोग करते समय यह शैली नियोजित की जाती है। $element.velocity () फंक्शन। यह वह शैली है जिसका उपयोग पृष्ठ पर जेक्वेरी मौजूद होने पर जेक्वेरी तत्व वस्तुओं को एनिमेट करने के लिए किया जाता है। वेलोसिटी में एनिमेशन कॉल में एनिमेट करने के लिए वांछित तत्व (ओं) की आपूर्ति, एनिमेटेड होने के लिए सीएसएस गुणों को निर्दिष्ट करने के लिए एक एनीमेशन संपत्ति मानचित्र, और एनीमेशन सेटिंग्स को निर्दिष्ट करने के लिए एक वैकल्पिक विकल्प ऑब्जेक्ट (जैसे। अवधि)। तर्क वेग एक या अधिक तर्कों को स्वीकार करता है। पहला तर्क, जो आवश्यक है, या तो एक पूर्वनिर्धारित वेग कमांड का नाम हो सकता है (जैसे। स्क्रॉल या रिवर्स) या एनिमेटेड होने के लिए सी. एस. एस. गुणों से युक्त एक वस्तुः// किसी तत्व की चौड़ाई को 100 पी. एक्स. तक और उसके बाएं गुण को 200 पी. एक्स. $element.velocity ({चौड़ाईः "100 पी. एक्स"., बाएंः "200 पी. एक्स".) तक एनिमेट करें; दूसरा तर्क, जो वैकल्पिक है, एक वस्तु है। इसका उपयोग एनीमेशन विकल्पों को निर्दिष्ट करने के लिए किया जाता है जैसे कि अवधि, सहजता और पूर्ण (एनीमेशन पूरा होने के बाद निष्पादित करने के लिए एक मनमाना कार्य):// 100s देरी के लिए रुकने के बाद 1000ms अवधि में एक तत्व की चौड़ाई को 100px तक एनिमेट करें। $element.velocity ({चौड़ाईः "100px"}, {अवधिः 1000, विलम्बः 100}); चेनिंग वेलोसिटी में लगातार एनीमेशन कॉल की एक श्रृंखला बनाने में लक्ष्य jQuery तत्व ऑब्जेक्ट पर बैक-टू-बैक कॉल करना शामिल हैः $एलिमेंट. वेलोसिटी ({ऊंचाईः 300}, {अवधिः 1000})// पिछले एनिमेशन के पूरा होने के बाद इस एनीमेशन पर जारी रखें. वेलोसिटी ({शीर्षः 200}, {अवधिः 600})/और एक बार फिर. वेलोसिटी ({अपारदर्शिताः 0}, {अवधिः 200}); वेलोसिटी में स्क्रॉलिंग और रिवर्सल स्क्रॉलिंग में "स्क्रॉल" को वेलोसिटी के रूप में पास करना शामिल है। वेलोसिटी में एनिमेशन रिवर्सल में वेलोसिटी के पहले तर्क के रूप में "रिवर्स" पास करना शामिल हैः// किसी तत्व की ऊंचाई को एनिमेट करें $element.velocity ({ऊंचाईः "500px"}, {अवधिः 500});// पिछले एनीमेशन को रिवर्स करें; पिछली अवधि $element.velocity ("रिवर्स") का उपयोग करके तत्व की मूल ऊंचाई पर वापस एनिमेट करें; वेलोसिटी का रिवर्स कमांड पूर्व कॉल में उपयोग किए गए एनीमेशन विकल्पों के लिए डिफ़ॉल्ट है। एक नए विकल्प ऑब्जेक्ट में पास करने से पिछले एक का विस्तार होता हैः $element.velocity ({ऊंचाईः "500x"}, {अवधिः 500});// पिछले रिवर्स कॉल के विकल्प ऑब्जेक्ट को एक नई अवधि मूल्य $element.velocity ("रिवर्स", {अवधिः 1000}) के साथ विस्तारित करें; इतिहास वेग को जूलियन शापिरो द्वारा निष्पादक और डिजाइनर-उन्मुख जावास्क्रिप्ट एनीमेशन पुस्तकालयों की कमी को दूर करने के लिए विकसित किया गया था। स्ट्राइप, एक लोकप्रिय वेब डेवलपर-केंद्रित इंटरनेट प्रौद्योगिकी कंपनी ने वेग पर पूर्णकालिक विकास जारी रखने के लिए आवश्यक वित्तीय संसाधन प्रदान करने में मदद करने के लिए एक अनुदान पर शापिरो को प्रायोजित किया। वेलोसिटी के आंतरिक एनीमेशन इंजन के उच्च प्रदर्शन ने जावास्क्रिप्ट-आधारित वेब एनीमेशन को फिर से लोकप्रिय बनाने में मदद की, जो पहले पुराने जावास्क्रिप्ट पुस्तकालयों की तुलना में अपने गति लाभों के कारण सीएसएस-आधारित एनीमेशन के पक्ष में नहीं था, जिसमें एनीमेशन पर ध्यान केंद्रित नहीं था। सितंबर 2014 में, शापिरो ने वेलोसिटी मोशन डिजाइनर जारी किया, जो लाइव प्रोडक्शन वेबसाइटों पर एनिमेशन डिजाइन करने के लिए एक उपकरण है जो एक आईडीई के भीतर बाद में उपयोग के लिए उत्पन्न एनीमेशन कोड के वास्तविक समय के निर्यात की अनुमति देता है। मार्च 2015 में, पीचपिट ने जावास्क्रिप्ट पुस्तक का उपयोग करके शापिरो के वेब एनिमेशन को प्रकाशित किया, जो वेलोसिटी का उपयोग करके वेब एनिमेशन विकसित करने के प्रारंभिक और उन्नत दोनों सिद्धांतों को सिखाता है। 2015 के मध्य तक, वेग को विशेष रूप से शापिरो द्वारा विकसित और बनाए रखा जाना जारी है। पेशेवर उद्यम वातावरण में वेलोसिटी के उपयोग के अलावा, इसका व्यापक रूप से वेब विकास प्रयोग और शुरुआती अभ्यास के लिए भी उपयोग किया जाता है। वेलोसिटी के शीर्ष पर निर्मित प्रूफ-ऑफ-कॉन्सेप्ट वेब विकास परियोजनाओं को आमतौर पर कोडपेन (उदाहरण के लिए) पर पोस्ट किया जाता है, जो एक प्रमुख सामुदायिक कोड साझाकरण सेवा है। यह भी देखें D3.js राफेल Three.js जेक्वेरी जावास्क्रिप्ट फ्रेमवर्क जावास्क्रिप्ट लाइब्रेरी आगे पढ़ना जेक्वेरी के बिना एनिमेटिंग आसानी से एनिमेशन जोड़ने के लिए वेग का उपयोग कैसे करें Velocity.js बाहरी लिंक का उपयोग करके तेज यू. आई. एनीमेशन वेग डेमो गैलरी संदर्भ जावास्क्रिप्ट पुस्तकालय एम. आई. टी. लाइसेंस 2014 सॉफ्टवेयर का उपयोग करके जावास्क्रिप्ट अजाक्स (प्रोग्रामिंग) सॉफ्टवेयर में प्रोग्राम किए गए मुफ्त सॉफ्टवेयर