jQuery मोबाइल - साक्षात्कार प्रश्न

यह एक यूजर इंटरफेस फ्रेमवर्क है जो कि jQuery कोर पर बनाया गया है और इसका उपयोग उत्तरदायी वेबसाइटों या एप्लिकेशन को विकसित करने के लिए किया जाता है जो मोबाइल, टैबलेट और डेस्कटॉप डिवाइसों पर उपलब्ध हैं।

  • यह इस तरह से वेब एप्लिकेशन बनाता है कि यह मोबाइल, टैबलेट और डेस्कटॉप डिवाइस पर उसी तरह काम करेगा।

  • यह अन्य फ्रेमवर्क जैसे कि PhoneGap, Whitelight आदि के साथ संगत है।

  • यह टच फ्रेंडली फॉर्म इनपुट और यूआई विजेट प्रदान करता है।

  • यह आपको सभी मोबाइल, टैबलेट और डेस्कटॉप प्लेटफार्मों में कार्यक्षमता लाता है और कुशल पेज लोड और व्यापक डिवाइस समर्थन जोड़ता है।

  • यह jQuery Core पर बनाया गया है और "कम लिखें, अधिक करें" यूआई फ्रेमवर्क।

  • यह एक खुला स्रोत, क्रॉस प्लेटफॉर्म और क्रॉस ब्राउज़र संगत है।

  • यह जावास्क्रिप्ट में लिखा गया है और मोबाइल फ्रीइंडली साइटों के निर्माण के लिए jQuery और jQueryUI दोनों की सुविधाओं का उपयोग करता है।

  • यह HTML5, CCS3, jQuery और jQueryUI को न्यूनतम स्क्रिप्टिंग वाले पृष्ठ बनाने के लिए एक ढांचे में एकीकृत करता है।

  • इसमें अजाक्स नेविगेशन प्रणाली शामिल है जो एनिमेटेड पेज संक्रमण का उपयोग करती है।

  • यदि आपके पास HTML5, CSS3 सुविधाओं का ज्ञान है, तो एप्लिकेशन सीखना और विकसित करना आसान है।

  • यह क्रॉस प्लेटफॉर्म और क्रॉस ब्राउज़र संगत है, इसलिए आपको प्रत्येक डिवाइस रिज़ॉल्यूशन के लिए अलग कोड लिखने के बारे में चिंता करने की ज़रूरत नहीं है।

  • यह वेब अनुप्रयोगों के आसान विकास के लिए जावास्क्रिप्ट के साथ HTML5 का उपयोग करता है।

  • यह इस तरह से बनाया गया है कि यह समान कोड को मोबाइल स्क्रीन से डेस्कटॉप स्क्रीन पर स्वचालित रूप से स्केल करने की अनुमति देता है।

  • सीएसएस विषयों के लिए सीमित विकल्प हैं ताकि साइटें समान दिख सकें जो इन विषयों द्वारा बनाई गई हैं।

  • जो अनुप्रयोग jQuery मोबाइल का उपयोग करके विकसित किए गए हैं वे मोबाइल पर धीमे हैं।

  • जब आप jQuery के मोबाइल को अन्य मोबाइल फ्रेमवर्क से जोड़ते हैं तो अधिक समय लगता है।

  • पूर्ण अनुकूलित दृश्य डिज़ाइन प्रदान करना कठिन है।

  • Custom Download : पुस्तकालय का एक अनुकूलित संस्करण डाउनलोड करने के लिए।

  • Latest Stable: JQuery मोबाइल लाइब्रेरी का स्थिर और नवीनतम संस्करण प्राप्त करने के लिए।

आप CDN फ़ाइलों का उपयोग कर सकते हैं -

  • <लिंक rel = "स्टाइलशीट" href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

  • <script src = "https://code.jquery.com/jquery-1.11.3.min.js"> </ script>

  • <script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </ script>

<div data-role = "page" id = "pageone">
    <div data-role = "header">
      <h1>Header</h1>
    </div>

    <div data-role = "main" class = "ui-content">
      //content goes here
    </div>

    <div data-role = "footer">
      <h1>Footer</h1>
    </div>
</div>

यह पृष्ठ के शीर्ष पर हेडर बनाता है।

इसका उपयोग पृष्ठ की सामग्री को परिभाषित करने के लिए किया जाता है।

यह पृष्ठ के निचले भाग में पाद बनाता है।

इसमें पृष्ठ सामग्री के अंदर पैडिंग और मार्जिन शामिल हैं।

एकाधिक पृष्ठों को एकल jQuery मोबाइल दस्तावेज़ में शामिल किया जा सकता है जो डेटा-भूमिका = "पेज" विशेषता के साथ कई विभाजनों को जोड़कर लोड करते हैं।

संवाद प्रदर्शित करने के लिए किसी भी पृष्ठ पर विशेषता डेटा-संवाद = "सही" का उपयोग करें।

डेटा-ट्रांस्फ़ॉर्मेशन विशेषता का उपयोग संवाद पर विभिन्न संक्रमण जैसे कि स्लेडाउन, फ्लिप आदि को लागू करने के लिए किया जाता है।

डेटा-क्लोज-बीटीएन विशेषता का उपयोग करके बटन को बंद किया जा सकता है।

डेटा-रिले = "बैक" विशेषता का उपयोग पिछले डायलॉग पर वापस जाने के लिए नेविगेट करने के लिए किया जाता है।

थीम को हेडर, फुटर या कंटेंट जैसे किसी भी कंटेनर में विशेषता डेटा-थीम जोड़कर संवाद में शामिल किया जा सकता है।

ui-कोने-सब

आप आइकन के लिए स्थिति निर्दिष्ट करने के लिए ui-icon वर्ग और ui-btn-icon-pos_name वर्ग का उपयोग करके बटन को आइकन सेट कर सकते हैं।

आप ui-shadow-icon वर्ग का उपयोग करके अपने बटन में आइकन छाया जोड़ सकते हैं।

आप ui-nodisc-icon वर्ग का उपयोग करके आइकन के चारों ओर ग्रे सर्कल को हटा सकते हैं।

एकल कॉलम ग्रिड बनाने के लिए div टैग में यूआई-ग्रिड-सोलो क्लास का उपयोग करें।

कक्षा ui-grid-a को div टैग में जोड़ें और दो स्तंभ लेआउट बनाने के लिए वर्ग ui-block-a और ui-block-b के साथ दो बाल कंटेनर शामिल करें।

तीन कॉलम ग्रिड बनाने के लिए div टैग में यूआई-ग्रिड-बी क्लास का उपयोग करें।

चार कॉलम ग्रिड बनाने के लिए div टैग में ui-grid-c वर्ग का उपयोग करें।

पाँच कॉलम ग्रिड बनाने के लिए div टैग में यूआई-ग्रिड-डी क्लास का उपयोग करें।

Ui-btn वर्ग का उपयोग करके पृष्ठ में एक साधारण मूल बटन बनाएं।

डेटा-भूमिका = "नियंत्रण समूह" विशेषता का उपयोग करके पृष्ठ में लंबवत और क्षैतिज रूप से बटन का एक समूह बनाएं।

आप ui-mini क्लास का उपयोग करके पेज में छोटे बटन बना सकते हैं और ui-btn-icon-ico_pos क्लास का उपयोग करके बटन में आइकन की स्थिति प्रदर्शित कर सकते हैं।

Dd / mm / yy प्रारूप में प्रदर्शित करने के लिए इनपुट फ़ील्ड में डेटा-भूमिका = "तिथि" विशेषता का उपयोग करें।

एक कंटेनर में डेटा-भूमिका = "बंधनेवाला" विशेषता का उपयोग करके बंधनेवाला बनाया जा सकता है।

आप डेटा-भूमिका = "कंट्रोलग्रुप" विशेषता का उपयोग करके नियंत्रण समूह प्रदर्शित कर सकते हैं।

डेटा-फ़िल्टर = "सही" विशेषता का उपयोग करके, आप किसी भी तत्व के बच्चों को फ़िल्टर कर सकते हैं।

फ्लिप स्विच आपको बूलियन स्टाइल इनपुट के लिए उस पर क्लिक करके / बंद या सही / गलत स्विच बंद करने की अनुमति देता है।

सूची का उपयोग वस्तुओं की सूची प्रदर्शित करने के लिए किया जाता है। data-role = "listview" विशेषता को वर्टिकल स्क्रॉल करने योग्य सूची में सूची प्रदर्शित करने के लिए कंटेनर में शामिल किया गया है।

Rangeslider विजेट आपको एक संख्यात्मक मूल्य सीमा का चयन करने की अनुमति देता है।

जब उपयोगकर्ता किसी पृष्ठ पर क्लिक करता है या किसी तत्व पर माउस ले जाता है, तो एक घटना उपयोगकर्ता के संपर्क का जवाब देगी।

यह निर्दिष्ट करता है कि जब उपयोगकर्ता ईवेंट निर्दिष्ट करने के लिए पृष्ठ की आईडी का उपयोग करके किसी तत्व पर टैप करता है और () विधि ईवेंट हैंडलर संलग्न करता है।

यह तब होता है जब उपयोगकर्ता ईवेंट निर्दिष्ट करने के लिए पृष्ठ की आईडी का उपयोग करके किसी तत्व पर 30px से अधिक क्षैतिज रूप से खींचें और () विधि ईवेंट हैंडलर संलग्न करता है।

जब उपयोगकर्ता पृष्ठ को स्क्रॉल करना शुरू करता है, तो स्क्रॉल स्टार्ट इवेंट की आगें और उपयोगकर्ता द्वारा घटना को निर्दिष्ट करने के लिए पृष्ठ की आईडी का उपयोग करके पृष्ठ को स्क्रॉल करना बंद कर देने पर ईवेंट को स्क्रॉल करना बंद कर देता है।

उपयोगकर्ता का उपयोग करके लंबवत या क्षैतिज रूप डिवाइस घूमता है जब आप उन्मुखीकरण घटना ट्रिगर कर सकते हैं orientationchange घटना। यह निर्दिष्ट करने के लिए window.orientation प्रॉपर्टी का उपयोग करता है कि क्या विंडो या डिवाइस ऊर्ध्वाधर या क्षैतिज अभिविन्यास सेट है।

आप डेटा-पॉपअप-सक्षम = "सच" विशेषता का उपयोग करके स्लाइडर के मूल्य को टूलटिप के रूप में प्रदर्शित कर सकते हैं।

स्तंभ टॉगल स्तंभ को एक छुपा स्थान पर रखता है और उपयोगकर्ता को डेटा-मोड = "कॉलमटॉगल" विशेषता का उपयोग करके अपनी पसंद के अनुसार कॉलम का चयन करने की अनुमति देता है।

यह डेटा-मोड = "रिफ्लो" विशेषता का उपयोग करके तालिका को खड़ी प्रतिनिधित्व में ध्वस्त करके क्षैतिज प्रारूप में डेटा का प्रतिनिधित्व करता है।

आप टेबल-स्ट्राइप और टेबल-स्ट्रोक कक्षाओं का उपयोग करके डेटा सेट को धारियों और स्ट्रोक के प्रारूप में प्रदर्शित कर सकते हैं।

आप इनपुट फ़ील्ड में डेटा-एन्हास्ड = "सही" विशेषता सेट करके टेक्स्ट इनपुट की गुणवत्ता और कार्यक्षमता बढ़ा सकते हैं।

आप ui-alt-icon वर्ग का उपयोग करके आइकन का रंग बदलकर काला कर सकते हैं। डिफ़ॉल्ट रूप से, सभी आइकन सफेद हैं।

यह jQuery परियोजना टीम द्वारा वर्ष 2010 में विकसित किया गया था और जावास्क्रिप्ट में लिखा गया था।

यह इंगित करता है कि पेज को अजाक्स के माध्यम से लोड किया जाना चाहिए या नहीं।