dojo => नमस्ते डोजो

परिचय

अन्य प्रोग्रामिंग भाषाओं में हैलो वर्ल्ड की तरह एक सरल हैलो डोजो। Dojo स्थापित / कॉन्फ़िगर और उपयोग करने के लिए सरल है। आप Dojo के नवीनतम संस्करण को http://dojotoolkit.org/download/ से डाउनलोड कर सकते हैं या आप अपने प्रोजेक्ट में CDN के नाम से उपयोग कर सकते हैं। मैं इसे डाउनलोड और उपयोग करना पसंद करता हूं। इस विषय के समय का नवीनतम संस्करण 1.12.1 है और Dojo 2.0 पर कार्य प्रगति पर है।

नमस्ते दुनिया

नीचे की तरह एक HTML फ़ाइल बनाएँ। स्क्रिप्ट टैग में, या तो आप CDN लिंक का उपयोग कर सकते हैं या अपने स्थानीय जैसे से कर सकते हैं

<script type="text/javascript" src="dojo/dojo/dojo.js"
        data-dojo-config="async:true">

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tutorial: Hello Dojo!</title>
</head>
<body>
    <h1 id="greeting">Hello</h1>
    <!-- load Dojo -->
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"
            data-dojo-config="async: true"></script>
</body>
</html>

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

डोजो एएमडी

अगले उदाहरण में, आइए Dojo सुविधाओं का उपयोग करें और समझें कि AMD (अतुल्यकालिक मॉड्यूल परिभाषा) का क्या अर्थ है।

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tutorial: Hello Dojo!</title>
</head>
<body>
    <h1 id="greeting">Hello</h1>
    <!-- load Dojo -->
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"
            data-dojo-config="async: true"></script>

    <script>
        require([
            'dojo/dom',
            'dojo/dom-construct'
        ], function (dom, domConstruct) {
            var greetingNode = dom.byId('greeting');
            domConstruct.place('<em> Dojo!</em>', greetingNode);
        });
    </script>
</body>
</html>

पिछले उदाहरण से अंतर यह है कि, एक अतिरिक्त स्क्रिप्ट टैग है और इसके भीतर, कुछ डोजो करतबों का उपयोग किया जा रहा है। आइए उनमें से प्रत्येक को देखें

आवश्यकता आम आदमी के कार्यकाल में, अन्य भाषाओं में बयान आयात करने या उपयोग करने के समान है, जहां आप कुछ ओओटीबी पुस्तकालयों का आयात करते हैं (डोजो में आप उन्हें मॉड्यूल कहते हैं)। मौजूदा मॉड्यूल को 'आवश्यकता' कीवर्ड का उपयोग करके लोड किया जाता है और कीवर्ड 'डिफाइन' का उपयोग करके नए मॉड्यूल बनाए जाते हैं। हम बाद के अनुभाग में मॉड्यूल के बारे में अधिक जानेंगे। इस उदाहरण के लिए, हमने दो ओओटीबी मॉड्यूल 'डोजो / डोम' और 'डोजो / डोम-कंस्ट्रक्शन' का इस्तेमाल किया है। dojo / dom (डोम) कोर DOM (डॉक्यूमेंट ऑब्जेक्ट मॉडल) है जिसका उपयोग html से नोड प्राप्त करने के लिए किया जा सकता है। जावास्क्रिप्ट डेवलपर्स के लिए, यह डॉक्यूमेंट के समान है ।getElementById ('' ') वास्तव में, आंतरिक रूप से डोजो एक ही विधि का उपयोग करता है। dojo / dom-construct (domConstruct) का उपयोग div, li, ul आदि नोड्स बनाने के लिए किया जाता है। यह DOM कंस्ट्रक्शन API है और इसका उपयोग किसी भी स्थिति में DOM में नोड डालने के लिए भी किया जा सकता है। मान लीजिए, आपके पास एक div 'abc' है और एक और div 'xyz' बनाना चाहते हैं और इसे 'abc' के बाद रखना चाहते हैं। आप उस तरह से पूरा कर सकते हैं

domConstruct.create("div", { id:"xyz",innerHTML: "<p>new DIV</p>" });
domConstruct.place(dojo.byId("xyz"), dojo.byId("abc"), "after");

हमारे उदाहरण पर वापस आते हुए, हमारे पास है

require([
            'dojo/dom',
            'dojo/dom-construct'
        ], function (dom, domConstruct) {
            var greetingNode = dom.byId('greeting');
        domConstruct.place('<em> Dojo!</em>', greetingNode);
        });

फ़ंक्शन के भीतर, आप डोम और डोमकॉन्स्ट्रक्ट देखते हैं। यह है कि हम dojo / dom और dojo / dom-construct का पुन: दावा करते हैं। आप जो चाहें नामकरण सम्मेलन का उपयोग कर सकते हैं

require([
                'dojo/dom',
                'dojo/dom-construct'
            ], function (hi, bye) {
                var greetingNode = hi.byId('greeting');
                bye.place('<em> Dojo!</em>', greetingNode);
            });

लेकिन यह आपके लिए एक अच्छा अभ्यास है कि सार्थक नाम जैसे डोजो / डोम का उपयोग डोम और डोजो / डोम-कंस्ट्रक्शन के लिए, उपयोगकर्ता डोमिनरॉक।

अब फ़ंक्शन के भीतर, हमारे पास है

var greetingNode = hi.byId('greeting');

यह क्या करता है कि यह आईडी ('ग्रीटिंग') के साथ डोम (डिव) को खोजता है। वैरिएबल ग्रीटिंगनोड, वास्तविक डोम नोड होगा। तो हमारे पास हैं,

domConstruct.place('<em> Dojo!</em>', greetingNode);

तो यहाँ, हम Dojo अपील कर रहे हैं! नोड नमस्कार के लिए। यह हैलो + डोजो की तरह है! और आउटपुट हैलो डोजो होगा!

इसलिए इसके साथ, हमने सीखा

डोजो सुविधाओं का उपयोग कैसे करें
ओओटीबी मॉड्यूल का उपयोग कैसे करें
डोम में हेरफेर कैसे करें

Modified text is an extract of the original Stack Overflow Documentation

के तहत लाइसेंस प्राप्त है CC BY-SA 3.0

से संबद्ध नहीं है Stack Overflow

dojo
नमस्ते डोजो

खोज…

परिचय

नमस्ते दुनिया

डोजो एएमडी