less以及sass兩者什么區(qū)別
sass和less主要區(qū)別在于實(shí)現(xiàn)方式: less是基于JavaScript的在客戶端處理 所以安裝的時(shí)候用npm舵揭,sass是基于ruby所以在服務(wù)器處理。
一踱卵、less:Less 是一門 CSS 預(yù)處理語言,它擴(kuò)展了 CSS 語言,增加了變量撇簿、Mixin、函數(shù)等特性差购,使 CSS 更易維護(hù)和擴(kuò)展四瘫。Less 可以運(yùn)行在 Node 或瀏覽器端。
二欲逃、sass 與 less 的區(qū)別 :
1找蜜、sass與less的安裝 :sass基于Ruby語言開發(fā)而成,因此安裝sass前需要安裝Ruby稳析。less 在服務(wù)器端最容易的安裝方式就是通過 npm(node.js 的包管理器)洗做。less 在客戶端使用【.less】(LESS源文件)弓叛,只需要在官網(wǎng)載一個(gè)javascript腳本文件主【less.js】,然后在我們需要引入LESS源文件的html的中加入如下代碼:
2诚纸、變量 :sass 是以開頭定義的變量撰筷,如:mainColor: #963; less 是以@開頭定義的變量,如 @mainColor: #963;
3畦徘、作用域 :sass 沒有全局變量毕籽,滿足就近原則,但是實(shí)際中可以將需要定義的全局屬性放在base.scss 文件中旧烧。注意變量名重復(fù)影钉; less 中的作用域和其他程序語言中的作用域非常的相同,他首先會(huì)查找局部定義的變量掘剪,如果沒有找到平委,會(huì)像冒泡一樣,一級一級往下查找夺谁,直到根為止廉赔,同樣上面的例子,我們來看看他在LESS下所起的變化匾鸥。