Weniger Loop im Grunde die Leistung herab?

Question

Ich machte diese weniger Schleife, um CSS-Code zu generieren, der für eine bestimmte Aufgabe benötigt wird. (am Ende der Seite enthalten). Ist es sicher zu sagen, dass das Schreiben von weniger-Schleifen die Entwicklungszeit reduziert, aber auch unnötige Code-Stile erzeugt? Ich kann viele Vorteile der Verwendung dieser Technik sehen, aber keine von ihnen enthält Leistungsoptimierungsaspekte.

@items : 12; 
@color-base : red; 
@slice : 30deg; 
.looop (@i) when (@i>0){ 
    .looop(@i - 1); 
    li:nth-child(@{i}){ 
    transform: rotate((@i*@slice)-30) skewY(-2*@slice); 
    .text { 
     background : spin(@color-base, 30); 
    } 
    } 
} 
.looop(@items); 

Answer 1

Sie können es ein wenig optimieren:

@items : 12; 
@excluded-items: 1, 2, 5; 
@color-base : red; 
@slice : 30deg; 

.looop (@i) when (@i>0) { 
    .looop(@i - 1); 

    li:nth-child(@{i}){ 
    transform: rotate((@i*@slice)-30) skewY(-2*@slice); 
    } 
} 

.looop(@items); 

li { 
    .text { 
     background : spin(@color-base, 30); 
    } 
}