2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

簡(jiǎn)述

• sass和less都是css的預(yù)編譯處理語(yǔ)言，他們引入了mixins，參數(shù)，嵌套規(guī)則，運(yùn)算，顏色，名字空間，作用域，JavaScript賦值等 加快了css開(kāi)發(fā)效率,當(dāng)然這兩者都可以配合gulp和grunt等前端構(gòu)建工具使用
• sass和less主要區(qū)別:在于實(shí)現(xiàn)方式 less是基于JavaScript的在客戶端處理，引入less.js就可以處理，sass是基于ruby所以在服務(wù)器處理。

sass優(yōu)點(diǎn):

• 用戶多，更容易找到會(huì)用scss的開(kāi)發(fā)，更容易找到scss的學(xué)習(xí)資源；
• 可編程能力比較強(qiáng)，支持函數(shù)，列表，對(duì)象，判斷，循環(huán)等；相比less有更多的功能；
• 豐富的sass庫(kù)：Compass/Bourbon；

sass缺點(diǎn):

• 在公司內(nèi)部安裝node-sass會(huì)失敗，需要使用cnpm或者手工安裝

less優(yōu)點(diǎn)

• 可以在瀏覽器中運(yùn)行，實(shí)現(xiàn)主題定制功能；

less缺點(diǎn)

• 編程能力弱，不直接支持對(duì)象，循環(huán)，判斷等；只有when判斷
• @variable 變量命名和css的@import/media/keyframes等含義容易混淆；
• mixin/extend的語(yǔ)法比較奇怪；
• mixin的參數(shù)如果遇到多參數(shù)和列表參數(shù)值的時(shí)候容易混淆；

轉(zhuǎn)載于:https://my.oschina.net/u/3407699/blog/3039612

總結(jié)

以上是生活随笔為你收集整理的sass和less的优缺点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。