🤦🏻 🎤 ♠️ जावास्क्रिप्ट अकसर किये गए सवाल: भाग 2 👨🏼‍🎤 ⛸️ 🌈

लगभग 2 महीने पहले, TheShock और मैंने JavaScript FAQ में जावास्क्रिप्ट प्रश्नों को एकत्रित किया है : प्रश्न पूछें । पहला भाग, जो प्रश्न मुझे मिले, वे कुछ दिनों बाद जावास्क्रिप्ट एफएक्यू: भाग 1 में दिखाई दिए, लेकिन दूसरा भाग काम नहीं करता है और बाहर काम नहीं करता है। शॉक अब दूसरे देश में जा रहा है और इसलिए यह जवाब तक नहीं है। उसने मुझे उसके हिस्से का जवाब देने के लिए कहा। तो उत्तर के दूसरे भाग में वे प्रश्न हैं जो मुझे भी मिले।

इस भाग में:

क्यों बुराई है = बुराई?
Eval को कैसे बदलें?
फ्लैश के बिना जेएस का उपयोग करके ध्वनि कैसे खेलें? किन स्वरूपों का समर्थन किया जाता है?
वैश्विक चर का उपयोग स्क्रिप्ट को कितना धीमा करता है?
JS पर पाठ चयन को कैसे रोकें?
(फ़ंक्शन () {}) (); इस डिजाइन का उपयोग किस लिए किया जाता है?
घटनाओं को कैसे रीसेट करें और आइटम स्थिति को पुनर्स्थापित करें?
Ajax अनुप्रयोगों में पैरामीटर के साथ js कमांड को सही ढंग से कैसे स्थानांतरित करें?
क्यों jQuery पास विंडो में अगर यह पहले से ही वैश्विक है और अपरिभाषित क्यों है?
कैसे पता लगाएं कि उपयोगकर्ता किस तरह से माउस व्हील को घुमाता है?
क्या कोई तत्व फोकस घटना है, यदि नहीं, तो क्या इसे लागू करना संभव है?
कैसे एक अपरिवर्तनीय वस्तु (फ्रीज) बनाने के लिए?
क्या DOMElement का कस्टम क्रियान्वयन करना संभव है ताकि टैग के सबसेट को पार्स करते समय इसका उपयोग किया जाए?
आप किस क्लाइंट MVC फ्रेमवर्क की सलाह देते हैं?
बाईपास पर रेफर प्रतिबंध
जावास्क्रिप्ट में GOTO
जावास्क्रिप्ट वंशानुक्रम मनुष्य और स्त्री को मानव से आगे बढ़ाने के लिए वैचारिक रूप से कैसे सही है
क्या लेआउट और सर्वर-साइड में खुदाई के बिना एक जावास्क्रिप्ट प्रोग्रामर प्राप्त करना संभव है?
.Js से निष्पादित कोड के लिए सर्वर से डेटा स्थानांतरित करने की क्या प्रथाएं हैं?
क्या साधारण डूमलमेन (div) का उपयोग करके DOMInputElement के व्यवहार को चुनना (अनुकरण करना) संभव है?
निजी और सार्वजनिक तरीकों की समस्या
एक साथ कई फ़ाइलों को चुनने और अपलोड करने के लिए JS का उपयोग कैसे करें?
फ़ाइल और फॉर्मडाटा का उपयोग करके फ़ाइलों को डाउनलोड करते समय, मैं कैसे निर्धारित कर सकता हूं कि उपयोगकर्ता किसी निर्देशिका को लोड करने की कोशिश कर रहा है?
क्या जावास्क्रिप्ट (क्रमशः पायथन / जावा से शब्द) में घोषणाओं / टिप्पणियों के लिए कोई एनालॉग हैं?

1. क्यों बुराई है = बुराई?

1. Eval कार्यक्रम के सामान्य तर्क का उल्लंघन करता है, कोड उत्पन्न करता है।
2. यह वर्तमान संदर्भ में कोड को निष्पादित करता है और इसे बदल सकता है - हमलों के लिए एक संभावित स्थान। इस ट्रिक को करके संदर्भ को बदला जा सकता है:

(1,eval)(code);

यहां क्या होता है: eval एक ही कार्य है जो कि आह्वान की विधि पर निर्भर करता है। इस मामले में, हम वैश्विक संदर्भ बदलते हैं।

3. eval द्वारा उत्पन्न कोड डीबग करना कठिन है।
4. Eval को पूरा होने में बहुत लंबा समय लगता है।

आदर
वैश्विक विकास। विकल्प क्या हैं?
Stackoverflow पर सवालों का एक गुच्छा:
stackoverflow.com/questions/197769/when-is-javascripts-eval-not-evil
stackoverflow.com/questions/646597/eval-is-evil-so-what-should-i-use-instead
stackoverflow.com/questions/86513/why-is-using-javascript-eval-function-a-bad-idea
...

2. eval को कैसे बदलें?

Eval के लिए सबसे अच्छा प्रतिस्थापन एक अच्छा कोड संरचना है जिसमें eval का उपयोग शामिल नहीं है। हालांकि, eval को हमेशा नकारना आसान नहीं होता (JSON Parsing, Pattern Resizer)।
Eval के लिए एक अच्छा प्रतिस्थापन फंक्शन कन्स्ट्रक्टर है। लेकिन यह वही प्रमाण है जो वैश्विक संदर्भ में चलता है।

 new Function('return ' + code)(); //    (1,eval)(code);

3. फ्लैश के बिना जेएस का उपयोग करके ध्वनि कैसे खेलें? किन स्वरूपों का समर्थन किया जाता है?

सबसे सरल उपाय:

 <audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay> Your browser does not support the <code>audio</code> element. </audio>

लेकिन यह HTML5 ऑडियो तक सीमित नहीं है। प्रारूप: ओग वोरबिस, WAV PCM, MP3, AAC, Speex (ब्राउज़र निर्भर) प्रारूपों के बारे में: ऑडियो प्रारूप समर्थन

आदर
HTML5 ऑडियो और गेम डेवलपमेंट: ब्राउज़र बग, समस्याएं और समाधान, विचार
WHATWG - ऑडियो तत्व
MDN - HTML ऑडियो
उदाहरण: एक साधारण संश्लेषण बनाना
उदाहरण: ऑडियो नमूनों के साथ एक ग्राफिक प्रदर्शित करना
उदाहरण: एक ऑडियो स्पेक्ट्रम की कल्पना करना
उदाहरण: वेब आधारित टोन जनरेटर बनाना

4. वैश्विक चर का उपयोग लिपियों को कितना धीमा करता है?

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

यहाँ परीक्षण है: jsperf.com/global-vs-local-valiable-access
कृपया इस तथ्य पर विचार करें कि यह एक परीक्षण है, प्रत्येक ऑपरेशन को प्रति सेकंड 1 मिलियन बार चलाया जाता है। यहां तक कि अगर परीक्षण के लिए विकास 30% है, तो 1 ऑपरेशन के लिए वास्तविक विकास दुखी (माइक्रोसेकंड) होगा।

5. जेएस पर पाठ चयन को कैसे अक्षम करें?

कई विकल्प हैं।

1. onselectstart और onmousedown लिए preventDefault चलाएँ

 var element = document.getElementById('content'); element.onselectstart = function () { return false; } element.onmousedown = function () { return false; }

2. unselectable विशेषता जोड़ें

 $(document.body).attr('unselectable', 'on')

3. user-select: none शैली जोड़ें user-select: none

 .g-unselectable { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }

इस समस्या के पागल समाधान हैं:
4. टाइमर से लेकर क्लीन Range, TextRange, Selection
मैं नहीं समझाऊंगा। आप यहां चयन के साथ काम करने का तरीका देख सकते हैं: रेंज, टेक्स्टरेंज और चयन
5. कैनवास पर रेंडर टेक्स्ट
6. विकलांग टेक्सारिया का उपयोग करें

 <textarea disabled="disabled" style="border:none;color:#000;background:#fff; font-family:Arial;">      JS? </textarea>

यहाँ 1-3 तरीकों का उपयोग करके jQuery के लिए एक माइक्रो प्लगइन है

 $.fn.disableSelection = function() { function preventDefault () { return false; } $(this).attr('unselectable', 'on') .css('-moz-user-select', 'none') .css('-khtml-user-select', 'none') .css('-o-user-select', 'none') .css('-msie-user-select', 'none') .css('-webkit-user-select', 'none') .css('user-select', 'none') .mousedown(preventDefault); .each(function() { this.onselectstart = preventDefault; }); };

यह प्लगइन उन ब्राउज़र में Ctrl + A Ctrl + C से नहीं बचाएगा जो उपयोगकर्ता-चयन या अचयनित का समर्थन नहीं करते हैं। याद रखें: चयन पर प्रतिबंध लगाना बुराई है।

6. (फ़ंक्शन () {}) (); इस डिजाइन का उपयोग किस लिए किया जाता है?

इसे तत्काल-इनवॉल्ड फंक्शन एक्सप्रेशन (IIFE) कहा जाता है, एक अभिव्यक्ति फ़ंक्शन जिसे निर्माण के तुरंत बाद कहा जाता था।

यहां IIFE बनाने के कुछ तरीके दिए गए हैं

 (function(){ /* code */ })(); //  IIFE (function(){ /* code */ }()); //   //     "" true && function(){ /* code */ }(); 0,function(){ /* code */ }(); //  ,      !function(){ /* code */ }(); // Facebook style ~function(){ /* code */ }(); -function(){ /* code */ }(); +function(){ /* code */ }(); //  new new function(){ /* code */ } new function(){ /* code */ }() //   ,

इसका उपयोग कहां किया जाता है:
1. यदि आपको बाहरी वातावरण में नहीं आने के लिए कुछ चर की आवश्यकता है (जैसे कि चलो)

 var APPLICATION_ID = function(){ var keys = { 'pew.ru': 15486, 'pew.pew.ru': 15487, 'pew.pew.pew.ru': 1548 }; return keys[window.location.host]; }();

2. एक स्थानीय सर्किट बनाना - मॉड्यूल के लिए आधार, ऑब्जेक्ट जो राज्य को स्टोर करते हैं

 var Module = (function(){ function privateMethod () { }; return { publicMethod: function () { return privateMethod(); } }; }());

आदर
तुरंत-आमंत्रित समारोह अभिव्यक्ति (IIFE)
ECMA-262-3 विस्तार से। अध्याय 5. कार्य
कार्य और कार्य क्षेत्र
नामित कार्य अभिव्यक्तियाँ
जावास्क्रिप्ट मॉड्यूल पैटर्न: गहराई में
क्लोज़र ने जावास्क्रिप्ट के साथ समझाया

7. घटनाओं को कैसे रीसेट करें और एक तत्व की स्थिति को पुनर्स्थापित करें?

हमारे पास HTML और CSS का उपयोग करके शुरू में सेट किए गए "ए" मापदंडों के साथ डोम ऑब्जेक्ट के कुछ प्रकार हैं। प्रक्रिया में, हम गतिशील रूप से "बी" के मापदंडों को बदलते हैं। क्या प्रारंभिक राज्य "ए" के लिए किसी वस्तु की स्थिति को "रीसेट" करने का एक सरल तरीका है? इसी तरह घटनाओं के साथ। प्रारंभिक अवस्था में वापस कैसे रोल करें?

वस्तु की स्थिति में रोलबैक काम नहीं करता है। DOM राज्य को संग्रहीत नहीं करता है क्योंकि तत्वों को विभिन्न तरीकों से प्राप्त किया जा सकता है: सीधे HTML कोड से और जावास्क्रिप्ट उत्पन्न।

घटनाओं के साथ, सब कुछ सरल है। डोम में एक अच्छा क्लोनोड विधि है। हम बस अपनी सभी सामग्रियों के साथ तत्व को क्लोन करते हैं (इसमें घटनाएं नहीं होंगी) और पुराने तत्व को नए के साथ बदलें।

 //   $('input').click(function(){alert('')}); function resetEvents(element) { var newElement = element.cloneNode(true); element.parentNode.insertBefore(newElement, element); // fixed by @spmbt element.parentNode.removeChild(element); return newElement; } resetEvents($('input')[0]); //

8. jax आदेशों के साथ ajax अनुप्रयोगों में सही ढंग से स्थानांतरण कैसे करें?

कैसे उद्धरण के साथ उपद्रव के बिना AJAX अनुप्रयोगों में मापदंडों के साथ जेएस कमांड को सही ढंग से स्थानांतरित करने के लिए? यह ऊपर वर्णित अजाक्स प्रणाली में डेटा ट्रांसफर से संबंधित है। नेस्टिंग मापदंडों के कई स्तरों के साथ जटिल आदेशों को प्रेषित करते समय (उदाहरण के लिए, "सेटटाइमआउट ('अलर्ट (" बो !!! - ";'; 200);") उद्धरण का उपयोग करते समय समस्याएं देखी जाती हैं। उन्हें कैसे हल किया जाए या उनके डिजाइन के लिए कोई सामान्य नियम हैं?

सर्वर से क्लाइंट के लिए फॉरवर्डिंग कोड खराब है। यह eval के साथ समस्या के समान है। सही ढंग से, जल्दी और सुरक्षित रूप से कोड को संचारित नहीं करता है, लेकिन वह डेटा जो ब्राउज़र प्रक्रिया करेगा।

आप RPC का उपयोग कर सकते हैं। NowJS का उपयोग करके बहुत पारदर्शी RPC प्राप्त की जा सकती है। NowJS एक ढांचा है जो आपको क्लाइंट पर कार्य करते समय सर्वर पर कार्य करने की अनुमति देता है।

यहाँ साइट से एक उदाहरण है:
सर्वर पर: Node.JS सर्वर

 var nowjs = require("now"); //   http  var everyone = nowjs.initialize(httpServer); everyone.now.getServerInfo = function(callback){ db.doQuery(callback); }

क्लाइंट पर

 now.getServerInfo(function(data){ //   });

सरल, पारदर्शी और सुंदर!

आदर
NowJS के साथ शुरुआत करना

9. क्यों jQuery पास विंडो में अगर यह पहले से ही वैश्विक है और अपरिभाषित क्यों है?

jQuery एक क्लोजर बनाता है और विंडो को फेंकता है और उसमें अपरिभाषित होता है।
1. undefined कोड की मात्रा को कम करने के लिए पारित किया जाता है और undefined की पुनर्लेखन की समस्या को बायपास करता है। jQuery की तुलना अक्सर undefined और जब संपीड़ित होती है, तो undefined एकल अक्षर चर में बदल जाता है।
2. कोड की मात्रा को कम करने के लिए window पास की जाती है। jQuery एक अच्छी नीति लागू करता है, window.setInterval() और अन्य का उपयोग करके विंडो विधियों को अपने आप से अलग करता है। जब संपीड़ित किया जाता है, तो window एक-अक्षर चर में बदल जाती है, कोड में c.setInterval()

10. कैसे पता लगाएं कि उपयोगकर्ता किस तरह से माउस व्हील को घुमाता है?

स्क्रॉल व्हील ' DOMMouseScroll ' (फ़ायरफ़ॉक्स) और ' mousewheel ' (बाकी) पर प्रतिक्रिया देने वाली 2 घटनाएं हैं
किसी घटना को कैसे लटकाएं, मुझे लगता है कि हर कोई समझता है, चलो इसके हैंडलर को देखें

 function wheel(event){ var delta = 0; if (!event) event = window.event; //  IE. //   delta if (event.wheelDelta) { // IE, Opera, safari, chrome -    120 delta = event.wheelDelta/120; } else if (event.detail) { // Mozilla,    3 delta = -event.detail/3; } if (delta) { //    -   ( ). if (event.preventDefault) { event.preventDefault(); } event.returnValue = false; //  IE //    0,    ,   var dir = delta > 0 ? 'Up' : 'Down', } }

JQuery के लिए माउस व्हील प्लगिन jQuery माउस व्हील प्लगिन डेमो है

सभी तत्व एक स्क्रॉल घटना उत्पन्न नहीं कर सकते हैं। विशिष्ट ब्राउज़र पर निर्भर करता है। और पढ़ें: स्क्रॉल और मूसवेल

11. क्या तत्व के लिए एक फोकस घटना है, यदि नहीं, तो क्या इसे लागू करना संभव है?

फोकस एक तार्किक घटना है, जिसमें दिखाया गया है कि ऑब्जेक्ट अब चयनित है।

यदि आप मानक पढ़ते हैं , तो यह कहता है कि focus और blur ईवेंट केवल फॉर्म एलिमेंट्स के लिए हैं: LABEL, INPUT, SELECT, TEXTAREA और BUTTON। मानक रूप से, कोई अन्य तत्व इस घटना को उत्पन्न नहीं कर सकता है। अन्य सभी तत्वों के लिए, अन्य DOMFocusIn और DOMFocusOut । IE, हमेशा की तरह, इसकी अपनी घटनाएँ हैं: focusout और focusout ।
फ़ायरफ़ॉक्स भी विशेष रूप से मानक के अनुरूप नहीं है, इसमें कुछ तत्व हैं, फॉर्म को छोड़कर वे focus और blur को फेंक सकते हैं।

focus, blur, focusin, focusout, DOMFocusIn, DOMFocusOut :
www.quirksmode.org/dom/events/tests/blurfocus.html
यदि हम किसी तत्व की सभी 3 घटनाओं को सुनते हैं, तो हम यह निर्धारित कर सकते हैं कि किसी तत्व को फोकस प्राप्त हुआ या नहीं।

आदर
धुंधला और फोकस

12. एक अपरिवर्तनीय वस्तु (फ्रीज) कैसे बनाएं?

ECMAScript 3 में (मानक जो सभी जावास्क्रिप्ट इंजन समर्थन करते हैं) किसी ऑब्जेक्ट को फ्रीज करना संभव नहीं था, लेकिन ECMAScript 5 में कई कार्य दिखाई दिए जो किसी वस्तु के परिवर्तन को तुरंत सीमित कर देते हैं।

Object.preventExtensions सबसे कमजोर सीमा है। ऑब्जेक्ट अतिरिक्त पैरामीटर प्राप्त नहीं कर सकता
Object.seal - preventExtensions + किसी भी पैरामीटर को हटाया नहीं जा सकता
Object.freeze - preventExtensions + seal + पैरामीटर रीड-ओनली हो जाते हैं
सभी ब्राउज़र इन नए तरीकों का समर्थन नहीं करते हैं।

आदर
जावास्क्रिप्ट में नया 1.8.5
Object.preventExtensions / सील / फ्रीज समारोह (जावास्क्रिप्ट)
ECMAScript 5 संगतता तालिका

13. क्या DOMElement का कस्टम क्रियान्वयन करना संभव है ताकि इसका उपयोग टैग्स के सबसेट को पार्स करने के लिए किया जाए?

सीधे तौर पर नहीं। DOM जावास्क्रिप्ट से अलग है और इसलिए कुछ सीमाएँ हैं।
1. विशिष्ट तत्वों के कोई निर्माता नहीं हैं - तत्वों का केवल एक कारखाना है - document.createElement('') और तत्वों को बनाने के लिए कुछ स्ट्रिंग विधियाँ - String.prototype.anchor और इतने पर। HTMLElement और HTMLDivElement कंस्ट्रक्टर नहीं हैं।
2. अगर हम कंस्ट्रक्टर का अनुकरण करते हैं, तो भी DOM उसे पेड़ में डालने के बाद ऑब्जेक्ट को "क्लियर" करेगा।
उदाहरण

 //   - var HTMLZzzElement = function () { var self = document.createElement('zzz'); self.__proto__ = HTMLZzzElement.prototype; return self; }; //   HTMLUnknownElement function F(){} F.prototype = HTMLUnknownElement.prototype; HTMLZzzElement.prototype = new F(); HTMLZzzElement.prototype.constructor = HTMLZzzElement; HTMLZzzElement.prototype.pewpewpew = function () {}; //  var zzz = new HTMLZzzElement(); // ,  zzz.innerHTML = 'Yohoho!'; //  console.log(zzz instanceof HTMLZzzElement); // true console.log(zzz instanceof HTMLUnknownElement); // true console.log(zzz instanceof HTMLElement); // true console.log(typeof zzz.pewpewpew); // function //  -   //   DOM document.body.appendChild(zzz); //   zzz = document.querySelector('zzz') //   console.log(zzz instanceof HTMLZzzElement); // false console.log(zzz instanceof HTMLUnknownElement); // true console.log(zzz instanceof HTMLElement); // true console.log(typeof zzz.pewpewpew); // undefined

हालाँकि, हम HTML तत्व के "वर्ग" के प्रोटोटाइप में विधियों और गुणों को जोड़ सकते हैं और फिर भविष्य में इसका उपयोग कर सकते हैं:

 HTMLUnknownElement.prototype.pewpewpew = function () {}; console.log(typeof zzz.pewpewpew); // function

"वर्गों" की विरासत श्रृंखला है
Node -> Element -> HTMLElement -> HTMLDivElement/HTMLMetaElement ...
आप एक तत्व के प्रोटोटाइप में एक विधि जोड़ सकते हैं, लेकिन याद रखें कि अन्य लोगों की वस्तुओं को पैच करना खराब है!

यह विधि केवल आधुनिक ब्राउज़रों में काम करेगी। IE8 और नीचे में, html तत्वों को हवा से लिया जाना चाहिए, इसलिए उनके प्रोटोटाइप को कम स्तर पर फिर से नहीं लिखा जा सकता है:

 >>document.createElement('div').constructor //undefined --   null...

 >>document.createElement('div') instanceof Object //false -- , ?    toString   >>Object.prototype.toString.call(document.createElement('div')); //"[object Object]"

14. क्लाइंट MVC-फ्रेमवर्क को क्या सलाह देते हैं?

कई रूपरेखाएँ हैं:
JavaScriptMVC
Backbone.js
SproutCore
TrimJunction

सब कुछ देखो और जो आपको सबसे अच्छा लगता है उसे चुनें। मैंने केवल बैकबोन.जेएस के साथ कसकर काम किया

आदर
Backbone.js के साथ जटिल इंटरफेस लिखना
और फिर से एमवीसी के बारे में
जावास्क्रिप्ट mvc

15. बाईपास रेफर प्रतिबंध

Blabla.ru सर्वर पर एक तस्वीर है, अगर सर्वर रेफर को दूसरे सर्वर (pewpew.com) से ट्रांसफर करता है तो सर्वर इसे नहीं देता है। चित्र की सामग्री कैसे प्राप्त करें और उपयोगकर्ता को दिखाएं

सीधे ब्राउज़र से किसी भी तरह से। आप एक सर्वर प्रॉक्सी बना सकते हैं जो रेफ़र को बदल देगा।

16. जावास्क्रिप्ट में GOTO

वास्तव में सवाल यह है कि जावास्क्रिप्ट में गोटो व्यवहार को कैसे दोहराया जाए। (अच्छी शैली और गोटो के बारे में बात करने की कोई आवश्यकता नहीं है :) हम उत्पन्न कोड के बारे में बात कर रहे हैं। और ब्लॉक और चक्रों की बहाली एक तुच्छ प्रक्रिया नहीं है)

जावास्क्रिप्ट में टैग हैं, लेकिन कोई गोटो नहीं है (केवल एक आरक्षित शब्द है)। लेबल अन्य सभी भाषाओं की तरह ही दिखता है, लेकिन वे अलग तरह से काम करते हैं। एक लेबल एक ब्लॉक का चयन करता है। ब्लॉक के अंदर अन्य चिह्नित ब्लॉक हो सकते हैं। आप ब्रेक का उपयोग करके लेबल पर जा सकते हैं और जारी रख सकते हैं, जो इस ब्लॉक के अंदर हैं।

एक उदाहरण:

 loop1: for (var a = 0; a < 10; a++) { if (a == 4) { break loop1; //  4  } alert('a = ' + a); loop2: for (var b = 0; b < 10; ++b) { if (b == 3) { continue loop2; //  3 } if (b == 6) { continue loop1; //   loop1 'finished'    } alert('b = ' + b); } alert('finished') } block1: { alert('hello'); //  'hello' break block1; alert('world'); //     } goto block1; // Parse error - goto

17. जावास्क्रिप्ट में वंशानुक्रम। मनुष्य और स्त्री को मानव से आगे बढ़ाने के लिए वैचारिक रूप से कैसे सही है

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

18. क्या लेआउट और सर्वर-साइड में खुदाई के बिना एक जावास्क्रिप्ट प्रोग्रामर प्राप्त करना संभव है?

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

19. .js से निष्पादित कोड के लिए सर्वर से डेटा स्थानांतरित करने की क्या प्रथाएं हैं?

डेटा ट्रांसफर करने के बहुत सारे तरीके हैं: XHR, SSE, WebSockets, JSONP:
HTTP- सर्वर इवेंट्स का उपयोग करके HTTP सर्वर पुश को लागू करना
नई XMLHttpRequest2 सुविधाएँ
सर्वर से भेजे गए घटनाओं के साथ वास्तविक समय अनुप्रयोग बनाना
अजाक्स के बारे में बहुत कुछ

आपके द्वारा चुना गया कौन सा परिवहन और प्रारूप आवेदन के लिए आवश्यकताओं पर निर्भर करता है। उदाहरण के लिए, यदि यह चैट है, तो SSE या WebSockets बेहतर है (संदेश वितरण समय महत्वपूर्ण है)। और अगर इस चैट को IE6 में क्रॉस-डोमेन काम करना चाहिए, तो आपको आईफ्रेम या फ्लैश के साथ जादू जोड़ना होगा।

20. क्या साधारण डोलमेन (div) का उपयोग करके DOMInputElement के व्यवहार को चुनना (अनुकरण करना) संभव है?

निम्न स्तर पर यह असंभव है। मैंने 13 वें उदाहरण में इसका कारण बताया। आप एक आवरण बना सकते हैं जो इनपुट का अनुकरण करेगा, जो DOMDivElement पर आधारित होगा।
मैंने एक साधारण एमुलेटर jsfiddle.net/azproduction/Kz4d9 को स्केच किया - यह एक बहुत बुरा इनपुट निकला (यह पता नहीं है कि कैसे सबमिट करना है, यह नहीं जानता कि फोकस कैसे खोना है, आदि)।
एक ही समस्या को और अधिक सुरुचिपूर्ण ढंग से ( मुझे याद दिलाने के लिए फिनोम के लिए धन्यवाद) केवल 1 विशेषता जोड़कर हल किया जा सकता है: विवादास्पद , जो केवल डेस्कटॉप ब्राउज़र का समर्थन करता है - यह एक ही इनपुट निकला, लेकिन बहुत सरल और बेहतर jsfiddle.net/azitduction/ZTqRe

21. निजी और सार्वजनिक तरीकों की समस्या

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

शॉक :

अच्छा तरीका। एक कंस्ट्रक्टर में सभी तरीकों को घोषित करने से कम से कम बेहतर।

 // our constructor function Person(name, age){ this.name = name; this.age = age; }; // prototype assignment Person.prototype = new function(){ // we have a scope for private stuff // created once and not for every instance function toString(){ return this.name + " is " + this.age; }; // create the prototype and return them this.constructor = Person; this._protectedMethod = function (){ // act here }; this.publicMethod = function() { this._protectedMethod(); }; // "magic" toString method this.toString = function(){ // call private toString method return toString.call(this); } };

मॉड्यूलर दृष्टिकोण:

 var Module = (function (window) { function privateFunction() { console.log('pass'); }; var privateClass = function () {}; var publicClass = function () {}; publicClass.prototype.publicMethod = function () { privateFunction(); // ... }; return { //  publicClass: publicClass }; }(this)); //  (new Module.publicClass()).publicMethod();

22. एक साथ कई फ़ाइलों को चुनने और अपलोड करने के लिए JS का उपयोग कैसे करें?

सब कुछ लंबे समय के लिए लिखा गया है और एक बार नहीं:
1. एचटीएमएल 5 फ़ाइल एपीआई: कई फाइल सर्वर पर अपलोड होती है
2. HTML5 का उपयोग करके फ़ाइलें अपलोड करना और हमने कितनी बार बुरे शब्द कहे
3. कई फ़ाइलों को लोड करने वाला ब्राउज़र
4. ajax php फॉर्म के साथ कई फाइलें अपलोड करता है
5. वरीयताओं और नर्तकियों के साथ HTML5 फ़ाइल एपीआई का उपयोग करके फ़ाइलें डाउनलोड करें

23. फाइल और फॉर्मडाटा का उपयोग करते हुए फाइलें डाउनलोड करते समय, मैं कैसे निर्धारित कर सकता हूं कि उपयोगकर्ता किसी निर्देशिका को लोड करने की कोशिश कर रहा है?

फ़ाइल और फॉर्मडाटा का उपयोग करते हुए फ़ाइलों को डाउनलोड करते समय - यह निर्धारित करने के लिए कि उपयोगकर्ता किसी निर्देशिका को लोड करने का प्रयास कर रहा है या नहीं। File.type संपत्ति दुर्भाग्य से मदद नहीं करती है (कुछ प्रकारों के लिए, जैसे कि dir - एक खाली स्ट्रिंग के लिए), क्या आकार गुण भी (ff और सफारी अलग-अलग दिखाते हैं)?

File.type , यह कहा जाता है कि यह एक माइम प्रकार है और यदि इसे परिभाषित नहीं किया जाता है, तो यह एक रिक्त स्ट्रिंग बन जाता है। माइम प्रकार, हमेशा की तरह फ़ाइल / फ़ोल्डर एक्सटेंशन से प्राप्त किया जाता है। यदि हम "pewpew" नाम से एक वास्तविक फ़ाइल को स्लिप करते हैं, तो माइम "" होगा, और यदि निर्देशिका को "pewpew.html" कहा जाता है, तो माइम "text/html" । यह हमें शोभा नहीं देता।
फ़ोल्डर का आकार हमेशा 0 होता है, लेकिन इसमें आकार 0 बाइट्स की फाइलें हो सकती हैं। 100% आत्मविश्वास के लिए, यह हमारे अनुरूप नहीं है।
मानक www.w3.org/TR/FileAPI निर्देशिकाओं के बारे में अलग से बात नहीं करता है, लेकिन यह कहता है कि ब्राउज़र SECURITY_ERR फेंक सकते हैं यदि उपयोगकर्ता गलत फ़ाइलों (संरक्षित, पठनीय, आदि) के साथ काम करने की कोशिश करता है। हम आगे बढ़ेंगे। इस का।

मैंने जो आधार लिया वह ड्रैग एंड ड्रॉप का उदाहरण है
हम संसाधन के प्रकार को निर्धारित करने के लिए FileReader का उपयोग करेंगे। फ़ायरफ़ॉक्स में, यदि आप फ़ोल्डर को फ़ाइल के रूप में पढ़ते हैं, तो reader.readAsDataURL विधि एक अपवाद को फेंक देती है। क्रोम में, यह अपवाद नहीं फेंका गया है, लेकिन reader onerror घटना को onerror । हम यह निर्धारित करने के लिए एक फ़ंक्शन को पार करते हैं और प्राप्त करते हैं कि यह फ़ाइल है या नहीं।

 function isReadableFile(file, callback) { var reader = new FileReader(); reader.onload = function () { callback && callback(true); callback = null; } reader.onerror = function () { callback && callback(false); callback = null; } try { reader.readAsDataURL(file); } catch (e) { callback && callback(false); callback = null; } }

फ़ंक्शन में, सुरक्षा के लिए, मैं कॉलबैक को हटा देता हूं ताकि इसे फिर से कॉल न किया जाए (भविष्य में, FileReader का व्यवहार बदल सकता है)।
Jsfiddle.net/azproduction/3sV23/8 उदाहरण

शायद यह फ़ाइल के आकार से सीमित था। यदि 0 है, तो विचार करें कि यह कोई फ़ाइल नहीं है (क्योंकि आकार में 0 बाइट्स की फ़ाइल अपलोड करना अजीब है)।

24. क्या जावास्क्रिप्ट (क्रमशः पायथन / जावा से शब्द) में घोषणाओं / टिप्पणियों के लिए कोई एनालॉग हैं?

कोई प्रत्यक्ष एनालॉग नहीं हैं।

PS यदि मैं किसी प्रश्न का उत्तर देना भूल गया - इसे फिर से पूछें। यदि आपके पास ऐसे प्रश्न हैं जिनका पहले या दूसरे भाग में कोई उत्तर नहीं है - पूछें - वे तीसरे में होंगे;)

जावास्क्रिप्ट अकसर किये गए सवाल: भाग 2