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



  • ۱۴
  • اسفند

جلسه ۱۵ : mixin های پارامتری در Less

  • دسته‌بندی‌ها :
جلسه ۱۵ : mixin های پارامتری در Less
    • جزئیات
    • ن.ع محتواآموزش تصویری

      مقدمه

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

      mixinهای پارامتری در Less

      mixinهای پارامتری در Less

      در mixin های پارامتری، از یک یا چند پارامتر استفاده می شود که قابلیت های Less را با دریافت آرگومان ها و خاصیت های آنها، توسعه می دهند.

      چطور آرگومان را به mixins منتقل کنیم

      Mixins همچنین می تواند آرگومان هایی را بگیرد که متغیرهایی هستند که در هنگام مخلوط شدن به بلوک selectors منتقل می شوند.

      مثال، کد Less زیر را در نظر بگیرید:

      مثال : 

      در کدهای بالا، ما یک mixin پارامتری به نام border. داریم که دارای سه پارامتر به نام های width و style و color است. توسط این پارامترها، میتوانید بر اساس مقادیر داده شده به پارامترها، یک mixin اختصاصی را تولید کنید.

      جدول زیر انواع مختلف mixinهای پارامتری را با توضیحات توصیف می کند.

      انواع و توضیحات

      شماره

      mixin با پارامترهای چندگانه

      پارامترها را می توان با استفاده از کاما یا semicolon از هم جدا کرد.

      ۱
      نام پارامترها

      Mixins مقدار پارامترها را به جای موقعیت ها با استفاده از نام آنها ارائه می دهد.

      ۲
      @arguments Variable

      هنگامی که یک mixin فراخوانی می شود،arguments@ شامل تمام آرگومان های منتقل شده می باشد.

      ۳
       الگوی تطبیق
      تغییر رفتار mixin با عبور پارامترها به آن.
      ۴

      کلام آخر

      Parametric Mixin در Less عمل مشابه توابع را انجام می دهند.جلسه بعد Mixins به عنوان توابع در Less  به شما آموزش داده می شود.

      QR:  جلسه ۱۵ : mixin های پارامتری در Less
      به اشتراک بگذارید