لقد قرأت الكثير من الأسئلة حول إعادة التدفق مؤخرًا، لكنني لم ألاحظ هذه الظاهرة من قبل. في الآونة الأخيرة، بدأت في دراستها ببطء. بعد كل شيء، لم أهتم بالعديد من تفاصيل الأداء في الماضي. فيما يتعلق بإعادة التدفق، يجب أن يقال ببساطة أنه عرض DOM (حساب الحجم والتخطيط وما إلى ذلك لكل كائن في شجرة المستند من خلال CSS أو عوامل أخرى). قد يكون التفسير من جانب واحد، ولكن حدد أولاً مفهوم بسيط لتسهيل الفهم.
أولاً، رأيت ترتيب كتابة سمات CSS الموصى به في Mozilla، ولم يكن ترتيب الكتابة هذا بسبب معايير مواصفات كود تطوير المشروع فحسب، بل أيضًا لأن ترتيب الكتابة المعقول يتماشى أكثر مع. ترتيب عرض المتصفح.
الأنماط الأساسية لـ mozilla.org
* تمت صيانته بواسطة فانتاساي
* (الفئات المحددة في دليل العلامات -http://mozilla.org/contribute/writing/markup)
*/
/* الترتيب المقترح:
// عرض الخصائص
*عرض
* نمط القائمة
*موضع
* يطفو
*واضح
// السمات الذاتية
*عرض
*ارتفاع
* هامِش
*حشوة
* حدود
* خلفية
// سمات النص
* لون
*الخط
* زخرفة النص
* محاذاة النص
* محاذاة عمودية
* المساحة البيضاء
* نص آخر
* محتوى
يشير "إعادة التدفق المرئي" هذا بوضوح إلى عملية العرض للمتصفح، ويمكنك أن ترى أن المتصفح لا يضع كل عناصر DOM بشكل صحيح في خطوة واحدة أثناء عملية التحميل، ولكن بعد الحساب المستمر، تظهر نتائج العرض بشكل متكرر. تم التغيير، والذي يتضمن تأثير js وcss وما إلى ذلك على أداء dom.