本文摘要：css作为前端三剑客，从降生以来很少变化，css3都已经降生了20年，和js的框架层出不穷相比，似乎css就不需要框架，就不需要更优化的写法。然而在追求极致的法式员眼前，代码的可维护性，代码的优雅性有迫切希望革新css代码的编写，于是css预处置惩罚器降生了。css预处置惩罚器由于浏览器只能明白和识别纯CSS语法，因此不能简朴地用全新的语言取代它。可是，现在的css确实有一些局限性，这在小型项目中可能并不重要，可是在处置惩罚庞大的样式表时确实会支付庞大的价格。

css作为前端三剑客，从降生以来很少变化，css3都已经降生了20年，和js的框架层出不穷相比，似乎css就不需要框架，就不需要更优化的写法。然而在追求极致的法式员眼前，代码的可维护性，代码的优雅性有迫切希望革新css代码的编写，于是css预处置惩罚器降生了。css预处置惩罚器由于浏览器只能明白和识别纯CSS语法，因此不能简朴地用全新的语言取代它。可是，现在的css确实有一些局限性，这在小型项目中可能并不重要，可是在处置惩罚庞大的样式表时确实会支付庞大的价格。

要变通解决此问题，开发人员发现了CSS预处置惩罚器。本质上，预处置惩罚器是具有自己奇特语法的法式。

您编写代码后，他们会将其编译为纯CSS。这和现在盛行的TS是一个原理。我们使用CSS预处置惩罚法式的原因是添加CSS否则无法提供的其他功效。

例如，我们可能具有嵌套或继续选择器，以及mixins（可重用的声明包）。预处置惩罚器便捷的附加功效使我们在书写css的时候越发高效，而且可以灵活设置。Sass与SCSSSass是预处置惩罚器的鼻祖，它降生于2006年，许多厥后的预处置惩罚器都从它这里借鉴了大量思想。

到现在为止，它具有两种单独的语法：Sass和SCSS。是的，Sass和SCSS只是Sass的两种语法，其中SCSS是在Sass第三个版本中引入的，它接纳了和之前纷歧样的语法。Sass和SCSS之间的主要区别在于，SCSS与CSS一样使用分号和方括号。另一方面，Sass它使用等号而不是冒号举行赋值。

只管现在SCSS已经正式成为Sass CSS预处置惩罚法式的主要语法，可是还没有计划弃用原始版本的计划。LessLess最早泛起在2009年。它受Sass的影响，但对厥后引入的SCSS花样有影响。

因为与Sass语法的第一个版本差别，所以此CSS预处置惩罚法式最初是为了尽可能地与纯CSS类似而建立的。这不仅意味着学习它会很快上手，而且还可以使用在Less中有效的任何预编写CSS代码。

Less CSS预处置惩罚器自己是用JavaScript编写的，这也简化了设置。比力Less与Sass，我们会发现它们的基本功效很是相似。它们都允许嵌套，导入和使用变量。可是，在Less中，您还可以提升变量并从Sass无法使用的颜色中提取某些身分，即色调，饱和度，光度和亮度。

另一方面，Sass允许您使用if语句并将其插入选择器和属性名称中。它的语法还包罗三元运算符和嵌套收集器。

Less的另一个小缺点是使用@符号举行变量声明（Sass使用$符号取代）。可是，在CSS中，@也可以用于关键帧和媒体查询。

在阅读代码时，这可能会引起一些杂乱。StylusStylus降生于2010年。只管它的用户群显着少于Sass或Less，但仍然值得研究。

Stylus是用Node.js编写的，因此对于那些已经熟悉nodejs情况的人来说是一个不错的选择。同时它也具有内置函数和mixin。Stylus与众差别之处在于其灵活性：冒号，分号和逗号都是可选的。

此外，我们不需要花括号来界说代码块：Stylus使用缩进取代符号。对于变量，我们可以像在Sass中那样使用 $ 符号，可是也可以不使用它，这一切都由我们自己决议。

用最少的代码写出样式是Stylus一直追求的，然而这也可能导致代码可能不易于阅读，可是这主要看小我私家，究竟一些新事物的降生，自己就需要花费一些时间。PostCSSPostCSS是不是实际上是一个CSS预处置惩罚器。因为它可以用作预处置惩罚器，后处置惩罚器，实际上它是种种处置惩罚器，它们也可以资助您优化，清理代码以及执行种种其他任务。本质上讲，PostCSS是一个具有大量可启用JavaScript插件的API（。

使用它们，您可以处置惩罚CSS并建立自界说工具。PostCSS最初于2013年公布。

您可以将其与普通CSS语法和上述预处置惩罚器一起使用。它最大的优点就是模块化，我们需要的各个功效都可以通过引入各个模块完成，因此，它的效率是很是高的。

总结虽然我们说了这么多预处置惩罚器的利益，可是它也并不是没有缺点，好比css的调试，需要编译，文件过多数是它的缺点。固然，我们思量一件事情的时候，一定是会分析它的利弊的，相对于变量，混入，嵌套，易于维护的这些优雅的功效，它的优点已经可以大大弥补它的缺点了。不要过多纠结到底选择哪一个css预处置惩罚器，重要的是先选择一个上手，你会发现自己会逐步爱上它们的。

本文关键词：开云体育APP下载官方网站,scss,less,stylus,这些,css,处置,惩罚,器该,怎么,css

本文来源：开云体育APP下载官方网站-www.akyxym.com