10 कारणों से आपके प्रोजेक्ट को Dojo टूलकिट का उपयोग करना चाहिए

डोज़ो टूलकिट सबसे शक्तिशाली और सबसे कम इस्तेमाल किया जाने वाला जावास्क्रिप्ट ढांचा है। जबकि लगभग हर जावास्क्रिप्ट फ्रेमवर्क या टूलकिट कुछ भी और अधिक करने का वादा करता है, डोज़ो टूलकिट इसकी कार्यक्षमता साबित करने के लिए सबसे सम्मोहक तर्क प्रदान करता है। यह पोस्ट Dojo टूलकिट की कई महत्वपूर्ण विशेषताओं का वर्णन करेगी, और यह भी बताएगी कि आपको इसे अपने अगले प्रोजेक्ट में क्यों उपयोग करना चाहिए।

1. प्रतिरूपकता और एएमडी बूटलोडर

क्लाइंट-साइड जावास्क्रिप्ट कोड, किसी भी कोड की तरह, आकार में बढ़ता है। मॉड्यूलरिटी वह कुंजी है जो हमारे कोड को बनाए रखना और उत्पादक बनाना आसान बनाती है। अतुल्यकालिक डाउनलोड, लोडिंग के बिना एक समय का उपयोग करके पुस्तकालयों का उपयोग करने के दिन अतीत में हैं। Dojo टूलकिट मॉड्यूल का उपयोग कर एक रूपरेखा का एक प्रमुख उदाहरण है। यह गतिशील रूप से केवल उन संसाधनों को खींचने के लिए dojo.require का उपयोग करता है जो वर्तमान में पृष्ठ की आवश्यकता है।

प्रारंभ में, संसाधन लोडिंग विधि सिंक्रोनस थी, हालांकि अतुल्यकालिक लोडिंग के विकल्प के साथ एक क्रॉस-डोमेन संस्करण था। Dojo अब रॉल्ड गिल द्वारा लिखित अतुल्यकालिक बूटलोडर का उपयोग करता है, जो विशेषज्ञ सभी संसाधनों को अतुल्यकालिक और पहले की तुलना में बहुत तेजी से लोड करता है। कई जावास्क्रिप्ट संसाधनों को लोड करने के लिए आप कुछ इस तरह से लिख सकते हैं:

//  require  ,       //       ,       require( //     ["dojo/on", "dojo/touch", "dijit/form/Button", "dojo/domReady!"], // ,       , //        . //        ,      function(on, touch, Button) { //        . }); 

मॉड्यूल बहुत सरल रूप से घोषित किया गया है:

 //  'define'  'require' ,      define( //  ,     ["dojo/aspect", "dojo/_base/declare", "dijit/layout/BorderContainer"], //   ,     function(aspect, declare, BorderContainer) { //          //     (  ) return declare("mynamespace.layout.CustomBorderContainer", [BorderContainer], { //       . }); }); 

लगभग सभी AMD बूटलोडर्स द्वारा उपयोग की जाने वाली यह सरल मॉड्यूल घोषणा पद्धति, अविश्वसनीय रूप से सरल और संरचित है।

कॉलबैक फ़ंक्शन शुरू होने से पहले निर्भरता में सूचीबद्ध मॉड्यूल लोड किए जाते हैं। एक फ़ंक्शन स्वयं आमतौर पर एक फ़ंक्शन या ऑब्जेक्ट को मॉड्यूल का प्रतिनिधित्व करता है। यह एक सरल टेम्पलेट है जो जल्दी से लोड होता है, मॉड्यूलरिटी का समर्थन करता है और डेवलपर्स को केवल वही डाउनलोड करने की अनुमति देता है जो उन्हें चाहिए।

बहुआयामी Dojo डाउनलोडर भी प्लगइन्स का उपयोग करने की क्षमता प्रदान करता है। जैसे कि DOM तत्परता परिभाषा (dojo / domReady!) और परिभाषा कार्य (hasJS)। इसके अलावा, बूटलोडर अलग-अलग मॉड्यूल को लोड करने के लिए काफी स्मार्ट है
बाहरी परिस्थितियों से:

 //     dojo/Deferred  define([ "./has", "./_base/lang", "./errors/CancelError", "./promise/Promise", "./has!config-deferredInstrumentation?./promise/instrumentation" ], function(has, lang, CancelError, Promise, instrumentation){ // ... }); 

Dojo न केवल अंतिम प्रतिरूपकता है, बल्कि आपके कार्यों के लिए तैयार मॉड्यूल लोडर भी है।

2. डोजो / घोषणा के साथ वर्ग और विस्तार

जबकि जावास्क्रिप्ट एक सच्चे वर्ग प्रणाली प्रदान नहीं करता है, Dojo Toolkit डोजो / घोषणा के उपयोग के आधार पर एक वर्ग की तरह विरासत पैटर्न प्रदान करता है। घोषणा को एक ढांचे में लागू किया जाता है ताकि डेवलपर्स कर सकें:

• डुप्लिकेट कोड को कम या समाप्त करना;
• कई विभिन्न वर्गों के बीच कार्यों को संयोजित करने के लिए अशुद्धता पैटर्न का उपयोग करें;
• अनुकूलन बढ़ाने के लिए आसानी से मौजूदा कक्षाओं का विस्तार करें;
• विभिन्न परियोजनाओं के बीच विनिमय मॉड्यूल कोड;
• मौजूदा Dojo वर्ग में कोई त्रुटि होने पर कक्षाओं की मरम्मत करना सुरक्षित है।

Dojo वर्ग प्रणाली प्रोटोटाइप वंशानुक्रम का उपयोग करती है। डोजो / घोषणा का उपयोग करना अविश्वसनीय रूप से सरल है:

 // ,    define    define([ //    dojo/declare "dojo/declare", //    ,     "dijit/form/Button", "dojo/on", "mynamespace/_MyButtonMixin" //      "_" ], function(declare, Button, on, _MyButtonMixin) { //    declare(),      return declare( //     .      "mynamespace.CustomButton", //     . //      . [ Button, _MyButtonMixin ], // , ,      ,  //        { myCustomProperty: true, value: "Hello!", myCustomMethod: function() { //  - ! }, methodThatOverridesParent: function(val) { this.myCustomMethod(val); //  "this.inherited(arguments)"   //       return this.inherited(arguments); } }); }); 

उपरोक्त उदाहरण किसी भी व्यावहारिक समस्या का समाधान नहीं करता है, लेकिन विरासत श्रृंखला और अशुद्धता के माध्यम से कोड के पुन: उपयोग को दिखाता है, और यह भी दर्शाता है कि वर्ग माता-पिता की विधि को कैसे कॉल कर सकता है।

Dojo वर्ग प्रणाली का उपयोग करने का एक और लाभ यह है कि सभी गुण और विधियाँ अनुकूलन योग्य हैं। कक्षा बनाने की पूरी प्रक्रिया में सब कुछ आसानी से बदला और विस्तारित किया जा सकता है।

3. पहलू और "समारोह के कार्य करने के लिए कार्य"

पहलू वेब विकास में सबसे शक्तिशाली और महत्वपूर्ण नए रुझानों में से एक हैं ... और डोजो टूलकिट उन्हें कई वर्षों से प्रदान कर रहा है। सामान्य उपयोगकर्ता घटना के बाद फ़ंक्शन लॉन्च करने के बजाय: "क्लिक करें", "माउसओवर", "कीप" - पहलू फ़ंक्शन ए को निष्पादित करने से पहले या बाद में फ़ंक्शन बी को कॉल करने की अनुमति देते हैं। वास्तव में, आप कार्यों को कार्यों से जोड़ सकते हैं - और यह अच्छा है!

इस तरह एक के बाद एक फंक्शन चलाना:

 // after(,  ,  ,  ); aspect.after(myObject, "someMethod", function(arg1, arg2) { // ,       myObject.doSomething }, true); 

दूसरे को निष्पादित करने से पहले एक फ़ंक्शन चलाना भी बिल्कुल सरल है:

 aspect.before(myObject, "someMethod", function(arg1, arg2) { // ,       myObject.someMethod }); 

डिजिट का उपयोग कर यूजर इंटरफेस बनाते समय पहलू बेहद उपयोगी होते हैं। एक विजेट या कक्षा की घटनाओं को सुनने से अन्य विजेट में परिवर्तन हो सकते हैं। यह डेवलपर्स को कई छोटे लोगों में से एक बड़े विजेट बनाने की अनुमति देता है।

 var self = this; aspect.after(this.submitButton, "onClick", function() { //       self.showAjaxSpinner(); }); 

4. स्थगित और एकीकृत AJAX परिवहन

डिफ्रेड्स अतुल्यकालिक संचालन के वस्तु-उन्मुख प्रतिनिधित्व हैं, जिससे ऑपरेशन राज्यों को एक स्थान से दूसरे स्थान पर स्थानांतरित करना आसान हो जाता है। JQuery के लिए नवीनतम और सबसे महत्वपूर्ण परिवर्धन में से एक Deferreds था। संयोग से, Dojo टीम का मंत्र है "Dojo यह किया।" Dojo टूलकिट कई वर्षों से Deferreds कार्यान्वयन चला रहा है, उन्हें सरल और जटिल AJAX संचालन, एनिमेशन और बहुत कुछ के लिए उपयोग कर रहा है।

आस्थगित वस्तुओं को लागू करने वाले पहले में से एक होने के साथ-साथ, Dojo ने मानक XMLHTTPRequest के इनपुट-आउटपुट को संसाधित करने के लिए कई तरीके पेश किए, जिसमें विंडो के नाम रैपर, डोजो / io / iframe मॉड्यूल अतुल्यकालिक फ़ाइल लोडिंग और बहुत कुछ शामिल हैं। तो Dojo में कब आस्थगित वस्तुओं का उपयोग किया जाता है? जब भी कोई अतुल्यकालिक क्रिया होती है। एक्सएचआर अनुरोधों, डोजो / आईओ अनुरोधों, एनिमेशन, और बहुत कुछ से डीफ़्रैड्स वापस आते हैं।

 //  XHR ,    Deferred var def = xhr.get({ url: "/getSomePage" }); //      def.then(function(result) { result.prop = 'Something more'; return result; }).then(function(resultObjWithProp) { // .... }).then(function() { // .... }); 

और dojo / io / iframe मॉड्यूल API का उपयोग कैसा दिखता है?

 require(["dojo/io/iframe"], function(ioIframe){ //   ioIframe.send({ form: "myform", url: "handler.php", handleAs: "json" }).then(function(data){ //    }, function(err){ //   }). then(function() { //    ! }) }); 

Dojo में Deferred का उपयोग करने की सुंदरता यह है कि विधि की परवाह किए बिना, आप जानते हैं कि आपको हमेशा प्रतिक्रिया में एक Deferred ऑब्जेक्ट प्राप्त होगा, जिससे API के विकास और एकीकरण में तेजी आएगी। संस्करण 1.8 के साथ शुरू, Dojo / अनुरोध मॉड्यूल नई AJAX समेकन विधियों को जोड़ने, Dojo में उपलब्ध है। यहाँ एक उदाहरण है कि dojo / request का उपयोग कैसे किया जा सकता है:

 require(["dojo/request"], function(request){ request("request.html").then(function(response){ //  -     }, function(err){ //   }, function(evt){ //     }); }); 

एकीकृत एपीआई विकास को तेज और कोड को अधिक कॉम्पैक्ट बनाता है।

5. दीजीत यूआई फ्रेमवर्क

एक शक के बिना, अन्य जावास्क्रिप्ट चौखटे पर दोजो टूलकिट का सबसे बड़ा लाभ इसकी दीजीत यूआई फ्रेमवर्क है।

यह लेआउट, फ़ॉर्म और अन्य टूल का एक अभूतपूर्व सेट है:

• बॉक्स से बाहर पूर्ण स्थानीयकरण;
• विस्तारित विजेट लेआउट, तत्वों की 100% ऊंचाई को सुविधाजनक बनाने, कस्टम विभाजक बनाने, लेआउट बदलने आदि के लिए;
• बेहतर उपयोगिता और अंतर्निहित सत्यापन समर्थन के साथ विजेट बनाएं;
• कई विषयों, नवीनतम को "क्लारो" कहा जाता है;
• कस्टम विषयों में कम समर्थन;
• मॉड्यूलर कोड, जो किसी भी विजेट के पूर्ण अनुकूलन के साथ-साथ उनकी क्षमताओं का विस्तार करने की अनुमति देता है।

दीजीत आपको विजेट्स को घोषित और प्रोग्रामिक रूप से घोषित करने की अनुमति देता है। एक घोषणात्मक घोषणा इस तरह दिखती है:

 <div data-dojo-type="dijit.form.Button" data-dojo-props="label:'Click Me!'"></div> 

विजेट घोषित करने का पारंपरिक तरीका इस प्रकार है:

 require(["dijit/form/Button"], function(Button) { //    var button = new Button({ label: 'Click Me!' }, "myNodeId"); }); 

कई दर्जन विगेट्स दिजीत पैकेज द्वारा प्रदान किए गए हैं और कई दर्जन विजेट डोजोक्स पैकेज में प्रदान किए गए हैं। Dojo UI फ्रेमवर्क केवल एक उपयोगकर्ता तत्व के लिए कुछ उपयोगी विजेट नहीं है, जैसे कि JQuery UI, यह उपयोगकर्ता इंटरफेस बनाने के लिए पूरी तरह से परीक्षण किया गया फ्रेमवर्क है।

6. डोजो मोबाइल

लगभग सभी इंटरनेट मुद्दों की तरह, डोजो में मोबाइल वेब विकास के लिए एक समाधान है - डोजॉक्स / मोबाइल नेमस्पेस मॉड्यूल।

Dojo मोबाइल समाधान प्रदान करता है:

• डिवाइस परिभाषा;
• आईओएस, एंड्रॉइड, ब्लैकबेरी, साथ ही बुनियादी के लिए थीम;
• फॉर्म के लिए मोबाइल विजेट;
• विगेट्स के लिए पैनल और लेआउट;
• आसान विकास और डिबगिंग के लिए डेस्कटॉप समर्थन।

मोबाइल विजेट्स को दीजीत विजेट्स के समान ही घोषित या प्रोग्रामिक रूप से बनाया जा सकता है। मोबाइल स्क्रीन आलसी प्रतिपादन का समर्थन करते हैं और आसानी से डेटा साझा कर सकते हैं। Dojox / mobile के लिए HTML फ्रेमवर्क बहुत ही सरल है:

 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes" /> <title>  </title> <!--     --> <!--   dojo/javascript --> </head> <body> <!--    --> </body> </html> 

Dojox / mobile / deviceTheme मॉड्यूल का उपयोग करके, हम उपयोगकर्ता के डिवाइस को परिभाषित कर सकते हैं और उपयुक्त शैलियों को लागू कर सकते हैं।

विषय सेट करने के बाद, हम अपने एप्लिकेशन के लिए आवश्यक मॉड्यूल कनेक्ट करेंगे:

 require([ "dojox/mobile/ScrollableView", "dojox/mobile/Heading", "dojox/mobile/RoundRectList", "dojox/mobile/TabBar", "dojox/parser" ]); 

सभी के कनेक्ट होने के बाद, हम अपने विगेट्स और स्क्रीनों के बारे में घोषणा करेंगे:

 <!--    Dojo's TweetView: http://dojotoolkit.org/documentation/tutorials/1.7/mobile/tweetview/app/ --> <!--   --> <div id="tweets" data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props="selected: true"> <h1 data-dojo-type="dojox.mobile.Heading"> <!--   --> <div data-dojo-type="dojox.mobile.ToolBarButton" data-dojo-props="icon: 'images/refresh.png'" class="mblDomButton tweetviewRefresh" style="float:right;"> </div> Tweets </h1> <ul data-dojo-type="dojox.mobile.RoundRectList"> <li data-dojo-type="dojox.mobile.ListItem"> Tweet </li> </ul> </div> <!--   --> <div id="mentions" data-dojo-type="dojox.mobile.ScrollableView"> <h1 data-dojo-type="dojox.mobile.Heading"> <!--   --> <div data-dojo-type="dojox.mobile.ToolBarButton" data-dojo-props="icon: 'images/refresh.png'" class="mblDomButton tweetviewRefresh" style="float:right;"> </div>  </h1> <ul data-dojo-type="dojox.mobile.RoundRectList"> <li data-dojo-type="dojox.mobile.ListItem"> Mention tweet </li> </ul> </div> <!--   --> <div id="settings" data-dojo-type="dojox.mobile.ScrollableView"> <h1 data-dojo-type="dojox.mobile.Heading">Settings</h1> <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Show</h2> <ul data-dojo-type="dojox.mobile.RoundRectList"> <li data-dojo-type="dojox.mobile.ListItem">   . </li> </ul> </div> 

डोजॉक्स / मोबाइल विजेट का उपयोग करने के लिए सिद्धांत, दिजीत विजेट का उपयोग करने के सिद्धांतों के लिए पूरी तरह से समान हैं। यह आपको उन लोगों के लिए जल्दी से उपयोग करने की अनुमति देता है जिनके पास पहले से ही दिजीत के साथ अनुभव है, और शुरुआती के लिए प्रस्तावित विगेट्स का आसान विकास प्रदान करता है।

7. GFX और चार्ट

CSS एनीमेशन एक शानदार विज़ुअलाइज़ेशन टूल है, जो एनिमेटेड छवियों की तरह है, लेकिन वेक्टर ग्राफिक्स के लचीलेपन और शक्ति में हीन है। सबसे लोकप्रिय क्लाइंट-साइड वेक्टर ग्राफिक्स टूल हमेशा राफेल जेएस रहा है, लेकिन डोजो जीएफएक्स लाइब्रेरी निस्संदेह अधिक शक्तिशाली है। जीएफएक्स को एसवीजी, वीएमएल, सिल्वरलाइट, कैनवस और वेबजीएल में वेक्टर ग्राफिक्स प्रदर्शित करने के लिए कॉन्फ़िगर किया जा सकता है। जीएफएक्स वेक्टर ग्राफिक्स (दीर्घवृत्त, रेखा, आदि) के सभी रूपों को बनाने के लिए एक सुविधाजनक आवरण प्रदान करता है, जो ग्राफिक्स के निर्माण को गति देता है।

Dojo GFX का समर्थन करता है:

• ग्राफिक्स घुमाएँ, घुमाएँ और आकार बदलें;
• एनीमेशन, स्ट्रॉकर और अन्य ग्राफिक गुण भरें;
• रैखिक और परिपत्र ढाल;
• माउस घटनाओं
• प्रबंधन और एनीमेशन को सरल बनाने के लिए समूह बनाना।

आकृतियों का एक सरल सेट बनाना इस तरह दिख सकता है:

 require(["dojox/gfx", "dojo/domReady"], function(gfx) { gfx.renderer = "canvas"; //  GFX  // : , ,  surface = gfx.createSurface("surfaceElement", 400, 400); //        curface.createCircle({ cx: 50, cy: 50, rx: 50, r: 25 }).setFill("blue"); //        hex  surface.createCircle({ cx: 300, cy: 300, rx: 50, r: 25 }).setFill("#f00"); //      surface.createRect({x: 180, y: 40, width: 200, height: 100 }). setFill({ type:"linear", x1: 0, y1: 0, //x: 0=>0,     x2: 0, //y: 0=>420,     y2: 420, colors: [ { offset: 0, color: "#003b80" }, { offset: 0.5, color: "#0072e5" }, { offset: 1, color: "#4ea1fc" } ] }); //      surface.createEllipse({ cx: 120, cy: 260, rx: 100, ry: 100 }).setFill({ type: "radial", cx: 150, cy: 200, colors: [ { offset: 0, color: "#4ea1fc" }, { offset: 0.5, color: "#0072e5" }, { offset: 1, color: "#003b80" } ] }); }); 

Dojo में Dojo GFX API का उपयोग करते हुए एक dojox / चार्टिंग लाइब्रेरी शामिल है। रेखांकन का उपयोग करते हुए जानकारी का दृश्य लोकप्रिय है और व्यर्थ नहीं है - केवल संख्याओं को देखकर पूर्ण चित्र प्राप्त करना मुश्किल है।

Dojox / charting पुस्तकालय आपको निम्नलिखित की अनुमति देता है:

• कई चार्ट;
• एनिमेटेड ग्राफिक्स;
• MoveSlice (एक पाई चार्ट के भागों को एनिमेट करता है), टूलटिप, स्केलिंग और हाइलाइटिंग सहित प्लगइन्स;
• स्व-अद्यतन चार्ट (Dojo डेटा वेयरहाउसिंग का उपयोग करें)।

आप निम्नलिखित कोड का उपयोग करके एक बुनियादी पाई चार्ट बना सकते हैं:

 <script> // x  y        //        chartData = [ { x: 1, y: 19021 }, { x: 1, y: 12837 }, { x: 1, y: 12378 }, { x: 1, y: 21882 }, { x: 1, y: 17654 }, { x: 1, y: 15833 }, { x: 1, y: 16122 } ]; require([ "dojo/parser", "dojox/charting/widget/Chart", "dojox/charting/themes/Claro", "dojox/charting/plot2d/Pie" ]); </script> <!--     --> <div data-dojo-type="dojox.charting.widget.Chart" data-dojo-props="theme:dojox.charting.themes.Claro" id="viewsChart" style="width: 550px; height: 550px;"> <!--    --> <div class="plot" name="default" type="Pie" radius="200" fontColor="#000" labelOffset="-20"></div> <!--    --> <div class="series" name="Last Week's Visits" array="chartData"></div> </div> 

हालाँकि ऊपर दिया गया कोड केवल एक साधारण पाई चार्ट बनाता है, डोजोक्स / चार्टिंग अधिक सक्षम है, बहुत अधिक।

8. SitePen टीम से Dgrid

एक Dojo कंसल्टेंसी कंपनी, SitePen, Dojo के सह-संस्थापक Dylan Schiemann द्वारा बनाई गई थी। इसके कर्मचारियों ने अत्यधिक प्रफुल्लित और अनाड़ी डोजो / ग्रिड के लिए एक प्रतिस्थापन खोजने की कोशिश की और अंततः एक ड्रगिड बनाया।

परिणामी पैकेज की मुख्य विशेषताएं:

• कई विषयों और अपने स्वयं के विषयों का आसान निर्माण;
• मोबाइल ब्राउज़रों के साथ पूर्ण संगतता;
• तार छँटाई;
• डेटा लोडिंग में देरी की संभावना;
• पेड़ की संरचना का समर्थन;
• डायज़ेट विगेट्स का उपयोग करके तालिका कोशिकाओं को संपादित करने की क्षमता;
• विभिन्न एक्सटेंशन: कॉलमों का आकार बदलना, ड्रैगनेनड्रॉप, पेजिंग और बहुत कुछ।

साइटपेन ने प्रत्येक ड्रगिड घटक के दस्तावेजीकरण का उत्कृष्ट काम किया है, इसलिए अपनी खुद की सुविधा संपन्न टेबल बनाना शुरू करना अविश्वसनीय रूप से आसान है।

9. डीओएच टेस्टिंग फ्रेमवर्क

क्लाइंट साइड टेस्टिंग बहुत महत्वपूर्ण है। शायद सर्वर-साइड से ज्यादा महत्वपूर्ण है। ब्राउज़रों की संख्या और ब्राउज़र के विभिन्न संस्करणों की कार्यक्षमता की विविधता को देखते हुए, इंटरैक्टिव परीक्षण अनिवार्य हो जाता है। Dojo के परीक्षण के लिए बनाया गया DOH फ्रेमवर्क Dojo के साथ उपलब्ध है। परीक्षण लिखना अविश्वसनीय रूप से आसान है, और परीक्षण स्वयं कई स्वरूपों में प्रस्तुत किए जा सकते हैं:

 //      ,      dojo.provide("my.test.module"); //   doh.register("MyTests", [ //      function assertTrueTest(){ doh.assertTrue(true); doh.assertTrue(1); doh.assertTrue(!false); }, // ...    : name, setUp, tearDown, and runTest { name: "thingerTest", setUp: function(){ this.thingerToTest = new Thinger(); this.thingerToTest.doStuffToInit(); }, runTest: function(){ doh.assertEqual("blah", this.thingerToTest.blahProp); doh.assertFalse(this.thingerToTest.falseProp); // ... }, tearDown: function(){ } }, // ... ]); 

उपरोक्त परीक्षण उदाहरण बहुत सरल है। लेकिन अधिक जटिल स्थिति के बारे में क्या, अर्थात्। अतुल्यकालिक क्रियाएं? अतुल्यकालिक कार्यों के सबसे स्पष्ट उदाहरण AJAX, एनीमेशन और अन्य लंबित कार्य हैं। DOH डीड ऑब्जेक्ट्स का उपयोग करके अतुल्यकालिक कार्यों का परीक्षण करने के लिए एक अविश्वसनीय रूप से आसान तरीका प्रदान करता है:

 { name: "Testing deferred interaction", timeout: 5000, runTest: function() { var deferred = new doh.Deferred(); myWidget.doAjaxAction().then(deferred.getTestCallback(function(){ doh.assertTrue(true); }); return deferred; } } 

उपरोक्त उदाहरण में, "doTestCallback" फ़ंक्शन को "doAjaxAction" विधि के पूरा होने के बाद लॉन्च किया जाएगा और परीक्षा परिणाम लौटाएगा।

बाद के परीक्षण doh.Deferred के हल होने तक नहीं चलेंगे, इसलिए आपके पास घड़ी का समय नहीं है और ओवरलैपिंग परीक्षणों की कोई समस्या नहीं है। डीओएच अन्य अन्य ढांचे से बेहतर परीक्षण क्षमता प्रदान करता है। डीओएच एक जावा रोबोट भी प्रदान करता है जो पूरी तरह से अधिक सटीक और यथार्थवादी परीक्षण के लिए माउस और कीबोर्ड क्रियाओं का अनुकरण करता है। यदि आप होमर सिम्पसन को चिल्लाते हुए कहते हैं, "वाहो!" तो सभी परीक्षण पारित हो जाते हैं। लेकिन अगर आप भयानक "डीओएच!" सुनते हैं, तो आपको त्रुटियों को ठीक करने के लिए अपने कोड की समीक्षा करने की आवश्यकता है।

10. दोजो बिल्ड प्रोसेस

जब वेब एप्लिकेशन रिलीज के लिए तैयार हो जाता है, तो यह अनुकूलित लोडिंग और कैशिंग के लिए अविश्वसनीय रूप से महत्वपूर्ण है कि यह न्यूनतम और उचित रूप से जावास्क्रिप्ट फ़ाइलों को तैयार कर सके। यह साइट पर लोड को कम करता है।

Dojo बिल्ड सिस्टम पार्स घोषित वर्गों और स्वचालित रूप से निर्माण निर्भरता का पता लगाता है। Dojo बिल्ड सिस्टम का उपयोग करने के लिए, आप एक बिल्ड प्रोफ़ाइल कहते हैं। निर्मित प्रोफ़ाइल में कई परतें हो सकती हैं और काफी जटिल हो सकती हैं। नीचे दी गई मिसाल सबसे सरल असेंबली प्रोफाइल दिखाती है:

 var profile = { releaseDir: "/path/to/releaseDir", basePath: "..", action: "release", cssOptimize: "comments", mini: true, optimize: "closure", layerOptimize: "closure", stripConsole: "all", selectorEngine: "acme", layers: { "dojo/dojo": { include: [ "dojo/dojo", "app/main" ], customBase: true, boot: true } }, resourceTags: { amd: function (filename, mid) { return /\.js$/.test(filename); } } }; 

Dojo बिल्ड प्रोफ़ाइल डेवलपर को अनुकूलित करने की अनुमति देता है:

• मिनिफ़ायर (Google द्वारा ShrinkSafe या बंद करना)
• न्यूनतम स्तर;
• निर्देशिका बनाएँ
• चयनकर्ता तंत्र;
• और भी बहुत कुछ।

निर्मित प्रोफ़ाइल को कमांड लाइन (हाल ही में Node.js को फिर से लिखा गया) का उपयोग करके लॉन्च किया गया है और विभिन्न तर्कों का उपयोग करके पूरक या समायोजित किया जा सकता है। एक विधानसभा प्रोफ़ाइल शुरू करने का एक छोटा सा उदाहरण:

 ./build.sh --profile /path/to/app/app.profile.js --require /path/to/app/boot.js 

Dojo बिल्ड प्रक्रिया बिल्ड फ़ाइलों की पीढ़ी पर एक अविश्वसनीय मात्रा में नियंत्रण प्रदान करती है और वेब एप्लिकेशन ऑप्टिमाइज़ेशन प्रक्रिया को पूरा करती है। न्यूनतम और स्तरित जावास्क्रिप्ट और CSS फाइलों के साथ, आपका वेब एप्लिकेशन चलाने के लिए तैयार है!

11. बोनस! दोजो खजाना। अधिक डोजोक्स

Dojox Mobile और GFX: दो बहुत ही महत्वपूर्ण Dojox पुस्तकालयों का पहले ही उल्लेख किया जा चुका है, लेकिन ये Dojo में प्रस्तुत कई छिपे हुए खजाने में से केवल दो हैं। इन खजानों में शामिल हैं:

• अतिरिक्त लेआउट और विगेट्स;
• उन्नत और स्थानीय रूप सत्यापन प्रक्रिया;
• WebSocket और लंबे समय तक मतदान आवरण;
• प्रस्तुति विजेट, जैसे कि लाइटबॉक्स, स्लाइड शो, गैलरी और बहुत कुछ;
• उन्नत IO सहायक;
• विस्तारित Drag'n'Drop पुस्तकालय;
• NodeList मॉड्यूल के लिए एक्सटेंशन।

और यह भी Dojo के कई गुणों का हिस्सा है।

Dojo Toolkit JavaScript:

• JavaScript ;
• JavaScript AJAX ;
• ;
• UI ;
• ;
• ;
• !

, Dojo. , Dojo (, , XHR ) -.