حقول HTML المتكررة: اربط كل label بمعرّف id فريد
امنح كل حقل معرّف id فريدًا، واجعل for في تسميته يطابق ذلك المعرّف قبل إدخال الصف إلى الصفحة. [4]
جميع المقالات (الصفحة 513)
قراءات عربية في العلوم والتقنية والطبيعة والثقافة، تبدأ بسؤال وتترك لك مساحة للاستكشاف.
9308 مقالات
readonly وdisabled: أي قيمة تصل مع نموذج HTML؟
في حقل نص مسمّى وغير معطّل، تمنع readonly التحرير وتبقيه قابلًا للتركيز والإدراج في بيانات النموذج؛ أما disabled فتمنع التركيز وتستبعده من البيانات. [1] [3]
focus-visible وfocus: متى يظهر مؤشر التركيز؟
يطابق focus العنصر الذي يحمل التركيز، بينما يطابق focus-visible هذا العنصر عندما يقرر المتصفح أن إظهار المؤشر مفيد. [1]
scroll-margin-top: إظهار عنوان الرابط تحت شريط ثابت
ضع scroll-margin-top على العنوان المستهدف بقيمة تتركه أسفل الشريط عند التمرير إليه. [2]
classList.toggle مع force: اجعل الصنف يطابق الحالة الحالية
مرّر الحالة المنطقية إلى force: تجعل true الصنف موجودًا، وتجعل false الصنف غائبًا، حتى مع تكرار الاستدعاء. [1]
target وcurrentTarget: أي عنصر تقرأ داخل حدث النقر؟
تشير target إلى هدف الحدث؛ أما currentTarget فتشير، أثناء تنفيذ المعالج، إلى العنصر الذي سُجل عليه ذلك المعالج. [2]
closest في JavaScript: هل يبدأ البحث من العنصر نفسه؟
تبدأ closest من العنصر نفسه، ثم تصعد إلى أسلافه حتى أول تطابق؛ وإذا لم تجد تطابقًا تعيد null. [1]
input وchange: حدّث معاينة النص أثناء الكتابة أو بعد تأكيده
استخدم input أثناء تحرير حقل النص، وchange عند مغادرته بعد تغيير قيمته. [1] [2]
سمات البيانات في HTML: اقرأها وعدّلها عبر dataset
اقرأ data-user-id عبر dataset.userId، واكتب في هذا المفتاح لتعديل السمة، أو استخدم delete لإزالتها. [1] [3]
CSS.escape: لماذا يفشل querySelector مع بعض قيم id؟
استخدم CSS.escape على قيمة id عند إدراجها داخل محدد CSS، ثم أضف علامة المعرّف خارجه. [1]
inherit وinitial وunset في CSS: أي قيمة يعود إليها العنصر؟
تأخذ inherit قيمة الأب، وتختار initial القيمة الابتدائية للخاصية، أما unset فتتصرف بحسب قابلية الخاصية للتوريث. [1][2][3]
قوائم DOM الحية: لماذا تتخطى الحلقة عنصرًا عند إزالة الصنف؟
أنشئ مصفوفة باستخدام Array.from قبل حلقة التعديل لتثبيت العناصر التي ستمر عليها، بدل متابعة قائمة تتغير أثناء التنفيذ. [3] [4]
AbortController: أزل مستمعي أحداث المكوّن بإشارة واحدة
مرّر controller.signal عند تسجيل المستمعين، ثم نفّذ controller.abort() لإزالتهم عند انتهاء استخدام المكوّن. [3]
cancel وclose في dialog: اعترض طلب الإغلاق قبل اختفاء النافذة
اعترض طلب الإغلاق في cancel، واستخدم close لمتابعة الإغلاق بعد حدوثه. [1][2]
replaceAll: إدراج رموز الدولار في نص الاستبدال كما هي
لإدخال نص الاستبدال حرفيًا، مرّر إلى replaceAll دالة تعيد ذلك النص بدل تمريره كسلسلة مباشرة. [3]
Promise.allSettled: اربط كل نتيجة بطلبها رغم اختلاف وقت الانتهاء
انتظر Promise.allSettled، ثم اقرأ status واربط كل نتيجة بالطلب الذي له الفهرس نفسه في قائمة المدخلات. [1][2]
pre-line وpre-wrap: احتفظ بفواصل الأسطر واختر مصير المسافات
اختر pre-line لدمج المسافات، أو pre-wrap لإبقائها؛ كلاهما يحافظ على فواصل الأسطر ويسمح بالالتفاف. [1] [2]
Array.at: قراءة آخر عنصر باستخدام فهرس سالب
استخدم at مع سالب واحد لقراءة آخر عنصر، وافصل ذلك عن الأقواس التي تقرأ خاصية اسمها سالب واحد. [1]