الدرس 1 من 8
إدراج واحد
- 13 دقيقة
- 5 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
لا تلمس الصفحة ألف مرّة
01
الشرح
كل append على عنصر داخل الصفحة قد يُجبر المتصفح على إعادة حساب التخطيط. ألف عنصر في حلقة تعني ألف حساب.
DocumentFragment حاوية خفيفة خارج الصفحة: تبني فيها كل شيء بلا أي كلفة، ثم تدرجها مرّة واحدة. وعند الإدراج يذوب الغلاف ويبقى أبناؤه.
وinnerHTML مرّة واحدة بديل جيّد كذلك — لكن الشظيّة تُبقي مراجع العناصر ومستمعيها، والنصّ لا.
02
المطلوب
اكتب buildList(n) تُرجع DocumentFragment فيه n عنصرًا، وأدرجها مرّة واحدة.
معايير التصحيح
5 معايير- buildList دالة معرَّفة
- تُرجع DocumentFragment لا مصفوفة ولا نصًّا
- عدد الأبناء يطابق المطلوب
- الأبناء عناصر li لها نصّ
- القائمة في الصفحة فيها 500 عنصر