में Modernizr है मुझे RequJS और Modernizr के साथ कोई समस्या है।RequJS में Modernizr शामिल करें और हेड टैग
मैं आधुनिकता संसाधन को सिर पर रखना चाहता हूं। और शरीर में सबकुछ। इसका कारण यह है कि मॉडर्निज़र को DOMContentLoad से पहले कुछ सामान करने की आवश्यकता है। मैं RequizS का उपयोग कर मॉड्यूलर मॉड्यूल को अन्य मॉड्यूल में लोड करने में सक्षम होना चाहता हूं। मैं देव और उत्पादन पर्यावरण दोनों को कैसे पूरा कर सकता हूं? मैं requjs का उपयोग करता हूं जो सभी निर्भरताओं को खींचता है और सभी संसाधनों को कम करता है। और यमन निर्माण मिनट के साथ <script data-main="scripts/main" src="scripts/vendor/require.js"></script>
बदलता है।
बॉडी टैग के तहत :
<!-- build:js ikl.app.js -->
<script data-main="scripts/main" src="scripts/vendor/require.js"></script>
<!-- endbuild -->
<script>
requirejs.config({
paths: {
'jquery' : 'vendor/jquery',
'handlebars' : 'vendor/handlebars',
'ember' : 'vendor/ember',
'ember-data' : 'vendor/ember-data',
'modernizr' : 'vendor/modernizr' // This should be removed
},
baseUrl: 'scripts',
shim: {
'jquery' : {
exports : 'jQuery'
},
'ember': {
deps: ['jquery', 'handlebars'],
exports: 'Ember'
},
'ember-data': {
deps: ['ember'],
exports: 'DS'
},
'handlebars': {
exports: 'Handlebars'
},
'modernizr': {
exports: 'Modernizr'
}
}
});
require([
'modules/system/controllers/system.controller',
'jquery',
'ember',
'ember-data',
'handlebars',
'modernizr'
],
function(systemController) {
systemController.renderView();
}
);
</script>
क्यों न सिर्फ Modernizr तुल्यकालिक सिर में एक स्क्रिप्ट तत्व में लोड को परिभाषित? आप शायद चाहते हैं कि पेज मॉडर्निजर को चलाने के लिए इंतजार कर सके ताकि सभी सीएसएस कक्षाएं मौजूद हों और आपको आश्चर्यजनक रूप से 'स्टाइल कूद' नहीं मिलते क्योंकि विभिन्न सीएसएस वर्ग अचानक आते हैं। –
इसे करने का प्रदर्शन लाभ है शरीर टैग यह एचटीएमएल को तेजी से प्रस्तुत करता है और जेएस तर्क लागू करता है। मैं – einstein
पर जितना संभव हो उतना छोटा जेएस लॉजिक नहीं कर सकता, फ्लैश-ऑफ-अनस्टाइल-कंटेंट एक दृढ़ तर्क है कि HTMLiz को लोड करने से पहले HTML को प्रस्तुत न किया जाए। फिर से विचार करना। –