مشخصات مقاله
-
903
-
0.0
-
2229
-
0
-
0
آموزش کار با دستورات Directives Expressions در Sass
آموزش Sass – آموزش کار با دستورات و عبارات کنترل روند اجرای برنامه /Control Directives & Expressions
در مبحث حاضر نحوه ی کار با دستورات و عبارات کنترلی Sass را به شما به صورت کاربردی آموزش خواهیم داد. SassScript به شما این امکان را می دهد تا به وسیله ی عبارات و دستورات کنترلی style های معینی را تحت شرایط خاص بر روی المان های مورد نظر اعمال نمایید یا یک style واحد را با کمی تغییر جزئی بارها اعمال نمایید. این دستورات کنترلی ابزار قدرتمندی هستند که اغلب در بدنه ی mixin ها (گروه بندی کدهایی که قرار است بارها استفاده شود) بکار می روند. به عبارت دیگر دستورات کنترلی ابزار قدرتمندی هستند که معمولا در طراحی روزمره بکار نمی روند و استفاده ی عمده ی آن ها برای mixin ها، به ویژه آن بخش هایی است که مربوط به کتابخانه ی Compass بوده و به همین جهت انعطاف پذیری زیادی احتیاج دارد.
جدول زیر دستورات کنترلی را همراه با شرح کارکرد هر یک تشریح می کند:
S. No.
دستور کنترلی مربوطه و شرح کاربرد
1
()if
تابع ()if مانند یک عملگر سه گانی کار می کند. اگر پارامتر ارسالی اول که حاوی شرط است، صادق بود، مقدار پارامتر دوم و اگر نبود پارامتر سوم را برمی گرداند.
این تابع بر اساس متغیر ارسالی اول که دربردارنده ی شرط است، تنها یکی از دو نتیجه ی ممکن را به عنوان خروجی برمی گرداند. ()if در بستر هر اسکریپتی قابل استفاده می باشد. تابع if تنها آرگومانی که با خروجی انطباق دارد را برمی گرداند – این امر به شما امکان می دهد تا به متغیرهایی اشاره کرده که تعریف نشده اند و محساباتی را انجام دهید که در هر شرایط دیگری ممکن است خطا دهد.
تابع ()if مانند یک عملگر سه گانی کار می کند. اگر پارامتر ارسالی اول که حاوی شرط است، صادق بود، مقدار پارامتر دوم و اگر نبود پارامتر سوم را برمی گرداند.
این تابع بر اساس متغیر ارسالی اول که دربردارنده ی شرط است، تنها یکی از دو نتیجه ی ممکن را به عنوان خروجی برمی گرداند. ()if در بستر هر اسکریپتی قابل استفاده می باشد. تابع if تنها آرگومانی که با خروجی انطباق دارد را برمی گرداند – این امر به شما امکان می دهد تا به متغیرهایی اشاره کرده که تعریف نشده اند و محساباتی را انجام دهید که در هر شرایط دیگری ممکن است خطا دهد.
2
if@
دستور کنترلی if@ یک عبارت SassScript را به عنوان پارامتر پذیرفته و چنانچه عبارت مقداری به غیر از false را برگرداند، قطعه کد حاوی style های آن را پردازش می کند. این دستور عبارت شرطی را ارزیابی کرده و در صورت صادق بودن آن دستورات style دهی تعریف شده زیر آن را اعمال می کند.
دستور کنترلی if@ یک عبارت SassScript را به عنوان پارامتر پذیرفته و چنانچه عبارت مقداری به غیر از false را برگرداند، قطعه کد حاوی style های آن را پردازش می کند. این دستور عبارت شرطی را ارزیابی کرده و در صورت صادق بودن آن دستورات style دهی تعریف شده زیر آن را اعمال می کند.
3
for@
دستور کنترلی for@ یک مجموعه style را به کرات تولید کرده و خروجی می دهد. در هر گام تکرار حلقه، یک متغیر که نقش شمارنده (counter) را ایفا می کند، برای تنظیم مقدار خروجی بکار می رود.
دستور کنترلی for@ یک مجموعه style را به کرات تولید کرده و خروجی می دهد. در هر گام تکرار حلقه، یک متغیر که نقش شمارنده (counter) را ایفا می کند، برای تنظیم مقدار خروجی بکار می رود.
4
each@
دستور each@ برای پیمایش در لیست و کار با آیتم های آن ها بکار می رود. در دستور each@، یک متغیر تعریف شده و خروجی هر بار تکرار حلقه که همان مقدار آیتم می باشد را در خود نگه می دارد.
دستور each@ برای پیمایش در لیست و کار با آیتم های آن ها بکار می رود. در دستور each@، یک متغیر تعریف شده و خروجی هر بار تکرار حلقه که همان مقدار آیتم می باشد را در خود نگه می دارد.
5
while@
دستور تکرار while@ یک عبارت SassScript را به عنوان پارامتر پذیرفته و style های تودرتو را به دفعات به عنوان خروجی تولید می کند تا اینکه دستور موردنظر معادل false شده و شرط دیگر برقرار نباشد. به عبارت دیگر مادامی که شرط برقرار باشد، مجموعه style های تعریف شده در بدنه ی خود را به عنوان خروجی تولید می کند.
دستور تکرار while@ یک عبارت SassScript را به عنوان پارامتر پذیرفته و style های تودرتو را به دفعات به عنوان خروجی تولید می کند تا اینکه دستور موردنظر معادل false شده و شرط دیگر برقرار نباشد. به عبارت دیگر مادامی که شرط برقرار باشد، مجموعه style های تعریف شده در بدنه ی خود را به عنوان خروجی تولید می کند.