لقد كتبت مقالًا بعنوان "استخدام إطار عمل CSS لتطوير موقع فعال" أثناء وقتي في الواجهة الأمامية، وسألني العديد من الأصدقاء أسئلة ذات صلة. لقد عملت 5key على بنية إطار عمل CSS في الشركة في وقت مبكر جدًا، كما قدمت اقتراحات حول أطر عمل CSS للعديد من الأصدقاء. التأثير واضح جدا. بالطبع، أطر عمل CSS لها مزايا وعيوب، وقد قرأت مؤخرًا بعض المقالات ذات الصلة. بعض الأفكار لمشاركتها معك.
مزايا إطار عمل CSS:
1. تحسين كفاءة التطوير.
إذا كنت مطورًا للواجهة الأمامية وتقوم بإنشاء موقع ويب لشركة، فأعتقد أنك ستعمل على التعليمات البرمجية لمواقع مماثلة في معظم الأوقات. يمكن لإطار العمل المحدد جيدًا أن يحسن كفاءة عملك بشكل كبير ويتجنب بعض الأخطاء الشائعة. إذا كان عملك يحسب بالقطعة، فمن المؤكد أنك ستحصل على أجر أكثر من غيرك.
2. توحيد تسمية التعليمات البرمجية.
يمكنك استخدام بعض من نفس الفئة أو المعرفات في مواقع متعددة. إذا كان لديك إطار عمل CSS كامل، فستتمكن قريبًا من قراءة التعليمات البرمجية الخاصة بكل موقع من مواقعك. لا حاجة لإضاعة الوقت في قراءة التعليمات البرمجية.
3. عمل جماعي أفضل
ستقوم بعض الشركات بتقسيم كود الواجهة الأمامية لبعض المواقع الكبيرة إلى عدة مشاريع فرعية. يجب أن يشعر الأصدقاء الذين لديهم هذا النوع من الخبرة بالإحباط الشديد بسبب طريقة التطوير هذه، ويجب عليهم الانتباه إلى تنسيق CSS المشترك والكود بينهم. بمرور الوقت، أصبحت المزيد والمزيد من الرموز القديمة أكثر صعوبة في القراءة فيما بينها. إذا قمت بإنشاء إطار عمل CSS مناسب، فيمكنك تقليل العديد من الأخطاء غير الضرورية وتحسين جودة المنتج وكفاءة العمل.
4. حل مشكلات توافق المتصفح
تتطلب معظم المشاريع الآن التوافق مع IE6 و7 وFF. قد يقضي كل موقع بعض الوقت في التعامل مع مشكلات التوافق. يجب التعامل مع هذه المشكلة على مستوى الإطار. يمكن أن يوفر هذا الكثير من الوقت لمشاكل التوافق اللاحقة.
5. مجموعة كاملة من الرموز الهيكلية ذات هيكل واضح.
يوفر إطار عمل CSS بنية تحتية نظيفة ودقيقة لمشاريعك. ومن خلاله، يمكنك إنشاء إطار عمل أساسي لتعليمات HTML البرمجية لموقعك بسرعة. كل شيء صعب في البداية، ولكن العمل الأساسي الذي ينتظرنا قد تم إنجازه. سيتم تحسين سرعة التطوير اللاحقة بشكل كبير.
يوفر إطار عمل CSS بنية تحتية نظيفة ودقيقة لمشاريعك. ومن خلاله، يمكنك إنشاء إطار عمل أساسي لتعليمات HTML البرمجية لموقعك بسرعة. كل شيء صعب في البداية، ولكن العمل الأساسي الذي ينتظرنا قد تم إنجازه. سيتم تحسين سرعة التطوير اللاحقة بشكل كبير.
عيوب أطر عمل CSS:
1. أنت بحاجة إلى فهم الإطار بأكمله بشكل كامل
يحتاج كل من ينضم إلى المشروع إلى قضاء قدر معين من الوقت لفهم الإطار ومعايير الترميز بالكامل؛
2. سوف تديم الأخطاء في بعض الأطر
لا يمكن لأحد أن يضمن أن الإطار الذي يطوره مثالي وخالي من الأخطاء. قد تحتاج إلى وقت لتنظيف الأخطاء الموجودة في إطار العمل؛
3. الحد من الأفكار التنموية
يمنحك إطار العمل التصميم الأساسي وأفكار التطوير، والتي قد تحد من أفكارك الجديدة لتطوير المنتج؛
4. كود المصدر المتضخم
قد يكون هناك جزء كبير من التعليمات البرمجية في إطار العمل لا يتم استخدامه بشكل متكرر وسيؤدي أيضًا إلى تقليل كفاءة التنفيذ؛
5. دلالات الإطار
لقد لاحظنا بالفعل دلالات كود HTML. ومع ذلك، فإن كل موقع يعتمد على الإطار مستقل وفريد من نوعه، ومن الصعب علينا التأكد من دلالات إطار عمل CSS.