Cara menulis gelung dengan preprocessors

Preprocessors dengan ketara meningkatkan keupayaan CSS dan HTML, yang menawarkan fungsi gelung yang tidak ada dalam bahasa ibunda. Walaupun bukan keperluan harian, gelung terbukti tidak ternilai apabila diperlukan. Panduan ini meneroka pelaksanaan gelung merentasi pelbagai preprocessors yang popular.

Sass (scss) gelung

SASS menyediakan mekanisme gelung yang mantap: for , while , dan each gelung.

for gelung

while gelung

each gelung

Kurang gelung

Kurang juga for , while , dan each gelung.

for gelung

while gelung

(Secara fungsional sama dengan gelung while .)

each gelung

Stylus looping

Stylus terutamanya memberi tumpuan for gelung, yang sering berkelakuan seperti each gelung. Ia menawarkan terhad while sokongan gelung.

for gelung

while gelung

(Sokongan terhad berbanding for gelung.)

each gelung

(Selalunya secara tersirat dikendalikan oleh struktur gelung for .)

PUG Looping

Pug menawarkan keupayaan gelung yang komprehensif mencerminkan preprocessors lain.

for gelung

while gelung

each gelung

Haml Looping

Haml menyediakan fungsi gelung yang sama kepada PUG.

for gelung

while gelung

each gelung

Looping Slim

Ciri -ciri gelung Slim adalah setanding dengan Haml dan Pug.

for gelung

while gelung

each gelung

Atas ialah kandungan terperinci Cara menulis gelung dengan preprocessors. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!