YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Arabic subtitles

Converting CSS to the CSSOM - Website Performance Optimization

Get Embed Code
6 Languages

Showing Revision 3 created 06/09/2016 by Udacity Robot.

  1. [BLANK_AUDIO]
  2. >> حسنًا. يقوم DOM بالتقاط محتوى
  3. الصفحة. لكننا نحتاج أيضًا لمعرفة
  4. ،كيفية عرض الصفحة الفعلية ذاتها. وللقيام بذلك
  5. .يجب علينا بناء نموذج كائن CSS
  6. >> ممم. وبالحكم على اسمه، أعتقد أنه مشابه لـ DOM؟
  7. >> إنه قريب منه. لنلقِ نظرة. حسنًا. لنقل أننا تلقينا
  8. CSS التالي. أول شيء يتعين على المستعرض
  9. .القيام به هو تحديد الرموز المميزة الصحيحة
  10. ،>> لكن لا يوجد هنا أقواس معقوفة
  11. صحيح؟
  12. >> نعم. CSS لديه مجموعة قواعد خاصة به
  13. لكيفية تحديد الرموز المميزة الصالحة. التفاصيل ليست
  14. بتلك الأهمية. إذا تملككم الفضول، يمكنكم إلقاء نظرة
  15. على رابط مواصفات CSS في ملاحظات المدرب. الجزء المهم
  16. هو أن المحلل سيقوم بتحويل الرموز المميزة
  17. إلى عقد، وفي هذه الحالة، سيكون أولها
  18. النص الأساسي بخاصية حجم الخط الخاصة به. وبعد ذلك، سنحصل على
  19. .عقدة الفقرة، وهذا هو الجزء المهم
  20. .إنها أحد توابع النص الأساسي لأن المحتوى المرئي بأكمله جزء من النص الأساسي
  21. >> مهلاً - هل هذه إحدى قواعد مواصفات CSS؟
  22. .>> نعم. بالضبط
  23. ،>> لاحظوا أيضًا أن توابع عقد النص
  24. ترث قواعد التصميم الخاصة بالأصل
  25. وهي أن يكون حجم الخط ستة عشر بكسل. هذا ما نعنيه
  26. .بالقواعد المتتالية وأوراق الأنماط المتتالية
  27. >> مثير للاهتمام. لذا فهو يشبه إنشاء
  28. DOM ولكنهما مختلفان لأن قواعد
  29. CSS تتتالى لأسفل. هذا غريب. دعونا نرى، لقد حصلت على ورقة أنماط
  30. بها الكثير من القواعد. هل يمكننا أيضًا
  31. ،تطبيق حيلة المعالجة التزايدية نفسها،مثلما نفعل مع HTML
  32. ،ليتم عرض الصورة بشكل أسرع؟ هذا سؤال جيد. لا يمكننا ذلك
  33. للأسف. لا يمكننا استخدام شجرة CSS جزئية. دعوني
  34. أريكم لماذا. لنقل أننا تلقينا للتو وحدات بايت العرض
  35. الأول لـ CSS وهي تنطوي على القاعدتين
  36. .اللذين لدينا هنا. لذا، سنتقدم ونقوم ببناء نموذج كائن CSS
  37. من المغري استخدام هذه الشجرة
  38. لعرض أي صفحة، لكن هناك مشكلة. لنقل أننا
  39. ،حصلنا الآن على المجموعة التالية من CSS وهي تنطوي على المزيد من القواعد. في هذه الحالة
  40. سيكون عرض خط الفقرة عاديًا. CSS يتيح لنا إعادة تعريف
  41. خصائص النمط وتحسينها. وهذا صحيح تمامًا. لكن لاحظوا
  42. .أن هذه القاعدة ستتيح لنا تغيير CSS الخاص بنا على الشجرة
  43. .كما سيُظهر النص الموجود في عقدة الفقرة بالعرض العادي
  44. >> لذا فهذا gotcha. إذًا فأنت تقول أنه لا يمكننا حقًا استخدام C-S-S بشكل جزئي
  45. على الشجرة. لأن هذا قد يدفعنا حينها
  46. .لاستخدام الأنماط الخاطئة عندما نقوم بعرض الصفحة
  47. >> بالضبط، يقوم المستعرض بحظر عرض الصفحة، إلى أن يتلقى CSS
  48. .بالكامل ويقوم بمعالجته. CSS هو من يحظر العرض