निराकरण: दस्तऐवज तयार जावास्क्रिप्ट व्हॅनिला

डॉक्युमेंट रेडी जावास्क्रिप्ट व्हॅनिलाची मुख्य समस्या ही आहे की ती नवीनतम वेब मानकांचा फायदा घेत नाही. यामुळे वेबसाइट जुन्या दिसू शकतात आणि त्यांची देखभाल करणे कठीण होऊ शकते.

$(document).ready(function() {
  // code goes here
});

हा कोड एक फंक्शन तयार करण्यासाठी jQuery वापरत आहे जे दस्तऐवज तयार झाल्यावर रन होईल. कोणताही JavaScript कोड चालवण्यापूर्वी सर्व HTML घटक लोड केले गेले आहेत याची खात्री करण्यासाठी हे सहसा वापरले जाते.

केकॅक्स

Ckecks जावास्क्रिप्ट कोडची शुद्धता सत्यापित करण्यासाठी एक लायब्ररी आहे. हे चेक व्यक्त करण्यासाठी एक सोपा आणि संक्षिप्त वाक्यरचना प्रदान करते, तसेच कोड तपासणे सोपे करण्यासाठी विविध उपयोगिता प्रदान करते.

स्तंभ

JavaScript मध्ये, स्तंभांचे दोन प्रकार आहेत: स्तंभ-आधारित लेआउट आणि ग्रिड लेआउट. स्तंभ-आधारित मांडणी स्तंभांमध्ये पृष्ठ विभाजित करण्याच्या आणि प्रत्येक स्तंभासाठी सामग्री नियुक्त करण्याच्या कल्पनेवर आधारित आहेत. ग्रिड लेआउट्स, दुसरीकडे, पृष्ठावरील सामग्री लेआउट करण्यासाठी ग्रिड सिस्टम वापरतात.

वेब अॅप्लिकेशन्समध्ये कॉलम-आधारित लेआउट्स अधिक सामान्य आहेत, तर प्रिंट अॅप्लिकेशन्समध्ये ग्रिड लेआउट्स अधिक सामान्य आहेत. तथापि, वेब ऍप्लिकेशन्स आणि प्रिंट ऍप्लिकेशन्समध्ये दोन्ही प्रकारचे लेआउट वापरले जाऊ शकतात.

JavaScript मध्ये स्तंभ-आधारित लेआउट तयार करण्यासाठी, तुम्हाला प्रथम तुमच्या पृष्ठावरील स्तंभांचे प्रतिनिधित्व करणार्‍या ऑब्जेक्ट्सची अॅरे तयार करणे आवश्यक आहे. अॅरेमधील प्रत्येक ऑब्जेक्टमध्ये खालील गुणधर्म असावेत:

नाव : स्तंभाचे नाव.

: स्तंभाचे नाव. रुंदी : स्तंभाची रुंदी पिक्सेलमध्ये.

: स्तंभाची रुंदी पिक्सेलमध्ये. उंची : स्तंभाची उंची पिक्सेलमध्ये.

पुढे, तुम्हाला ColumnLayout चे एक उदाहरण तयार करणे आवश्यक आहे, जे प्रत्येक स्तंभासाठी जागा वाटप करणे आणि त्यात सामग्री प्रस्तुत करणे हाताळेल. तुम्ही कॉलम लेआउट कन्स्ट्रक्टरला तुमच्या स्तंभांचे प्रतिनिधित्व करणार्‍या ऑब्जेक्ट्सची अॅरे पास करून हे करू शकता:

आणि आजार-उपचार

JavaScript मध्ये काही सामान्य परिस्थिती आहेत ज्यांची तुम्हाला जाणीव असणे आवश्यक आहे.

पहिले if स्टेटमेंट आहे. हे विधान तुम्हाला अटीची चाचणी घेण्यास अनुमती देते आणि जर ते खरे असेल तर, ब्लॉकमधील कोड कार्यान्वित करा. if स्टेटमेंटसाठी वाक्यरचना खालीलप्रमाणे आहे:

जर (अट) { // कार्यान्वित करण्यासाठी कोड }

दुसरी अट ज्याची तुम्हाला जाणीव असणे आवश्यक आहे ती म्हणजे while स्टेटमेंट. हे विधान if स्टेटमेंट प्रमाणेच कार्य करते, परंतु कंडिशन यापुढे सत्य होत नाही तोपर्यंत ते ब्लॉकमधील कोड कार्यान्वित करत राहील. काही काळ विधानासाठी वाक्यरचना खालीलप्रमाणे आहे:

असताना (अट) { // कार्यान्वित करण्यासाठी कोड }