[css] 你认为sass和less的最大区别是什么呢?你喜欢哪个?为什么?

less 没有循环只有递归;
less 没有 if 只有 when;
sass 多个 @function 很棒,否则只能堆变量了;
less 拼接类名的字符串需加上 ~;
应该还有很多内置方法的不同,但现在还没用到。其实我更青睐 stylus,写 flex: left center 这种自定义属性,很简便很舒服,
但这种肯定会被加到全局里,多人合作时就很怕有人会乱玩了。所以用的最多的还是 sass。另外,不用 mixin 会造成很多废代码,而 scss 需要加 @include some($x) 才行,
这个时候就觉得 less 很舒服了,.some(@x) 就行。
但是吧,less 的递归和条件玩起来真的不舒服,所以还是选了 sass。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 你认为sass和less的最大区别是什么呢?你喜欢哪个?为什么?相关推荐

  1. 前端CSS预处理器Sass

    前面的话   "CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工 ...

  2. html用css画多边形,Sass绘制多边形_Preprocessor, Sass, SCSS, clip-path, CSS处理器, 会员专栏 教程_W3cplus...

    CSS画图形在Web运用中时常看到,比如三角形.五角星,心形,Ribbon等.不过以前使用CSS绘制图形一般都是借助于border来绘制,但这样的方式受到一定的限制,而且实用价值也有所限制.这篇文章将 ...

  3. css预处理器sass使用教程(多图预警)

    css预处理器赋予了css动态语言的特性,如变量.函数.运算.继承.嵌套等,有助于更好地组织管理样式文件,以及更高效地开发项目.css预处理器可以更方便的维护和管理css代码,让整个网页变得更加灵活可 ...

  4. [Sass常见用法] Css代码的Sass打开方式

    文章目录 Sass Sass是什么(英文全称:Syntactically Awesome Stylesheets) 为什么使用 Sass 数组 混合器 sass安装及用法实例 sass的安装 在开发软 ...

  5. CSS预处理器之Sass与Less

    本篇内容主要讲述css预编译器sass与less: Sass sass(Syntactically Awesome Stylesheets)是css预处理器,可帮助开发人员复用css代码开发,节省开发 ...

  6. CSS预处理器-Sass、Less和Stylus-介绍和使用

    发挥CSS预处器的作用是一种很有挑战性的事情.CSS预处器有不同的语言,有不同的语法和功能. 在这篇文章中,我们将介绍三种不同CSS预处器的蛮量.功能以及他们的好处--sass.less 和stylu ...

  7. .scss和.css的区别,css - SCSS和Sass有什么区别?

    css - SCSS和Sass有什么区别? 从我一直在阅读的内容来看,Sass是一种通过变量和数学支持使CSS更强大的语言. 与SCSS有什么区别? 它应该是同一种语言吗? 类似? 不同? bruno ...

  8. CSS预处理器sass和less

    文章目录 CSS预处理器 什么是CSS预处理器 Sass和LESS背景介绍 Sass背景介绍 LESS的背景介绍 Sass 安装Sass 下载Ruby安装文件 安装Ruby 安装Sass 编译Sass ...

  9. css预处理器 sass和stylus对比以及常用功能

    在众多的css预处理器语言中,sass和stylus算是十分优秀的两个.本文主要针对两者的常用功能做个简单的对比分析.在对比中了解二者的差异,同时帮助大家更好的掌握这两种预处理语言. 本文涉及到的sa ...

最新文章

  1. MAX2606调频发射芯片
  2. 为什么要避免使用JavaScript中的递增(“++”)和递减(“ - ”)运算符?
  3. 单片微机原理P4:80C51串口与串行总线拓展
  4. maven配置开源中国镜像
  5. 【收藏】为什么在Scala中可以在运行时将AnyVal转换为AnyRef?AnyVal转换为AnyRef
  6. android源码编译过程
  7. 《RESTful Web Services》第一章 使用统一接口
  8. .Net Micro Framework导航总贴(新手必看)
  9. 简述get 和 post 的主要区别——计算机网络
  10. c语言程序设计指针教学,C语言程序设计中指针教学要点分析
  11. linux编码安装mysql_在Ubuntu 15.10下安装mysql设置数据库编码
  12. AAAI'22 | 预训练中的多模态信息融合与表征探究
  13. 4~20mA变送器量程与输入电流、输出电流的关系
  14. PHP后端美化,基于Thinkphp5.5表白墙源码,已美化后端
  15. 计算机二级修改并应用基本简历模板,2020年新版个人简历模板大全可编辑(word版).docx...
  16. Win7添加打印机local port端口拒绝访问的解决方法
  17. js 剩余时间,包括天数,小时,分数,秒
  18. uni-app 压缩图片(base64上传)包含图片验证
  19. Ansible:遇到错误 sudo: /etc/sudoers is world writable\r\nsudo: no valid sudoers sources found, quitting
  20. 电路邱关源学习笔记——1.5电压源和电流源

热门文章

  1. grove 套件_如何通过使用Andy Grove的High Leverage Activities加快发展?
  2. 好久不来这里写东西了.
  3. MongoDB在Linux下常用优化设置
  4. 深度学习笔记-卷积神经网络CNN与循环神经网络RNN有什么区别?
  5. 50 jQuery绑定事件 阻止默认事件发生 内置动画 each data
  6. Chrome浏览器调试踩坑
  7. Boot loader: Grub入门(转)
  8. Android 底部导航 UI框架
  9. 虚拟机几种网络连接方式的区别
  10. PHPmysqli的 预处理执行查询语句