码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-01 15:33:04      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

  在接触到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框架现在流行的就非常非常多了。

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

 

 

 

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

标签:

原文地址:http://www.cnblogs.com/maixi/p/4613077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!