什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas ...
分类：
Web程序 时间：
2016-08-19 23:47:05
阅读次数：
271
前言：Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline import ...
分类：
其他好文 时间：
2016-08-19 00:47:19
阅读次数：
182
1、后缀名有两种（http://www.w3cplus.com/sassguide/syntax.html） （1）.sass的，不使用大括号和分号。 （2）.scss的，使用大括号和分号，类似于css文件。 2、导入 1、如果你在sass文件中导入css文件如@import 'reset.css' ...
分类：
其他好文 时间：
2016-08-16 21:30:00
阅读次数：
233
@if@if 指令是一个 SassScript，它可以根据条件来处理样式块，如果条件为 true 返回一个样式块，反之 false 返回另一个样式块。在 Sass 中除了 @if 之，还可以配合 @else if 和 @else 一起使用。@mixin blockOrHidden($boolean:true) {
@if $boolean {
display: block;...
分类：
其他好文 时间：
2016-08-16 16:22:48
阅读次数：
152
一.前言 1.Sass是什么？ Sass可以简化你的Css工作流，并可以使你的Css的扩展和维护工作变的更加容易！例如，曾几时何，因为客户的需求的变更，你必须不断的通过查找和替换来更改一个像素值，或者，为了能够确定多栏布局中某一栏的宽度，你需要使用计算像素值软件才能搞定。 Sass引入了一些新的概念 ...
分类：
其他好文 时间：
2016-08-16 14:37:26
阅读次数：
166
前期准备 windows7 node ruby sass+compass grunt篇 新建一个grunt_demo 目录，用compass 创建一个项目 打开CMD，安装grunt-cli到全局环境 注意，安装grunt-cli并不等于安装了 Grunt！Grunt CLI的任务很简单：调用与Gr ...
分类：
其他好文 时间：
2016-08-16 14:34:44
阅读次数：
180
CSS中目前只有calc()能做运算，但是在Sass中，可以做各种数学运算。加法.box{
width: 20px + 8in;
}编译出来的CSS:.box {
width: 788px;
}1in = 96px;当em,rem等相对当前字体，于px在一起不能运算，会报错，如:.box{
width: 20px + 8em;
}不过如果其中一个不同单位，那么会以另一个带单位的为...
分类：
其他好文 时间：
2016-08-15 11:36:40
阅读次数：
242
混合宏——声明混合宏当样式变得越来越复杂，需要重复大段的样式，声明一个个变量已经不能满足我们的需求时，这时Sass中的混合宏就会变得非常有意义。Less中同样有这部分类容，有带参数的混合和不带参数的混合。1、声明混合宏不带参数混合宏在Sass中，使用”@mixin”来声明一个混合宏，如：@mixin border_radius {
-webkit-border-radius: 10px;...
分类：
其他好文 时间：
2016-08-12 20:10:02
阅读次数：
187
在使用npm安装node-sass的时候，可能会出现如下的报错： Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npminstall\node-sass\3.7. ...
分类：
其他好文 时间：
2016-08-11 19:20:49
阅读次数：
186
花了一上午来调整页面在ie10上的显示问题，sass编译生成的css文件在ie内核下一直不能正确加载，果然兼容性的问题还需要好好研究。转入正题，用css3实现轮播效果主要是基于css3的framework动画效果实现轮播效果以及之前提到的input:checked伪类来实现轮播的控制。在轮播的控制上 ...
分类：
Web程序 时间：
2016-08-09 02:04:41
阅读次数：
173
