با عرض سلام خدمت کاربران سایت پی وی لرن ، و کاربرانی که دوره کامل آموزش LESS را دنبال می کنند. در این فصل، ما یاد میگیریم که چگونه حلقه ها در LESS کار می کنند و می توان ایجاد حلقه در LESS را انجام داد. در حقیقت حلقه ها در کدنویسی این اجازه را می دهند تا ما یک عبارت یا گروهی از عبارات را چندین بار اجرا کنیم. ساختار تکرار / حلقه های مختلف زمانی ایجاد میشوند که mixinهای بازگشتی با عبارات محافظ و تطبیق الگو ترکیب شوند.
هر زبانی عموما شامل چندین نوع ساختار تکرار است که هر کدام به نحوی به برنامهنویس در نوشتن کدهای مختصر و با مفهوم کمک میکنند.
“حلقه” یک روش برنامه نویسی است که یک تابع را تکرار می کند (یا تکرار می کند). به طور معمول، برای پردازش یک لیست از داده ها استفاده می شود. اگر شما با هر زبان برنامه نویسی دیگر تجربه داشتید، مطمئنا قبلا با یک حلقه و نحوه عملکرد آن روبرو شدید.
حلقه ها در LESS،یک ویژگی مفید در LESS است و به ما امکان می دهد تا بسیاری از کارهای تکاملی تکراری را به صورت خودکار انجام دهیم.
مثال زیر نحوه استفاده از حلقه ها را در LESS نشان می دهد:
1 2 3 4 5 6 7 8 9 10 11 12 | <!doctype html> <head> <link rel = "stylesheet" href = "style.css" type = "text/css" /> </head> <body> <div class = "cont"> <h2>Welcome to TutorialsPoint</h2> <p>The largest Tutorials Library on the web. </p> </div> </body> </html> |
اکنون فایل style.less را بسازید:
1 2 3 4 5 6 7 8 | .cont(@count) when (@count > 0) { .cont((@count - 1)); width: (25px * @count); } div { .cont(7); } |
با اسثفاده از دستور زیر شما می توانید فایل style.less را به فایل style.css کامپایل کنید:
با اجرای دستور بالا فایل style.css به صورت خودکار با کد زیر ایجاد خواهد شد:
1 2 3 4 5 6 7 8 9 | div { width: 25px; width: 50px; width: 75px; width: 100px; width: 125px; width: 150px; width: 175px; } |
با دنبال کردن گام های زیر خواهید کدهای بالا چگونه عمل میکنند:
کد html بالا را در فایل loop_example.htm ذخیره کنید.
سپس فایل html را در مرورگر خود باز کنید،خروجی زیر به شما نمایش داده خواهد شد:
یکی از ابزارهای پر استفاده و مهم هر زبان برنامهنویسی حلقههای تکرار هستند. وجود چنین ابزاری به برنامهنویس این امکان را میدهد که ساختارهای نیازمند به تکرار مجموعه دستورات (مانند جستجو، گزارشگیری، محاسبات، دریافت اطلاعات از کاربر یا فایل) را پیادهسازی کند.