لا يوجد فائز واضح بين SASS و SCSS عندما يتعلق الأمر بمعالجات CSS المسبقة. عندما يتعلق الأمر بالاستفادة من إمكانات CSS برمجيًا ، فإن كلا من إطاري عمل SASS و SCSS يوفران ميزات رائعة. على عكس SASS ، وهو شكل من أشكال امتداد CSS ، فإن SCSS هي نسخة مبسطة من CSS ، مع تضمين جميع عناصرها.
SASS مقابل SCSS
يتمثل الاختلاف بين SASS و SCSS في أن لوائح CSS المتداخلة وميزات الوراثة والمزج يتم توفيرها من خلال أوراق أنماط بناء الجملة الرائعة من SASS ، بينما تملأ أوراق الأنماط المتتالية الخاصة بـ SCSS داخل الثغرات والتناقضات بين CSS و SASS. تم استخدام ترخيص معهد ماساتشوستس للتكنولوجيا. ظهرت لأول مرة في عام 2006.
كانت SASS في البداية جزءًا من Haml ، وهي وحدة معالجة مسبقة كتبها مطورو Ruby. نتيجة لذلك ، تم استخدام بنية ورقة أنماط مماثلة لتلك الخاصة بـ Ruby. يشار إلى Sass عادة على أنها لغة ما قبل معالجتها وكذلك لغة عند مخاطبتها. هذه أداة نمط وصفية ، و Sass مثال.
SCSS ، على عكس SASS ، أقرب إلى CSS من SASS. على الرغم من ذلك ، قام كل من مسهلي SCSS و SASS بحملة للوصول إلى الصيغتين بالقرب من بعضهما البعض أثناء تحويل علامة السمات! من SCSS إلى $ و: من SASS.
جدول المقارنة بين SASS و SCSS
| معلمات المقارنة | ساس | SCSS |
| تعريف | ورقة الأنماط الرائعة من الناحية النحوية هي اختصار لـ SASS. يوسع Sass ، وهو مكون إضافي لـ CSS ، قدرات CSS. | أوراق الأنماط المتتالية Sassy Cascading Style هي اختصار لـ SCSS. SCSS هو شكل محسّن أكثر من CSS. |
| إستعمال | يتم استخدام SASS عندما يتطلب إنشاء برنامج استخدام بناء الجملة الأصلي. | لا توجد متطلبات أو معايير لبناء جملة التعليمات البرمجية المستخدمة مع SCSS. |
| دمج | لا توجد قيود على كيفية دمج SASS في أي مشروع ، حيث إنها تتعامل مع جميع إصدارات CSS. | نظرًا لأن SCSS هو الشكل العام لـ CSS ، فقد يتم تضمينه في أي حزمة أو برنامج. |
| بناء الجملة | متطلبات بناء جملة SASS ضئيلة ، ويمكن تنفيذ الكود بطريقة مباشرة. | يتم تطبيق المزيد من القيود على SCSS ، مثل استخدام الفواصل المنقوطة ، على سبيل المثال. |
| دعم المجتمع | تمتلك SASS مصممًا أكبر بالإضافة إلى تطوير مجتمع أكثر من الأطر الأخرى. | عند مقارنتها بنظيرتها ، تتمتع SCSS بدعم مجتمع مطور صغير جدًا في الواقع. |
ما هو SASS؟
كانت SASS في الأصل جزءًا من وحدة المعالجة المسبقة المسماة Haml ، والتي تم تصميمها وإنشاءها بواسطة مبرمجي Ruby. ونتيجة لذلك ، تم استخدام بنية ورقة أنماط تشبه روبي. غالبًا ما يتم استخدام المعالج واللغة بالتبادل أثناء مناقشة Sass. Sass هو توضيح للغة ذات أسلوب تعريفي. من ناحية أخرى ، يقر المعالج المسبق ساس بصيغتين بديلتين.
على الرغم من أن بناء الجملة هذا قد يبدو غريبًا ، إلا أنه يحتوي على العديد من الجوانب المثيرة للاهتمام. على سبيل المكافأة ، فهي أيضًا أقصر وأسهل في الكتابة. لم تعد بحاجة إلى الأقواس والفواصل المنقوطة بعد الآن. هذا أفضل من ذي قبل! mixin و @ include غير ضروريين عندما يكون الحرف الواحد كافيًا: = و +.
يتم استخدام المسافة البادئة لفرض نظافة الشفرة في بنية Sass. نظرًا لأنه من المحتمل أن تؤدي المسافة البادئة غير الصحيحة إلى تحطم المستند بأكمله ، تضمن ورقة أنماط sass أن تكون الشفرة دائمًا مرتبة ومنسقة بشكل صحيح. لا يمكن كتابة كود Sass إلا بطريقة واحدة: الطريقة الجيدة.
لكن احذر من الحيل! ساس لديه مفهوم المسافة البادئة. تشير المسافة البادئة للمحدد إلى أنه متداخل في السابق.
ما هو SCSS؟
على عكس SASS ، فإن SCSS تشبه إلى حد كبير CSS أكثر من SASS. ولكن حتى مع وضع ذلك في الاعتبار ، بذل كل من منفذي SCSS و SASS جهدًا لتقريب الصيغتين من بعضهما البعض عن طريق نقل علامة السمات! وفقًا لقواعد النحو البادئة إلى $ و: from SCSS.
هذا متوافق مع CSS ، بالنسبة للمبتدئين. بمعنى آخر ، هذا يعني أنه يمكنك تغيير اسم ملف CSS الخاص بك ، وسوف تستمر في العمل بشكل صحيح. لطالما كان الهدف الأعلى لمشرفي Sass جعل SCSS متوافقًا تمامًا مع CSS ، وهذا شيء ضخم. directives هي أيضًا محاولة للبقاء بالقرب من بنية CSS المستقبلية قدر الإمكان.
لا توجد أي دورة تدريبية تقريبًا نظرًا لأن SCSS قابلة للتشغيل المتبادل مع CSS. وعلى أي حال ، فإن CSS هي مجرد CSS مع بعض الإضافات. سيكونون قادرين على بدء البرمجة على الفور دون فهم أي شيء عن Sass ، وهو أمر بالغ الأهمية عند العمل مع مطورين جدد.
الاختلافات الرئيسية بين SASS و SCSS
استنتاج
صيغة المسافة البادئة هي خيار. ومع ذلك ، يوصى بشدة باختيار SCSS على Sass ما لم يكن لدى المرء سبب مقنع للقيام بذلك. أسهل وأكثر كفاءة. يجب على المرء أن يلاحظ أن Sass لا يتم كتابته بالأحرف الكبيرة أبدًا ، سواء كانوا يناقشون اللغات أو بنية الشفرة. عادة ما يتم رسملة SCSS.
SCSS أكثر قابلية للفهم لأنها متماسكة. بمجرد أن يرى المرء بادئةmixin ، يعرف أنها عبارة mixin. عند القراءة بصوت عالٍ ، لا توجد طرق مختصرة ، وكل ذلك يكون منطقيًا.
تُستخدم بنية SCSS أيضًا في تطوير معظم أدوات Sass المساعدة والمكونات الإضافية والعروض التوضيحية. نظرًا للعوامل الموضحة أعلاه ، فإن بناء الجملة هذا يزداد شيوعًا بمرور الوقت.
