بخشی از این مقاله از educba.com گرداوری شده است.
SASS در کاهش استفاده از CSS مفید است که باعث کاهش زمان و ذخیره کد می شود که به نوبه خود قابلیت استفاده مجدد از کد را افزایش داده و فراوانی کد را کاهش می دهد. این برنامه قاعده نوشتاری خاص خود را برای CSS در تهیه کد کارامدتر فراهم می کند. SASS یک مجموعه از CSS است که استفاده از آن ساده تر است و شامل تمام ویژگی های CSS است.
این سؤال متداول مصاحبه SASS است که بارها پرسیده می شود. CSS مخفف Cascading Style Sheets است در حالی که SASS مخفف Syntactically Awesome Style Sheets به معنای صورت نحوی بسیار جذاب است. SASS یک مجموعه از CSS است و شامل تمام ویژگی های CSS است. SASS پیش پردازنده CSS است که امکان استفاده از عملیات مختلف و استفاده از متغیرها ، میکسین ها ، توابع ، import و انواع مختلف حلقه را فراهم می آورد. هر نوع متغیر را می توان تعریف و استفاده کرد. این از syntax nesting یعنی قاعده نوشتاری تو در تو استفاده خواهد کرد.
متغیر در SASS برای ذخیره اطلاعاتی که قرار است بار ها در طول پروژه در style sheet های مختلف مورد استفاده قرار گیرد تعریف می شود. متغیر با شروع آن با علامت دلار ($) تعریف می شود. برای استفاده از انواع مختلف رنگ ، این متغیرها مفید خواهند بود تا آنها را در سراسر پروژه دقیقا یکرنگ سازیم. در زیر مثال هایی برای تعریف متغیرها آورده شده است. در اینجا فونت یک متغیر است که با یک علامت دلار شروع می شود و به مقدار TimesNewRoman تعریف می شود و متغیر دیگر رنگ است که با علامت دلار نیز آغاز می شود.
$font: TimesNewRoman; $color: #222;
اجازه دهید به سوالات بعدی مصاحبه SASS برویم.
انواع مختلفی از عملگر ها که در SASS استفاده می شود عبارتند از: عملگرهای عدد، عملگرهای لیست، عملگرهای استرینگ، عملگرهای رنگ و عملگرهای Boolean. در این میان، عملگرهای عدد شامل عملگرهایی مثل جمع و تفریق و ضرب و تقسیم هستند.
عملیات لیست شامل عملیاتی از قبیل مجموعه ای از مقادیر است که توسط کاما به صورت یک آرایه جدا می شوند. عملیات رشته شامل عملیاتی از قبیل جمع کردن یا تقسیم رشته ها است. عملیات رنگ شامل عملیاتی از قبیل استفاده از اجزای Color با عملیات حسابی است و در آخر ، عملیات بولین شامل عملیاتی مانند استفاده از عملگرهای AND ، OR ، NOT برای انجام عملیات Boolean در SassScript است.
میکسین یک تابع از ساس است. میکسین ها میتوانند هرجا که نیاز باشد include شوند و مورد استفاده قرار گیرند. چند کارکرد در CSS که اجرای آن دشوار است می توان با استفاده از Mixins انجام داد. همچنین در صورت نیاز می توانید مقادیر را به Mixins منتقل کنید. امکان استفاده مجدد را فراهم می کند.
SassScript شامل انواع مختلفی از مکانیزم ها در CSS میشود. مانند Nesting ، متغیرها ، Mixins و غیره را فراهم می کند. SassScript مجموعه ای از اکستنشن های کوچک است که توسط SASS مورد استفاده قرار می گیرد. این می تواند در هنگام استفاده از mixins با نام پروپرتی و سلکتور ها مورد استفاده قرار گیرد.
انواع مختلف آرگومانها، آرگومانهای value و ارگومان هایKeyword هستند. آرگومان ها می توانند value های SassScript در جایگاه Mixins باشند. اینها می توانند به Mixins منتقل شوند و به عنوان متغیرهایی در Mixin در دسترس قرار بگیرند.همچنین می توانند بجای ایفای نقش یک متغیر که به داخل میکسین میرود فقط در محدوده Mixin مورد استفاده قرار گیرند و به داخل ان نروند. آرگومان های value برای انتقال هر تعداد آرگومان دلخواه به داخل Mixin استفاده می شوند. آرگومان های keyword که به Mixin ورود پیدا میکنند با استفاده از keyword ها قابل دستیابی هستند.
به امید کسب درامد برای همه فرانت اند دولوپر های عزیز!
تبلیغات افزایش بازدید و افزایش فروش در ارم بلاگ
مشاهده