sass和less的優缺點
阿新 • • 發佈:2019-04-20
簡述
- sass和less都是css的預編譯處理語言,他們引入了mixins,引數,巢狀規則,運算,顏色,名字空間,作用域,JavaScript賦值等 加快了css開發效率,當然這兩者都可以配合gulp和grunt等前端構建工具使用
- sass和less主要區別:在於實現方式 less是基於JavaScript的在客戶端處理,引入less.js就可以處理,sass是基於ruby所以在伺服器處理。
sass優點:
- 使用者多,更容易找到會用scss的開發,更容易找到scss的學習資源;
- 可程式設計能力比較強,支援函式,列表,物件,判斷,迴圈等;相比less有更多的功能;
- 豐富的sass庫:Compass/Bourbon;
sass缺點:
- 在公司內部安裝node-sass會失敗,需要使用cnpm或者手工安裝
less優點
- 可以在瀏覽器中執行,實現主題定製功能;
less缺點
- 程式設計能力弱,不直接支援物件,迴圈,判斷等;只有when判斷
- @variable 變數命名和css的@import/media/keyframes等含義容易混淆;
- mixin/extend的語法比較奇怪;
- mixin的引數如果遇到多引數和列表引數值的時候