target وcurrentTarget: أي عنصر تقرأ داخل حدث النقر؟
تشير target إلى هدف الحدث؛ أما currentTarget فتشير، أثناء تنفيذ المعالج، إلى العنصر الذي سُجل عليه ذلك المعالج. [2]
تقنية (الصفحة 133)
أفكار وأدوات رقمية بلغة مفهومة.
2411 مقالًا
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]
finally مع Promise: نظّف المهمة مع الحفاظ على نتيجتها
استخدم finally للتنظيف؛ يمرّر الوعد التالي النتيجة الأصلية إذا نجح التنظيف، ويتأخر عند انتظار وعد التنظيف أو يُرفض إذا فشل. [1] [3]
Object.hasOwn: افصل خصائص الكائن عن الخصائص الموروثة
استخدم Object.hasOwn لفحص الخاصية المملوكة، واستخدم in حين تريد البحث في الكائن وسلسلة نماذجه الأولية. [1][2]
JSON.stringify: أين تذهب قيمة undefined عند تحويل البيانات؟
تحذف JSON.stringify الخاصية ذات القيمة undefined من ناتج الكائن، وتضع null مكانها داخل المصفوفة، وتعيد undefined نفسها عند تمريرها مباشرة. [1]
formatToParts: نسّق أجزاء العدد دون تخمين مواضع الفواصل
تعيد formatToParts أجزاء مرتبة تحمل type وvalue؛ احتفظ بالترتيب عند جمع القيم لبناء نص العدد المنسق. [3]
pointer-events: لماذا يبقى العنصر قابلًا للوصول بلوحة المفاتيح؟
تستبعد none العنصر من استهداف المؤشر؛ لا تُخرجه وحدها من التنقل المتسلسل بلوحة المفاتيح. [1]