sass和less的优缺点菜鸟教程_sass小白攻略

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

sass和less的优缺点菜鸟教程

简述

sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用

sass和less的优缺点菜鸟教程_sass小白攻略

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的参数如果遇到多参数和列表参数值的时候容易混淆;

海计划公众号
(0)
上一篇 2020/03/30 16:07
下一篇 2020/03/30 16:07

您可能感兴趣的内容

  • 如何写一个像axios那样牛叉的请求库入门基础_请求使用帮助

    概述
    前端开发中,经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本,提高开发效率。
    axios 就是这样一个 HTTP 请求库,近年来非常热门。目前,它在 GitHub 上拥有超过 40,000 的 Star,许多权威人士都推荐使用它。
    因此,我们有必要了解下 axios 是如何设计,以及如何实现 HTTP 请求库封装

    2020/03/23
  • html页面锚点链接对SEO的作用,以及实现描点的三种方式新手入门_网页小白基础

    HTML中的链接,正确的说法应该称作”锚点“,它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,
    通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作”精准链接”的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。
    类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。锚点链接对S

    2020/04/03
  • W3C中国入门基础知识Web技术领域最具权威和影响力的国际中立性技术标准机构

    W3C中国基础入门 官方网址:http://www.chinaw3c.org/ 简介描述:Web技术领域最具权威和影响力的国际中立性技术标准机构 万维网联盟(World Wide …

    2020/03/05
  • 招聘狗基础知识教程_招聘信息,免费简历库

    招聘狗基础知识教程 官方网址:https://www.zhaopingou.com/ 简介描述:招聘信息,免费简历库 招聘狗为求职者提供全部城市的各个行业实时招聘信息,支持一键海投…

    2020/03/06
  • prefetch入门基础HTML5的页面资源预加载技术(Link prefetch)加速页面加载_预加载菜鸟教程

    不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用.htaccess设置页面头信息和缓存时间,JavaScript压缩,使用CDN等。我曾经介绍过本站上使用的一些速度优化技术。而在HTML5里,出现了一个新的用

    2020/04/03
  • 中年出走的程序员,最终归向何处?菜鸟知识_程序员基础指南

    凛冬还未结束这是很多互联网行业人的共识,各个大厂依旧在裁人,或以结构优化的借口委婉辞退,或直接以岗位撤销的理由直接辞退,尤其是那些交了一大笔培训费进入培训班的程序员,成为了裁员的首批对象。在被辞退之后,这些处于而立之年的中年人该何去何从?选择更好的培训机构,再来一次“我们也是没办法,程序猿这么累,要不是生活所迫,谁愿意呢”对于众多中年失业的程序员来说,唯一的

    2020/03/29
  • wavesurfer.js使用指南_JS 音频可视化插件

    wavesurfer.js使用指南 官方网址:https://wavesurfer-js.org GitHub:https://github.com/katspaugh/waves…

    2020/03/06
  • 一个网站的开发步骤入门百科_网站菜鸟知识

    经常有朋友说”我想做个网站”、“网站上放个什么什么”、”对你来说应该很容易,帮个忙吧”等等。怎么说呢,大部分非互联网行业的人是不了解网站的开发流程的,他们可能以为就是个简单的页面,顺手拈来,分分钟搞定的,其实不然。今天就来简单聊一聊一个网站的开发步骤,尽量做到简单易懂,希望能让非相关行业的人也能弄懂。准备服务器服务器是运行网站程序的电脑。公网IP每台电脑都有

    2020/04/03
  • Visual Alchemist新手入门_基于Web的开源数据库图表制作和自动化工具

    Visual Alchemist新手入门 GitHub:https://github.com/prahladyeri/VisualAlchemist 简介描述:基于Web的开源数据…

    2020/03/10
  • 在原生 React Native 应用中使用 Expo API使用指南_api基础知识

    注: 本文最初于 2019 年 2 月 28 日发布,随后于 2019 年 3 月 14 日更新,以反映 Workflow 的改进。从今天开始,你可以在任何 React Native 应用程序中使用尽可能少或尽可能多的 Expo SDK。 我们已经花了很多时间构建和维护这些包含原生应用特性的跨平台 API,我们很高兴最终实现了向整个 React Native

    2020/03/30
  • 详解 HTML attribute 和 DOM property基础知识教程_dom基础指南

    在大多数的文章中,attribute 一般被翻译为“特性”,property 被译为“属性”。结论把结论写在最前面,如果你全都懂,后面就不用看了。HTML attributeDOM property值永远是字符串或 null值可以是任意合法 js 类型大小写不敏感大小写敏感不存在时返回 null不存在时返回 undefined对于 href, 返回 html

    2020/03/29
  • 23 个 Vue.js 初级面试题菜鸟教程_面试基础教程

    1. 为什么Vue被称为“渐进框架”?使用渐进式框架的代价很小,从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。 Vue.js 是一个渐进式框架,因为你可以逐步将其引入现有应用,而不必从头开始重写整个程序。Vue 的最基本和核心的部分涉及“视图”层,因此可以通过逐步将 Vue 引入程序并替换“视图”实现来开始你的旅程。由于其不断发展的性质,

    2020/03/22
  • 网页后缀html、htm、shtml、shtm有什么区别?小白教程_网页入门攻略

    每一个网页或者说是web页都有其固定的后缀名,不同的后缀名对应着不同的文件格式和不同的规则、协议、用法,最常见的web页的后缀名是.html和.htm,但这只是web页最基本的两种文件格式,今天我们来介绍一下web页的其它一些文件格式。 首先介绍一下html与htm 关于HTML,HTML(HyperTextMark-upLanguage)即超文本标记语言,

    2020/04/05
  • IT实用技能小白基础IT开发编程实用技巧_IT使用教程

    1. 上帝的规矩:局部性原理这个原理讲的是在一段时间里, 整个程序的执行仅限于程序的某一个部分, 相应的, 程序访问的存储空间也局限于某一个内存区域, 具体分为:(1) 时间局部性:是指如果程序中的某条指令一旦执行,则不久之后该指令可能再次被执行; 如果某数据被访问,则不久之后该数据可能再次被访问。(2) 空间局部性: 是指一旦程序访问了某个存储单元,则不久

    2020/04/03
  • 如何较为优雅地实现新手引导功能?使用帮助_引导菜鸟指南

    早期的项目中晓衡遇到游戏终于要完成了,辛苦了一阵满以为可以稍微放松一下了,但策划、运营要求,增加一个他们认为非常“简单”且重要的功能: 新手引导 。回想起当年,接到这个任务时的感觉是手脚冒汗、天晕地暗、日月无光,游戏代码本来就千疮面孔,逻辑错综复杂,根本不知道该怎么下手?更困难的是,游戏本身功能和需求还不稳定,老板随便一个想法可能就会被改、改、改…,我该

    2020/03/23
  • JS 原生闭包模块化开发总结菜鸟知识_闭包小白教程

    一、闭包模块的第一种写法:// HH: 闭包类的第一种写法
    var PeopleClass = function () {var age = 18var name = ‘HAVENT’// 闭包返回公开对象return {getAge: function () {return age},getName: function () {return name}}

    2020/03/22