Parsing HTML and Page Structureقراءة الكود وبناء هيكل الصفحة
افهم بعمق هندسي مسار العرض الحرج داخل المتصفح؛ كيف تتحول أكواد HTML وCSS إلى شجرتي DOM وCSSOM وشجرة العرض، والفرق بين إعادة التخطيط Reflow وإعادة الرسم Repaint والتركيب عبر GPU.
2 صفوف تعليمية
تكنولوجيا الويب
3 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
أثناء بناء شجرة ، يصادف المتصفح وسم ربط ملف التنسيق فيبدأ بتحويل قواعد التنسيق إلى شجرة موازية في الذاكرة تُسمى شجرة كائنات التنسيق ().
تتميز شجرة بتطبيق مبدأ التعاقب والوراثة ()؛ حيث ترث العناصر الفرعية تلقائياً خصائص الخط واللون من العناصر الأب، مع إعطاء الأولوية للمحددات الأكثر تخصيصاً.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (كيف تحمّل المتصفحات المواقع وتعرضها)
