Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 搭建web服务器 文件保存时自动重载浏览器 使用预处理器如Sass、LESS 优化资源,比如压缩CSS、JavaScript、压缩图片 当然Gulp能做的远不止这些。如果你够疯狂,你甚至可以使用它搭建一个静态页面生成器。Gulp真的足 ...
分类:
其他好文 时间:
2016-08-07 21:41:44
阅读次数:
12179
SASS用法 《转载于http://www.cnblogs.com/jingwhale/p/4601115.html》 CSS是一种样式设计语言。有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然 ...
分类:
Web程序 时间:
2016-08-06 00:25:15
阅读次数:
264
一、什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。 二、安装和使用 2.1 安装 SASS是Ruby语言写的,但是两者的 ...
分类:
Web程序 时间:
2016-08-05 17:32:04
阅读次数:
289
转自:孤舟蓑翁 的博客http://www.cnblogs.com/wangpenghui522/p/5467560.html 高级程度排名: SASS (变量+混入+继承+函数+条件判断+嵌套+for+if+工具库Compass) > SCSS (变量+混入+继承+函数+条件判断) > LESS ...
分类:
Web程序 时间:
2016-08-04 23:01:21
阅读次数:
281
在测试gulp-webapp的时候遇到了styles不能被正常编译的问题,究其原因是node-sass没有被正常安装。 根本原因是国内网络的原因。 最终的解决方法是通过淘宝的npm镜像安装node-sass 首先安装cnpm 然后安装node-sass 最后安装gulp-sass 重新运行$ gul ...
分类:
其他好文 时间:
2016-08-03 15:01:55
阅读次数:
413
Sass http://sass-lang.com/ 2016-08-02 Sass是一种CSS预处理器语言,通过编程方式生成CSS代码。因为可编程,所以操控灵活性自由度高,方便实现一些直接编写CSS代码较困难的代码。 同时,因为Sass是生成CSS的语言,所以写出来的Sass文件是不能直接用的,必 ...
分类:
其他好文 时间:
2016-08-03 01:21:19
阅读次数:
135
SASS用法指南 学过CSS的人都知道,它不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。 很自然地,有人就开始为CSS加入 ...
分类:
其他好文 时间:
2016-08-01 17:09:51
阅读次数:
156
CSS预处理器:less和sass:CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用 变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更 见简洁,适应性更强,代码更直观等诸多好处。 less框架的应 ...
分类:
Web程序 时间:
2016-07-31 15:41:34
阅读次数:
198
第1章:认识sass和compass DRY:Don't repeat yourself Sass支持两种语法:一种是以.sass为后缀,这种语法对空格敏感,所以选择器下边的属性要缩进,不同属性用换行区分。 一种是以.scss为后缀,scss即sassy css,在sass3.0中引进,可以用分号和 ...
分类:
其他好文 时间:
2016-07-30 19:41:02
阅读次数:
152