一、Less 1.1、概要 Less是一种动态样式语言,Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数。LESS 既可以在 客户端 上运行 ( ...
分类:
Web程序 时间:
2016-12-08 17:35:05
阅读次数:
399
简要记录一下在使用gulp-sass时候踩的坑,虽然不明所以然,但是似乎在https://github.com/dlmanning/gulp-sass/issues/1 找到了答案。 在使用gulpfile配置监听文件更新自动编译时候出现了一个这个错误:“error: File to import ...
分类:
其他好文 时间:
2016-12-07 22:44:21
阅读次数:
312
Gulp是一个基于任务的javascript工程命令行流式构建工具。为什么要用Gulp呢?前端开发进入到工程化阶段,我们需要压缩合并文件,加MD5戳;如果使用 CoffeeScript/ES6 去代替 Javascript,那么需要编译成jacascript;如果使用less或者sass,需要编译成 ...
分类:
其他好文 时间:
2016-12-07 13:55:44
阅读次数:
317
Sass的作用是,帮助我们更快地(又快)写出具有高可维护性(又好)的CSS代码。 直白点说就是,用了sass,写起样式来,脚步带风,效率提升,另一方面,sass在保证你“车速”的同时,还尽量减少你“翻车”的概率,你的样式代码将变得具有更多的条理性,更少的啰嗦重复,修改起来也变得简单高效,不用ctrl ...
分类:
其他好文 时间:
2016-12-06 03:13:22
阅读次数:
104
sass入门 什么使sass呢?学过变成语言的人都知道,它不是一种编程语言! 我们知道,css基本上不是程序员的工具,因为它很麻烦,没有变量,没有条件语句,而只是一行行的单纯的描述,非常的不方便!正基于此,有人开始为了更方便地编写css来给css加入了编程元素,这就是“css预处理器(css pro ...
分类:
其他好文 时间:
2016-12-06 02:03:55
阅读次数:
230
gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,gulp 借鉴了Unix操作系统 ...
分类:
其他好文 时间:
2016-12-05 19:43:51
阅读次数:
235
webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sass),但我们无须在上面花费... ...
分类:
Web程序 时间:
2016-12-04 16:45:32
阅读次数:
217
简要记录一下在使用gulp-sass时候踩的坑,虽然不明所以然,但是似乎在https://github.com/dlmanning/gulp-sass/issues/1 找到了答案。在使用gulpfile配置监听文件更新自动编译时候出现了一个这个错误:“error: File to import n ...
分类:
其他好文 时间:
2016-12-04 11:44:43
阅读次数:
175
原文请看:http://www.cnblogs.com/imwtr/p/6010550.html 用Sublime Text蛮久了,配置配来配去的,每次换电脑都得重头再配过,奈何人老了脑子不中用了,得好好整理一些,下次换电脑就有得参考了.. 同事说,他的WebStorm简直太方便,自身集成了很多方便 ...
分类:
其他好文 时间:
2016-12-03 18:46:30
阅读次数:
480
css 变量的支持情况: 在pc端支持还不错,ie不支持,移动端也不支持,大概这就是css变量没有广泛使用的原因吧 CSS预编译工具Sass/Less/Stylus的便捷之处就是可以定义变量,方便代码的维护,其实css也有自己原生的变量var: 命名方式:--* (以--开头,*代表变量名称) 变量 ...
分类:
Web程序 时间:
2016-12-02 19:08:16
阅读次数:
609