ستجد حلا: وثيقة جاهزة جافا سكريبت الفانيليا

تكمن المشكلة الرئيسية في Document ready javascript vanilla في أنها لا تستفيد من أحدث معايير الويب. هذا يمكن أن يجعل مواقع الويب تبدو قديمة ويمكن أن يجعل من الصعب صيانتها.

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

يستخدم هذا الرمز jQuery لإنشاء دالة يتم تشغيلها عندما يكون المستند جاهزًا. غالبًا ما يستخدم هذا للتأكد من تحميل جميع عناصر HTML قبل تشغيل أي كود JavaScript.

كيكس

Ckecks هي مكتبة للتحقق من صحة كود JavaScript. إنه يوفر بناء جملة بسيطًا وموجزًا ​​للتعبير عن الشيكات ، بالإضافة إلى مجموعة متنوعة من الأدوات المساعدة لتسهيل التحقق من التعليمات البرمجية.

الأعمدة

في JavaScript ، يوجد نوعان من الأعمدة: التخطيطات المستندة إلى الأعمدة وتخطيطات الشبكة. تستند التخطيطات المستندة إلى الأعمدة على فكرة تقسيم الصفحة إلى أعمدة وتعيين محتوى لكل عمود. من ناحية أخرى ، تستخدم تخطيطات الشبكة نظام الشبكة لتخطيط المحتوى على الصفحة.

تعد التخطيطات المستندة إلى الأعمدة أكثر شيوعًا في تطبيقات الويب ، بينما تكون تخطيطات الشبكة أكثر شيوعًا في تطبيقات الطباعة. ومع ذلك ، يمكن استخدام كلا النوعين من التخطيطات في تطبيقات الويب وتطبيقات الطباعة.

لإنشاء تخطيط مستند إلى العمود في JavaScript ، تحتاج أولاً إلى إنشاء مجموعة من الكائنات التي تمثل الأعمدة في صفحتك. يجب أن يحتوي كل كائن في المصفوفة على الخصائص التالية:

الاسم: اسم العمود.

: عغللاى. العرض: عرض العمود بالبكسل.

: عرض العمود بالبكسل. الارتفاع: ارتفاع العمود بالبكسل.

بعد ذلك ، تحتاج إلى إنشاء مثيل ColumnLayout ، والذي سيتولى تخصيص مساحة لكل عمود وعرض المحتوى فيه. يمكنك القيام بذلك عن طريق تمرير مصفوفة من الكائنات التي تمثل الأعمدة الخاصة بك إلى مُنشئ ColumnLayout:

الظروف

هناك بعض الشروط الشائعة في JavaScript والتي يجب أن تكون على دراية بها.

الأول هو عبارة if. تسمح لك هذه العبارة باختبار شرط ، وإذا كان صحيحًا ، فقم بتنفيذ الكود داخل الكتلة. يكون بناء جملة عبارة if كما يلي:

إذا (الحالة) {// Code to execute}

الشرط الثاني الذي يجب أن تكون على دراية به هو بيان while. تعمل هذه العبارة بطريقة مشابهة لتعليمة if ، لكنها ستستمر في تنفيذ الكود داخل الكتلة حتى يصبح الشرط غير صحيح. بناء الجملة لبيان while هو كما يلي:

while (condition) {// Code to execute}