前端开发常用的css预处理器

css预处理器的概念首次成为前端web开发工作流程的主流并改变了我们编写css的方式

css预处理器他是一种工具,用于通过自己的脚本语言扩展默认普通css的基本功能,它可以帮助我们使用复杂的逻辑语法,像我们的变量,函数,混合,代码嵌套和继承,使普通的css更加强大,通过使用css预处理器,可以无缝的自动化日常任务,构建可重用的代码端,避免代码重复和膨胀,并且编写组织良好且易于阅读的嵌套代码块

sass

sass是用Ruby语言编写的,但是预编译器LibSass允许用其他语言解析sass,并将其与Ruby解耦,sass有一个庞大的活跃社区和广泛的网络学习资源,

特点:成熟性,稳定性和强大的逻辑能力

Lass

less是用javascript编写的,事实上,less是一个js库,他通过混合,变量,嵌套和规则设置循环扩展了原生普通css的功能,less的少数缺点就是不支持函数

less与scss非常相似,只是在声明变量时,less使用@而不是$sign

Stylus

stylus由Node.js编写,与我们的js堆栈完美匹配,stylus深爱sass的逻辑能力和less的简单性的影响,stylus的一个优点就是它具有及其强大的内置功能,并且能够处理繁重的计算

stylus在编写方面提供了很大的灵活性,支持本机css,并且允许省略括号,冒号和分号

stylus不使用@或者$符号来定义变量,stylus使用赋值运算符来指示变量声明

虽然sass拥有最大的用户群和活跃社区,但是less最容易编译和集成,另一方面,stylus仍然是Node

.js开发人员的流行选择,因为它结合了sass的广泛逻辑能力和less的简单性

猜你喜欢

转载自blog.csdn.net/qq_60976312/article/details/129016106