Page 1 of 1

CSS 处理器——轻松进行前端开发的福音?

Posted: Wed Feb 12, 2025 6:42 am
by mehadihasan123456
CSS 被称为是设计 HTML 的一种语言。我避免使用编程语言这个术语,因为 CSS 显然不是编程语言,而且也不具备编程语言的任何优势。当然,这很难比较,因为 CSS 不 执行一些逻辑运算。尽管如此,你仍然希望 CSS 能够做一些事情。例如变量。让前端开发人员的生活变得更加轻松的事情。

这就是 CSS 处理器发挥作用的地方。

CSS 处理器。请问啥?
直到 2013 年 11 月 4 日 PostCSS 的第一个版本 0.1 在 GitHub 上发布之前,预处理器一词单独指代的是 SASS、Less 之类的工具,它们用许多功能扩展了 CSS。当然还有更多的预处理器。我个人喜欢将 Stylus 与一个不那么普通的 HTML 预处理器 Jade 结合使用 - 实际上是模板引擎,但基本与预处理器相同。但是自从 PostCSS 出现以来,就出现了另一个术语:后处理器。

预处理器中宣传的功能可能是变量,或混合,嵌套,循环,扩展以及其 波斯尼亚和黑塞哥维那 whatsapp 号码 他任何英语表达方式。如果您想了解更多,请查看 SASS 和 Less 文档。但那是另一个故事。

CSS 预处理器与后处理器
这一切都很好,但是 CSS 预处理器和后处理器之间有什么区别?

预处理器采用的方法是您无需编写 CSS 即可获得 CSS。嗯,有点,但是形式不同。因为这些小助手有自己的语法,有时还有相似甚至完全独特的功能。原则上,每个人都在煮自己的汤。

因此,一个人使用 SASS 设计他的网站,另一个人以不同的方式使用 Less,第三​​个人更喜欢 Stylus,并且以完全不同的方式进行设计。最终结果是 CSS。源代码使用适当的选项进行编译和输出——正如作者所希望的那样。这可以被压缩或者使用 CSS 源图。这个更长的工作流程有什么好处呢?

节省时间。 “可维护性”。花哨的代码。 人们对此类工具的看法各不相同。有些人喜欢它,其他人则喜欢普通的 CSS,还有些人认为前者有些过头了。他们要么撰写数万亿行的博客文章来解释为什么预处理器被错误使用,要么只是使用 PostCSS。

但是任何认为 PostCSS 将取代预处理器的人都是错误的。例如,有了 SASS,CSS 仍然可用。这也可以用 PostCSS 来处理。因此,PostCSS对于每个工作流程来说都是一个有用的助手。