۱۴
اسفند

جلسه ۲۷ : توابع لیست در LESS

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

فهرست

مقدمه

با عرض سلام خدمت کاربران سایت پی وی لرن ، و کاربرانی که دوره کامل آموزش LESS را دنبال می کنند. در جلسه قبل به معرفی توابع رشته ای در LESS پرداختیم این جلسه به معرفی یکی دیگر از توابع LESS می پردازیم و توابع لیست در LESS را به شما آموزش خواهیم داد. LESS شامل توابع لیست است که برای تعیین طول لیست و موقعیت مقدار و range و… در لیست استفاده می شود.

توابع لیست در LESS

جدول زیر دو نمونه از توابع لیست مورد استفاده در LESS را نشان می دهد:

تابع و توضیحات

شماره

Length:

لیستی که مقادیر آن با کاما یا فاصله جدا شده است را به عنوان پارامتر می گیرد.تعداد عناصر را در یک لیست مقدار بازمیگرداند.

مثال:

مثال :

length(1px solid #0080ff);

1	length(1px solid #0080ff);

خروجی:

مثال :

3

Extract:

این تابع یک عدد صحیح که موقعیت یک عنصر لیست را برای بازگشت تعیین می کند، مقدار را در موقعیت خاص در لیست برمی گرداند.

مثال :

@list: apple, pear, coconut, orange;
value: extract(@list, 3);

1 2	@list: apple, pear, coconut, orange; value: extract(@list, 3);

خروجی:

مثال :

value: coconut;

1	value: coconut;

RANGE:

یک لیست را برای طیف وسیعی از مقادیر ایجاد می کند.این ویژگی از ورژن v3.9.0 منتشر شد.

مثال :

value: range(4);

1	value: range(4);

خروجی:

مثال :

value: 1 2 3 4;

1	value: 1 2 3 4;

EACH:

تابع EACH ارزیابی یک مجموعه قوانین را برای هر عضو از یک لیست انجام می دهد.

مثال :

@selectors: blue, green, red;

each(@selectors, {
  .sel-@{value} {
    a: b;
  }
});

@selectors: blue, green, red;

each(@selectors, {

.sel-@{value} {

a: b;

}

});

خروجی:

مثال :

.sel-blue {
  a: b;
}
.sel-green {
  a: b;
}
.sel-red {
  a: b;
}

.sel-blue {

a: b;

}

.sel-green {

a: b;

}

.sel-red {

a: b;

}

کلام آخر

آموزش توابع لیست نیز به پایان رسید.توابع متفرقه،توابع لیست،توابع رشته،توابع ریاضی،توابع نوع و تشخیص رنگ و تعریف رنگ و توابع کانال رنگی و توابع عملیات رنگ و … از جمله توابع پرکاربرد LESS می باشند که ما هر یک را به طور کامل معرفی می کنیم.در جلسه بعدی توابع ریاضی در lessآموزش داده خواهد شد.

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۲۷ : توابع لیست در LESS

مقدمه

توابع لیست در LESS

تابع و توضیحات

شماره

کلام آخر

لیست مطالب دوره

مقدمه

ویژگی های زبان برنامه نویسی LESS

توابع در LESS

کاربرد LESS

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ