Question

CSS 的预处理程序分别都有哪些优缺点

Answer 1

缺点：简单来说CSS预处理器语言较CSS玩法变得更高级了，但同时降低了对最终代码的控制力。更致命的是提高了门槛，首先是上手门槛，其次是维护门槛，再来是团队整体水平和规范的门槛。这也造成了初学学习成本的昂贵。

优点：用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题，例如可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。

Sass、Stylus是在服务区端运行的，而less是在客户端运行的

LESS中最好的一点是在样式表中使用JavaScript——相当精彩。可以使用表达式，也可以参考环境方向来使用反单引号。

<span style="color:rgb(161,161,0)">@string: `'howdy'.toUpperCase()`; /* @string 变成 'HOWDY' */</span>  
   
<span style="color:rgb(128,128,128)"><em>/* 你也可以使用前面提到的插值： */</em></span>  
<span style="color:rgb(161,161,0)">@string: 'howdy';</span>  
<span style="color:rgb(161,161,0)">@var: ~`'@{string}'.topUpperCase()`; /* 变为 'HOWDY' */</span>  
   
<span style="color:rgb(128,128,128)"><em>/* 获取文档的信息 */</em></span>  
<span style="color:rgb(161,161,0)">@height = `document.body.clientHeight`;</span>

<span style="color:rgb(161,161,0)">引用自http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html  
</span>