شرح صفوف ومحتوى الفقرة
يمنحك فهم مسار العرض قدرة هندسية فائقة على كتابة واجهات سريعة وسلسة؛ لأن تعديل خصائص ينقسم من حيث تكلفة الأداء إلى ثلاث درجات:
- 1. إعادة التخطيط الكامل ( — الأعلى تكلفة): عند تغيير خاصية هندسية تغير أبعاد أو موقع العنصر (مثل أو أو أو )، يضطر المتصفح لإعادة حساب مواقع العناصر المجاورة وتنفيذ المراحل الثلاث: التخطيط ثم الطلاء ثم التركيب.
- 2. إعادة الطلاء فقط ( — متوسطة التكلفة): عند تغيير لون النص أو الخلفية () دون المساس بأبعاد الصندوق، يتخطى المتصفح مرحلة التخطيط وينفذ الطلاء والتركيب فقط.
- 3. التركيب المباشر عبر ( — الأسرع على الإطلاق): عند تحريك العناصر باستخدام أو تغيير شفافيتها بـ ، يتخطى المتصفح التخطيط والطلاء معاً وينفذ الحركة مباشرة على معالج الرسوميات بسلاسة فائقة!
جرّب المحاكي التفاعلي الآتي لمقارنة المسارات الثلاثة وتأثيرها على سرعة الإطارات: