在接触到SASS这个词汇时,是在13年,大漠的w3cplus上看到的,那时我还是名UI设计师,做设计为主,偶尔工作需要也写代码的。所以对于SASS没有太多关注。

重视起想要学习LESS,SASS是在今年五月,找工作的时候发现有公司职位需求有要会的。所以呢。学习LESS,SASS就在学习计划中了。

  我很建议会CSS的人去学习一下LESS或SASS,它们二个之间有很多共通点,特别容易入门,等我看了一些视频学习了之后,有一种相见恨晚的感觉,因为很容易理解和学习。并且能真正的能提高工作效率。

LESS和SASS

主要区别是他们的实现方式不同,LESS是基于JavaScript运行,所以LESS是在客户端处理。

另一方面,Sass是基于Ruby的,是在服务器端处理的。很多开发者不选择LESS是因为LESS输出修改过的CSS到浏览器需要依赖于Javascript引擎,而Javascript引擎需要额外的时间来处理代码。关于这个有很多种方式,我选择的是只在开发环节使用LESS。一旦开发完成,我就复制粘贴LESS输出的到一个压缩器,然后到一个单独的CSS文件来替代LESS文件。另一种方式是使用LESS APP来编译和压缩你的LESS文件。两种方式都将是最小化你的样式输出,从而避免由于用户的浏览器不支持Javascript而可能引起的任何问题。尽管这不大可能,但终归是有可能的。

SASS和SCSS

SASS技术的文件的后缀名有两种形式:.sass和.scss。这两种的区别在于.sass文件对代码的排版有着非常严格的要求,而且没有大括号。

.scss的文件代码和CSS相近,用了LESS再用.scss明显的区别就是用的是$ 和@ 做变量。(建议使用.SCSS,我在看博文的时候也有看到喜欢用.SASS的,原因是:不需要{  更接近ruby python 编程风格)

最后的话

最近一直在找资料学习补充自己。做web前端,发现要学的太多了。 简单说是html5,css3,js。还涉及到很多东西,光说JS框架现在流行的就非常非常多了。

一直在想时间怎么安排比较合适呢?先学什么呢? 应该做个计划什么的,但计划还未做好。目前还是属于先是拿起什么先看看,总比坐着什么也不学的好点。

转载于:https://www.cnblogs.com/maixi/p/4613077.html

关于CSS预处理器(less,sass)相关推荐

  1. 初识css预处理器:Sass、LESS

    这篇文章是初步介绍css预处理的,详细学习请移步官网~ sass中文文档:https://www.sass.hk/docs less中文文档:http://lesscss.cn/ 什么是css预处理器 ...

  2. 009 - CSS预处理器less sass SAML SSO 单点登录 websocket socket.io

    009_css预处理器less sass saml sso 单点登录 websocket## less 安装: npm install -g less 命令: lessc style.less sty ...

  3. css 预处理器 less sass

    文章目录 1. less 1.1 less 的安装 1.2 less用法 1.2.1 命令行用法 1.2.2 变量 1.2.3 混合 1.2.4 嵌套 2. Sass 2.1 Sass简介 2.1.1 ...

  4. css预处理器:Sass LASS Stylus

    语法 Sass h1 {color: #0982C1; } h1color: #0982c1 LESS h1 {color: #0982C1; } Stylus /* style.styl */ h1 ...

  5. css预处理器sass/scss入门

    sass/scss入门 一.css预处理器是什么? 二.为什么要用css预处理器? 三.sass.less.stylus的区别? 四.sass与scss 五.sass安装 六.sass常见用法 6.1 ...

  6. Less(CSS预处理器)

    Less 基础 css弊端 CSS 是一门非程序式语言,没有变量.函数.SCOPE(作用域)等概念. CSS 需要书写大量看似没有逻辑的代码,CSS 冗余度是比较高的. 不方便维护及扩展,不利于复用. ...

  7. 前端CSS预处理器Sass

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

  8. 您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus

    2019独角兽企业重金招聘Python工程师标准>>> CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架.本文向你介绍使用最为普遍的三款 CSS ...

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

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

  10. Sass:一种CSS预处理器语言

    http://sass-lang.com/ Sass是一种CSS预处理器语言,通过编程方式生成CSS代码.因为可编程,所以操控灵活性自由度高,方便实现一些直接编写CSS代码较困难的代码. 同时,因为S ...

最新文章

  1. 报名 | 美团是怎样给你推荐外卖的?美团大脑知识图谱详解
  2. Linux的僵尸进程产生原因及解决方法
  3. qq模板图片asqq_重要更新 电脑编辑规则、快速滚动、富文本图片、规则模板等十多项更新!...
  4. RabbitMQ 从入门到精通 (一)
  5. caffe学习笔记教程
  6. 苹果推出App Store搜索建议功能
  7. SharpPcap学习笔记
  8. JS getElementsByClassName
  9. 实战CSS:小米商城静态实现
  10. java大数据开发是做什么的_3年Java开发转型大数据,如何跳出CRUD舒适区?
  11. matlab做拉普拉斯反演,拉普拉斯变换反演
  12. matlab用normplot绘制正态概率图
  13. 网络百科——网络接口卡
  14. 计算机输入网站打不开,电脑打不开网页怎么办
  15. matlab 阶梯形矩阵,求化矩阵为阶梯型矩阵的代码(不是行最简函数rref)
  16. WEB-漏洞总结(sql注入详解)
  17. Linux串口通信之termios结构体说明
  18. linux 局域网 提高网速,提高Linux系统网速的方法
  19. 茗香茶艺网/茶叶宣传网站
  20. 编译错误/usr/bin/ld: cannot find -lz

热门文章

  1. inotify和epoll
  2. day18__文件操作
  3. python的变量的命名规则以及定义
  4. netty9---使用编码解码器
  5. 原生 js 模拟 alert 弹窗
  6. WPF 自动选择dll,以SQLite为例
  7. SAP如何自定义客户编码
  8. ASP.NET 未被授权访问所请求的资源。请考虑授予 ASP.NET 请求标识访问此资源的?...
  9. less、Element-UI等安装配置
  10. OpenMV(二)--IDE安装与固件下载