尊龙注册登入-尊龙官网登录安卓版下载-尊龙app用现金娱乐一下网站建设第一品牌
网络营销整合专家

CSS 的预处理程序(Sass、LESS、Stylus 等)分别都有

来源:未知   2021-01-14 04:25

 

  CSS 的预处理程序(Sass、LESS、Stylus 等)分别都有哪些优缺点?

  可能开始题目有歧义,补充下:是说这些预处理器各自的优缺点,不是说预处理器这个大的概念。没提到的预处理程序欢迎补充。

  CSS Tricks 等网站上也有一些对比特性的的文章,但总觉得只有介绍,没有比较。

  这问题@一丝邀请了很久了,终于写了一篇文章详细说说这个问题:《再谈 CSS 预处理器》。

  2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架,目前受LESS影响,已经进化到了全面兼容CSS的SCSS。

  2009年出现,受SASS的影响较大,但又使用CSS的语法,让大部分开发者和设计师更容易上手,在ruby社区之外支持者远超过SASS,其缺点是比起SASS来,可编程功能不够,不过优点是简单和兼容CSS,反过来也影响了SASS演变到了SCSS的时代,著名的Twitter Bootstrap就是采用LESS做底层语言的。

  ,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持,在此社区之内有一定支持者,在广泛的意义上人气还完全不如SASS和LESS。

  “为什么要开发一个Sass的替代品呢?原因很简单:首先是语法。Sass的一个关键特性是缩进式的语法,这种语法可以产生柱式外观的代码。但是你需要花费时间学习一门新的语法以及重新构建你现在的样式表。

  LESS给CSS带来了很多特性,使得LESS能够和CSS无缝地紧密结合在一起。因此,你可以平滑地由CSS迁移到LESS,如果你只是对使用变量或者操作感兴趣的话,你不需要学习一整门全新的语言。”

  总结:Sass看起来在提供的特性上占有优势,但是LESS能够让开发者平滑地从现存CSS文件过渡到LESS,而不需要像Sass那样需要将CSS文件转换成Sass格式。Stylus功能上更为强壮,和js联系更加紧密。

  scss 模式,现在的编译器 : ; {} ,不都是IDE 自动补全吗?

  ction-to-less-and-comparison-to-sass.html

  只是现在不太喜欢用这些工具了。它们没有本质区别,只是在css、html之外自己做了一套规则,目的都是提高代码效率,DRY思想的典型实践。

  现在的团队有良好的模块化思想,常用模块会整理成公用组件,加上zencoding(现名emmit),IDE用sublime或者idea ,效率还是蛮高的。

  ) 的利用。 当用户觉得写 stylus 函数遇到了过于复杂或者无法测试,stylus语法不支持等需求时, 也可以直接用 js 来实现这个函数并且在 stylus 中调用。

  其次从编译器源码上来看:stylus 应该比 less.js 更有条理, 感觉如果未来社区添加功能的话,stylus 的源码添加起功能来会更简单,同样,目前 stylus 的功能也更复杂。

  stylus 和 sass 另一个区别在于 sass 本身会建议,以下划线(_) 打头的文件在静态资源打包的时候不会被编译成 .css 文件【只是作为一种 import 存在】。而 stylus 没有这方面的规范。

  同时写过 stylus 和 sass, 就语法简洁来看, stylus 在这方面占了很大的便宜。

  我用sass开发css,用pug开发html,说说我的感受,这类预编译语言最大的好处是让身为文本标记语言的html和css有了逻辑。尤其是3015年12月公布的sass3.4.21以ruby为脚本语言开发的若干新api,比如对于css类选择器的操纵有了进一步提升,强大的&指令等等。让我感觉我在架构css的ui框架时能把sass斜横jquery,很爽造吗?我现在正在推广我们组内的前端开发使用我这套方法呢,不用打入冷宫捏。

  目前感觉不好的地方是预编译语言不能即时预览,但可以通过配置watch()task监听到,还有就是sass3.5出来以后api更多,开发工具貌似我没找到有对sass api做提示的(或许我可以考虑开发一个嘻嘻)名字不方便记忆,老得查文档。

  之前楼上贴出的比较文章有点老,这里贴一篇 Less 的贡献者 Luck Page 写的对比(有偏向)Scott Logic

  基本上,Less 的设计思路偏向原生 CSS,而 Sass 和 Stylus 更偏向计算机语言(分别是 Ruby 和 JS)。所以,可能,前者更适合前端,后者适合工程师。

  个人觉得,其实根据这些社区的各种活跃,以及相互借鉴,这些预处理工具本质上都会趋于一致,所以不管你是用Sass, Less还是Stylus,本质上区别都不大,就是各家语法命名会有些区别而已。

  最近也在看less,感觉CSS本就是比较简单的语言,而用less反而把简单的东西复杂化了,虽然less加入了模块化的东西,看似方便管理了,可是在多人合作的团队中我不推荐使用,如楼上神飞所说,只要团队中的成员都有模块化的思想,并有统一的规范,less其实没有使用的价值,只是在移动开发端不知道是否能更有用武之地?

  用预处理只是为了提升开发效率。真正到最后编译的css性能,相差微乎其微。

点击进入“下一篇”继续浏览
返回列表

最新资讯最新资讯

品牌创意网站建设 上市公司网站建设 大型门户类网站建设 全方位网站运营代理
企业官方网站建设 B2C电子商务网站建设 专题活动网站(MINISITE)

更多 +联系我们

业务电话:0755/837391590755/33121570

业务 QQ:   传真: 0755-83739169

E-mail:   售后QQ :764390686

我们的认知

当对手还在将注意力停留在碎片化的互联网设计或程序实现时,织梦帮早已开始将数字品牌的建设和传播进一步整合。只有通过整体的互联网品牌分析,帮助品牌建立互联网品牌传播价值,并围绕价值建立品牌粘性,提升品牌与用户的互动,更好的帮助品牌传播,触发用户的行动力才是我们工作的终极目标,这正是一流品牌的成功秘诀。
不可否认,建立互联网品牌传播价值的确是门艺术,但互联网不同于艺术涂鸦,企业投资品牌绝不是希望品牌成为某个艺术家的实验品。互联网传播的对象是用户,用户拥有自己的文化体系,群落共性才是互联网品牌传播创意的源头,如果我们不能帮助企业激发目标用户的共鸣,产生购买冲动,那将是品牌的悲剧! 因此,互联网传播必须建立品牌传播价值,为梦想者创造梦想品牌,织梦帮与您同行!

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算

3-5万 5-8万 8-10万 10万以上需招投标
验证码