2019独角兽企业重金招聘Python工程师标准>>>

简述

sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用
sass和less主要区别:在于实现方式 less是基于JavaScript的在客户端处理，引入less.js就可以处理，sass是基于ruby所以在服务器处理。

sass优点:

用户多，更容易找到会用scss的开发，更容易找到scss的学习资源；
可编程能力比较强，支持函数，列表，对象，判断，循环等；相比less有更多的功能；
丰富的sass库：Compass/Bourbon；

sass缺点:

在公司内部安装node-sass会失败，需要使用cnpm或者手工安装

less优点

可以在浏览器中运行，实现主题定制功能；

less缺点

编程能力弱，不直接支持对象，循环，判断等；只有when判断
@variable 变量命名和css的@import/media/keyframes等含义容易混淆；
mixin/extend的语法比较奇怪；
mixin的参数如果遇到多参数和列表参数值的时候容易混淆；

转载于:https://my.oschina.net/u/3407699/blog/3039612

sass和less的优缺点相关推荐

浅谈sass与less区别优缺点
Sass是一种动态样式语言,Sass语法的缩排语法,比Css比多出很多功能,如变量,嵌套,运算,继承,颜色处理,函数等,易于阅读.Cass的安装需要安装Ruby环境,是服务器端处理的,Less是需要引 ...
python和sass区别_CSS 的预处理程序（Sass、LESS、Stylus 等）分别都有哪些优缺点？...
三种CSS 预处理器(框架) 历史: LESS & Sass LESS是受Sass启发而开发的工具,它列出了如下开发的理由:"为什么要开发一个Sass的替代品呢?原因很简单:首先是语 ...
设计师不应该错过的响应式设计框架（含优缺点分析）
Ethan Marcotte称响应式设计是基于网格建立一个网站.Marcotte定义这项技术后,响应式设计框架开始出现,主要是css和JavaScript的结合.许多框架都是开源的,可以免费下载和快速 ...
flutter框架优缺点_小程序框架全面测评
最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个? 作为 Taro 开发团队一员,笔者想在本文尽量站在一个客观公正的角度去评价各个框架 ...
【Sass】437- 一文详解Sass新特性 - 模块
本文来自[前端早读课],内容不错,推荐给大家. 前言原来是今年才推出的.今日早读文章由@十方魔投稿分享. 正文从这开始-- 简介 2019年十月一号,sass团队推出了sass的模块化机制,通过新关 ...
一文详解sass新特性——模块
1. 简介 2. @import的缺点 3. 模块化的核心@use 3.1 @use的基本用法 3.2 @use与@import的区别 3.3 配置样式库的基础变量 4. 给库开发者使用的利器@for ...
bootstrap框架过时了吗_浅议bootstrap 框架优缺点
韦建波韦龙勇 [摘要]Bootstrap是近年来比较流行的前端开发框架,本文介绍了Bootstrap框架的发展历史和重要特性,分析了Bootstrap框架设计的优缺点,能对web前端开发人员带来一 ...
BootStrap框架的优缺点
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...
Less/Sass预处理器
Less,Sass预处理器教程 1.0 CSS预处理器的介绍 CSS预处理器基于CSS的另一种语言通过工具编译成CSS 添加了很多CSS不具备的特性能提升CSS文件的组织方式 CSS预处理器到底 ...

sass和less的优缺点

简述

sass优点:

sass缺点:

less优点

less缺点

sass和less的优缺点相关推荐

最新文章

热门文章