css擴充套件語言sass和less

摘要： less和sass最主要的區別是less是通過Javascript編譯，而sass是通過ruby編譯的，如果沒有引入前端工程化，less會消耗客戶端效能，sass會消耗服務端效能，但是引入前端工程化的話，gunt，gulp，webpack等，less和sass在打包階段都會轉化成css，所以不...

less和sass最主要的區別是less是通過Javascript編譯，而sass是通過ruby編譯的，如果沒有引入前端工程化，less會消耗客戶端效能，sass會消耗服務端效能，但是引入前端工程化的話，gunt，gulp，webpack等，less和sass在打包階段都會轉化成css，所以不會有區別，只是sass是基於ruby，所以每次npm的時候相對慢一點點（實際體會）；

語法都不一樣：比如less的變數宣告是@xxx，而sass的變數宣告是$xxx,所以只需要選擇一個去學語法就夠了，相對來說sass的語法更新鮮明好記，便於閱讀，普遍度高，sass和scss兩種模式，你可以選擇帶大括號{}的，也可以選擇對齊型的，看個人習慣了。

注：LESS可以在客戶端上執行（IE6+、Webkit、Firefox等），也可以在服務端執行（Node.js、Rhino）。

共同點就是從此css變成了js，在sass和less裡面可以有變數，運算，混合，巢狀，繼承，條件判斷，自定義函式等等，這個他們都有.