diff options
Diffstat (limited to 'hi-in/amd.html.markdown')
| -rw-r--r-- | hi-in/amd.html.markdown | 59 |
1 files changed, 30 insertions, 29 deletions
diff --git a/hi-in/amd.html.markdown b/hi-in/amd.html.markdown index d4f832fe..3604efb5 100644 --- a/hi-in/amd.html.markdown +++ b/hi-in/amd.html.markdown @@ -14,10 +14,10 @@ lang: hi-in ### मूल अवधारणा ```javascript -// बुनियादी एएमडी एपीआई दो तरीकों लेकिन कुछ भी नहीं होते : ` define` और` require` +// बुनियादी एएमडी एपीआई दो तरीकों लेकिन कुछ भी नहीं होते : `define` और `require` // और सभी मॉड्यूल परिभाषा और खपत के बारे में है : // `define` एक मॉड्यूल को परिभाषित करता है -// ` require` निर्भरता का एक सेट का आयात करता है और +// `require` निर्भरता का एक सेट का आयात करता है और // पारित कर दिया कॉलबैक में उन्हें सेवन करती है // एक नया नाम देकर हम मॉड्यूल को परिभाषित करने का उपयोग करके शुरू करते हैं @@ -29,13 +29,13 @@ define('awesomeAMD', function(){ }; // एक मॉड्यूल के कारखाने समारोह की मान है // जब प्राप्त होगा क्या अन्य मॉड्यूल या आवश्यकता कॉल - // हमारे ` awesomeAMD` मॉड्यूल की आवश्यकता होती है । + // हमारे `awesomeAMD` मॉड्यूल की आवश्यकता होती है । // निर्यात मूल्य कुछ भी हो सकता है, (निर्माता ) काम करता है, // वस्तुओं, पुरातन, (जो कि बहुत ज्यादा मदद नहीं करेगा , हालांकि) भी अपरिभाषित । return isAMDAwesome; }); -// अब, हमारे ` awesomeAMD` मॉड्यूल पर निर्भर करता है कि किसी अन्य मॉड्यूल परिभाषित करते हैं। +// अब, हमारे `awesomeAMD` मॉड्यूल पर निर्भर करता है कि किसी अन्य मॉड्यूल परिभाषित करते हैं। // हमारे परिभाषित करने के लिए एक अतिरिक्त तर्क है कि नोटिस अब // मॉड्यूल की निर्भरता : define('loudmouth', ['awesomeAMD'], function(awesomeAMD){ @@ -51,8 +51,8 @@ define('loudmouth', ['awesomeAMD'], function(awesomeAMD){ return tellEveryone; }); -// हम अब परिभाषित का उपयोग करने के लिए कैसे जानते हैं के रूप में, के लिए ` require` का उपयोग करते हैं -// हमारे कार्यक्रम बंद किक । ` require` के हस्ताक्षर है :(arrayOfDependencies, callback)`. +// हम अब परिभाषित का उपयोग करने के लिए कैसे जानते हैं के रूप में, के लिए `require` का उपयोग करते हैं +// हमारे कार्यक्रम बंद किक । `require` के हस्ताक्षर है :(arrayOfDependencies, callback)`. require(['loudmouth'], function(loudmouth){ loudmouth(); }); @@ -90,7 +90,7 @@ require(['modules/someClass'], function(SomeClass){ console.log('So here we are, waiting!'); // this will run first ``` -परंपरा के अनुसार , आप आमतौर पर एक फाइल में एक मॉड्यूल में ही रखते है । ` require.js` फ़ाइल पथ पर आधारित मॉड्यूल नाम को हल कर सकते हैं , तो आप अपने मॉड्यूल के नाम करने की जरूरत नहीं है , लेकिन बस उनके स्थान का उपयोग कर उन्हें संदर्भित कर सकते हैं । उदाहरण के `में someClass` आपके विन्यास की ` baseUrl` के सापेक्ष ` modules` फ़ोल्डर में माना गया है : +परंपरा के अनुसार , आप आमतौर पर एक फाइल में एक मॉड्यूल में ही रखते है । `require.js` फ़ाइल पथ पर आधारित मॉड्यूल नाम को हल कर सकते हैं , तो आप अपने मॉड्यूल के नाम करने की जरूरत नहीं है , लेकिन बस उनके स्थान का उपयोग कर उन्हें संदर्भित कर सकते हैं । उदाहरण के `में someClass` आपके विन्यास की `baseUrl` के सापेक्ष `modules` फ़ोल्डर में माना गया है : * app/ * main.js @@ -102,7 +102,7 @@ console.log('So here we are, waiting!'); // this will run first * things.js * ... -इसका मतलब यह है कि हम एक मॉड्यूल आईडी निर्दिष्ट किए बिना ` someClass` परिभाषित कर सकते हैं : +इसका मतलब यह है कि हम एक मॉड्यूल आईडी निर्दिष्ट किए बिना `someClass` परिभाषित कर सकते हैं : ```javascript /* file: app/modules/someClass.js */ @@ -116,7 +116,7 @@ define(['daos/things', 'modules/someHelpers'], function(thingsDao, helpers){ }); ``` -अपने ` main.js` में डिफ़ॉल्ट पथ मानचित्रण व्यवहार का उपयोग ` requirejs.config ( configObj ) ` में परिवर्तन करने के लिए: +अपने `main.js` में डिफ़ॉल्ट पथ मानचित्रण व्यवहार का उपयोग `requirejs.config ( configObj )` में परिवर्तन करने के लिए: ```javascript /* file: main.js */ @@ -129,13 +129,13 @@ requirejs.config({ } }); require(['jquery', 'coolLibFromBower', 'modules/someHelpers'], function($, coolLib, helpers){ - //एक ` main` फ़ाइल में कम से कम एक बार की आवश्यकता को फोन करने की जरूरत है, + //एक `main` फ़ाइल में कम से कम एक बार की आवश्यकता को फोन करने की जरूरत है, // अन्यथा कोई कोड कभी चलेंगे coolLib.doFancyStuffWith(helpers.transform($('#foo'))); }); ``` -` require.js` आधारित क्षुधा आमतौर पर एक डाटा विशेषता के रूप में ` require.js` स्क्रिप्ट टैग को पारित कर दिया है कि एक एकल प्रवेश बिंदु (` main.js` ) होगा। यह स्वचालित रूप से भरी हुई है और pageload पर क्रियान्वित किया जाएगा : +`require.js` आधारित क्षुधा आमतौर पर एक डाटा विशेषता के रूप में `require.js` स्क्रिप्ट टैग को पारित कर दिया है कि एक एकल प्रवेश बिंदु ( `main.js` ) होगा। यह स्वचालित रूप से भरी हुई है और pageload पर क्रियान्वित किया जाएगा : ```html <!DOCTYPE html> @@ -153,7 +153,7 @@ require(['jquery', 'coolLibFromBower', 'modules/someHelpers'], function($, coolL कई लोगों को विकास के दौरान समझदार कोड संगठन के लिए एएमडी का उपयोग कर पसंद करते हैं, लेकिन अभी भी पेज लोड पर XHRs के सैकड़ों करने के बजाय उत्पादन में एक भी स्क्रिप्ट फ़ाइल जहाज करने के लिए चाहते हैं। -(राइनो भी समर्थन किया है, तो आप शायद Node.js में चलेगा ) ` require.js` ( अपनी परियोजना की निर्भरता ग्राफ का विश्लेषण , और अपने सभी मॉड्यूल युक्त एक एकल फाइल निर्माण कर सकते हैं कि ` r.js` नामक एक स्क्रिप्ट के साथ आता है ठीक से minified और उपभोग के लिए तैयार है, ) नाम दिया है। +(राइनो भी समर्थन किया है, तो आप शायद Node.js में चलेगा ) `require.js` ( अपनी परियोजना की निर्भरता ग्राफ का विश्लेषण , और अपने सभी मॉड्यूल युक्त एक एकल फाइल निर्माण कर सकते हैं कि `r.js` नामक एक स्क्रिप्ट के साथ आता है ठीक से minified और उपभोग के लिए तैयार है, ) नाम दिया है। Install it using `npm`: ```shell @@ -183,33 +183,34 @@ $ r.js -o app.build.js }) ``` -उत्पादन में बनाया फ़ाइल का उपयोग करने के लिए, बस ` Data-main` स्वैप: +उत्पादन में बनाया फ़ाइल का उपयोग करने के लिए, बस `Data-main` स्वैप: ```html <script src="require.js" data-main="app/main-built"></script> ``` -एक अविश्वसनीय रूप से विस्तृत [निर्माण विकल्पों में से अवलोकन] (https://github.com/jrburke/r.js/blob/master/build/example.build.js) GitHub रेपो में उपलब्ध है। +एक अविश्वसनीय रूप से विस्तृत [निर्माण विकल्पों में से अवलोकन](https://github.com/jrburke/r.js/blob/master/build/example.build.js) GitHub रेपो में उपलब्ध है। ### विषय इस ट्यूटोरियल में शामिल नहीं -* [लोडर प्लगइन्स / रूपांतरण] (http://requirejs.org/docs/plugins.html) -* [CommonJS शैली लोड हो रहा है और निर्यात] (http://requirejs.org/docs/commonjs.html) -* [उन्नत विन्यास] (http://requirejs.org/docs/api.html#config) -* [शिम विन्यास (गैर एएमडी मॉड्यूल लोडिंग)] (http://requirejs.org/docs/api.html#config-shim) -* [सीएसएस लदान और require.js साथ अनुकूलन] (http://requirejs.org/docs/optimization.html#onecss) -* (Https://github.com/jrburke/almond) [बनाता है के लिए almond.js का प्रयोग] + +* [लोडर प्लगइन्स / रूपांतरण](http://requirejs.org/docs/plugins.html) +* [CommonJS शैली लोड हो रहा है और निर्यात](http://requirejs.org/docs/commonjs.html) +* [उन्नत विन्यास](http://requirejs.org/docs/api.html#config) +* [शिम विन्यास (गैर एएमडी मॉड्यूल लोडिंग)](http://requirejs.org/docs/api.html#config-shim) +* [सीएसएस लदान और require.js साथ अनुकूलन](http://requirejs.org/docs/optimization.html#onecss) +* [बनाता है के लिए almond.js का प्रयोग](Https://github.com/jrburke/almond) ### अग्रिम पठन: -* [सरकारी कल्पना] (https://github.com/amdjs/amdjs-api/wiki/AMD) -* [क्यों एएमडी?] (Http://requirejs.org/docs/whyamd.html) -* [यूनिवर्सल मॉड्यूल परिभाषा] (https://github.com/umdjs/umd) +* [सरकारी कल्पना](https://github.com/amdjs/amdjs-api/wiki/AMD) +* [क्यों एएमडी?](Http://requirejs.org/docs/whyamd.html) +* [यूनिवर्सल मॉड्यूल परिभाषा](https://github.com/umdjs/umd) ### कार्यान्वयन: -* [Require.js] (http://requirejs.org) -* [डोजो टूलकिट] (http://dojotoolkit.org/documentation/tutorials/1.9/modules/) -* [Cujo.js] (http://cujojs.com/) -* [Curl.js] (https://github.com/cujojs/curl) -* [Lsjs] (https://github.com/zazl/lsjs) -* [एमडी] (https://github.com/alexlawrence/mmd) +* [Require.js](http://requirejs.org) +* [डोजो टूलकिट](http://dojotoolkit.org/documentation/tutorials/1.9/modules/) +* [Cujo.js](http://cujojs.com/) +* [Curl.js](https://github.com/cujojs/curl) +* [Lsjs](https://github.com/zazl/lsjs) +* [एमडी](https://github.com/alexlawrence/mmd) |