एक और जावास्क्रिप्ट स्क्रिप्ट लोडर

एक साइट को विकसित करते समय, मुझे एक स्क्रिप्ट लोडर की आवश्यकता थी, क्योंकि मैं चाहता था कि डाउनलोड को js कोड से बुलाया जाए। तैयार किए गए समाधानों से मुझे आवश्यकताएं और यज्ञोपवीत मिले । आवश्यकताएं मॉड्यूलर हैं, जो मेरी आवश्यकताओं के अनुरूप नहीं थीं। येपनोप अतुल्यकालिक है, जिसका अर्थ है कि मुझे कॉलबैक फ़ंक्शन में प्रत्येक फ़ाइल में कोड को लपेटना होगा। खुद कुछ लिखने के अलावा कुछ नहीं बचा था। और यहाँ मुझे क्या मिला: wakeloader जावास्क्रिप्ट के लिए एक मॉड्यूल रहित तुल्यकालिक स्क्रिप्ट लोडर है। इस लेख में मैं उसके बारे में बात करूंगा।

प्रारंभ

निम्नलिखित HTML कोड में जोड़ा जाना चाहिए:

<script wake-loader src="/loader.min.js"></script> 

मापदंडों

वकालाओदर में कई बूट विकल्प हैं, यहां उनकी एक सूची दी गई है:

 string main-file       (main.js) string main  ,     string update  ,      bool quick  true,   main     DOMContentLoaded, false - onload bool cached     object alias   array queue     

पैरामीटर दो तरीकों से सेट किए जा सकते हैं:

1. मापदंडों के साथ एक वस्तु बनाकर

 <script> wakeloader = { mainFile : "/app/main", main : "main", update : "04.04.2013", quick : true, cached : true, alias : { "http://code.jquery.com/" : "jquery/" }, queue : ["/app/widget","jquery/jquery-2.0.2.min",{ "http://some.serv.er/lib/" : ["sugar","backbone"] }] }; </script> <script wake-loader src="/loader.min.js"></script> 

2. वाया लिपि टैग विशेषताएँ

 <script wake-loader data-main-file="/app/main" data-main data-update="04.04.2013" data-cached data-quick data-alias='{ "http://code.jquery.com/" : "jquery/" }' src="/loader.min.js"> ["/app/widget","jquery/jquery-2.0.2.min",{ "http://some.serv.er/lib/" : ["sugar","backbone"] }] </script> 

कतार को data-queue विशेषता के माध्यम से भी सेट किया जा सकता है।

कार्यों

वाकेलैडर के केवल दो कार्य हैं: ये require और updateQueue ।

आपके द्वारा निर्दिष्ट स्क्रिप्ट को लोड करने की require , जो वैश्विक नामस्थान में उपलब्ध है।

 require('jquery/jquery-1.10.1.min','/app/lastfm-api'); 

updateQueue फ़ंक्शन को कॉल करने के बाद, पहली बार पृष्ठ ताज़ा होने पर, कतार कैश अपडेट किया जाएगा। फ़ंक्शन केवल wakeloader ऑब्जेक्ट से उपलब्ध है।

यह कैसे काम करता है

यह सब काफी सरलता से काम करता है: आप केवल एक ही तरह से फ़ंक्शन की require के तुल्यकालन को प्राप्त कर सकते हैं - XMLHttpRequest के माध्यम से स्क्रिप्ट लोड करना और टैग के अंदर कोड डालना . , .

: , , .



, cached true , .



require localStorage , .


requirejs, .



( ). , wakeloader c - 700ms, requirejs - 800ms.

UPD: requirejs, shim:



.

GitHub. .
PS: php-cli , wakeloader'a github'e.