Razlike med predprocesorji Sass in LESS

ТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучше

Kazalo:

Kaj so Sass in MANS?
01 Sass je v Ruby, medtem ko je manj v Javascriptu
03 Sass ima kompas, medtem ko ima manj Preboot
04 LESS ima boljša sporočila o napakah kot Sass
05 MANJŠE JE BOLJ PRILAGODLJIVA Dokumentacija kot Sass

Koks ali Pepsi, Mac ali PC, Marvel ali DC? V vsaki skupnosti je razprava o tem boljša. Za spletne oblikovalce ali razvijalce je ta razprava Sass ali Less.

Kaj so Sass in MANS?

Sintaktično Awesome Stylesheets (Sass) in Leaner CSS (LESS) sta oba predprocesorja CSS. To so posebne razširitve za sloge, zaradi katerih je oblikovanje lažje in učinkovitejše. Oba Sass in LESS se zberejo v sloge CSS, tako da jih brskalniki lahko preberejo, kar je nujen korak, ker moderni brskalniki ne morejo brati datotek.sass ali.less.

Če nameravate biti v svetu spletnega razvoja, je dobro, da ste dobro seznanjeni z enim od dveh predprocesorjev - ali oboje.

Ko pride do tega, sta oba podobna. Zaradi tega je pisanje CSS preprostejše, bolj objektno usmerjeno in bolj prijetno. Kljub temu je nekaj ključnih razlik.

01 Sass je v Ruby, medtem ko je manj v Javascriptu

Tako Sass kot LESS uporabljajo posebne znake za dodeljevanje spremenljivk. Tako vam ni treba več vnašati specifikacij; lahko vnesete znak.

V Sassu je to znak za dolar ($). V LESS je to simbol at (@). Edina slaba stran LESS je, da obstaja nekaj obstoječih CSS selektorjev, ki že uporabljajo @, zato lahko nekoliko okrepi krivuljo učenja.

03 Sass ima kompas, medtem ko ima manj Preboot

Sass in LESS imata na voljo razširitve za integracijo miksinov (možnost shranjevanja in skupne rabe deklaracij CSS v celotnem mestu).

Sass ima kompas na voljo za mixins, ki vključuje vse možnosti, ki so na voljo s posodobitvami za prihodnjo podporo.

LESS ima Preboot.less, LESS Mixins, LESS Elements, gs in Frameless. Podpora za programsko opremo LESS je bolj razdrobljena kot Sass, kar ima veliko različnih možnosti za razširitve, ki morda ne delujejo na enak način. Za vaš projekt boste morda potrebovali vse navedene razširitve, da dobite podobno zmogljivost kot Compass.

04 LESS ima boljša sporočila o napakah kot Sass

Oba Sass in LESS sta bila preizkušena, da lahko poročata o napakah v skladnji. LESS ima v testih natančnejša sporočila o napakah, ker je sporočil pravilno lokacijo napake.

Nekaj takega bi lahko prihranilo nekaj časa, ki ga je potilo čez napako.

05 MANJŠE JE BOLJ PRILAGODLJIVA Dokumentacija kot Sass

Dokumentacija LESS je vizualno privlačna in jo je lažje slediti uporabnikom, ki prvič uporabljajo sistem. Dokumentacija Sass ima veliko več baze znanja ali wiki setup.

To je dejstvo, ki bi lahko bilo pomembno za sprejetje stopenj bodisi Sass ali LESS, saj je platforma namenjena za uporabo pri oblikovanju spletnih strani.