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