? ? ? 小編最近又學習了less和sass語言叛复,下面是我對less與sass的一些異同的簡單總結(jié)仔引。
? ? ? 首先,less和sass都可以視為一種基于CSS之上的高級語言褐奥,他們引入了mixins咖耘,參數(shù),嵌套規(guī)則撬码,運算鲤看,顏色,名字空間耍群,作用域义桂,JavaScript賦值等,加快了css的開發(fā)效率蹈垢,當然這兩者都可以配合gulp和grunt等前端構(gòu)建工具使用慷吊。sass的功能比less強大,基本上可以說是一種真正的編程語言了曹抬,less則相對清晰明了,易于上手溉瓶。
? ? ? 二者的區(qū)別:
? ? ? 1.實現(xiàn)方式不同。less是基于JavaScript運行,所以less是在客戶端處理谤民。而sass的安裝需要Ruby堰酿,是在服務端處理的。
? ? ? 2.變量张足。less是以@開頭定義的變量触创,如:@mainColor:#339;? ? 而sass是以$開頭定義的變量,如:$mainColor:#339;
? ? ? 3.輸出設置为牍。less沒有輸出設置哼绑,而sass提供了4種輸出設置岩馍。nested,compact, compressed和expanded。默認為nested抖韩。
? ? ? 4.條件語句蛀恩。less不支持條件語句,而sass可以使用if{}else{}茂浮,for{}循環(huán)等等双谆。