1.安装rvm 2.用rvm安装ruby 3.webstorm下给scss文件添加watch (1)查看sass的安装路径 (2)设置webstorm (3)新建一个scss文件,可以看到对应生成了css ...
分类:
Web程序 时间:
2016-05-28 01:20:50
阅读次数:
531
1.加法 加法运算是Sass中运算的一种,在变量或属性中都可以做加法运算。如: 编译出来的CSS: 但对于携带不同类型的单位时,在Sass中计算会报错。如下所示: 编译的时候,编译器会报错:"Incompatible units: 'em' and ‘px'." 2.减法 Sass的减法运算和加法运 ...
分类:
其他好文 时间:
2016-05-27 14:27:17
阅读次数:
173
这章我们讲“嵌套”,嵌套包括两种:一,选择器嵌套。二是属性的嵌套。一般用选择器嵌套居多 一,选择器嵌套:指的是在一个选择器中嵌套另一个选择器来实现继承。使用&表示父元素选择器 跟css用法一样,没什么说的。 二,属性嵌套,指的是有些属性拥有同一个开始单词,如border-width,border-c ...
分类:
其他好文 时间:
2016-05-26 19:01:50
阅读次数:
159
1.Sass语法格式 假设有这样一段CSS代码: Sass最初的语法格式 这种语法格式没有CSS中常见的大括号和分号,容易出错。 而SCSS的语法格式 SCSS比Sass更接近CSS。 2.Sass编译 使用Sass进行开发,项目中还是引用".css"文件,Sass只是一个预处理工具,只有在需要的时 ...
分类:
其他好文 时间:
2016-05-24 13:33:38
阅读次数:
177
实现的功能:监控.rss文件变化(删除、重命名、内容变化) 并且处理为对应的.css文件
本人工作是web前端。less和sass的css预处理概念是非常好的,自己尝试了一下
测试效果图:
自己列的一个简单需求列表
功能要求:
√ 1.监控文件列表控件 列出需要监控的文件列表
√ 要求有右键删除功能
√ ...
新建Gulpfile文件,运行gulp 安装好gulp后我们需要告诉它要为我们执行哪些任务,首先,我们自己需要弄清楚项目需要哪些任务。 检查Javascript 编译Sass(或Less之类的)文件 合并Javascript 压缩并重命名合并后的Javascript 安装依赖 新建gulpfile文 ...
分类:
其他好文 时间:
2016-05-19 00:00:06
阅读次数:
356
最近项目中用到了sass来编译css,但是scss代码中写了中文注释后编译报错, 经过查找文档和资料,终于找到了解决办法,即在scss文件顶部加上@charset "utf-8";这句代码就ok了。 ...
分类:
其他好文 时间:
2016-05-17 11:36:30
阅读次数:
312
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2016-05-16 17:02:50
阅读次数:
160
meteor学习 描述:是一套完整的用于开发现代化跨平台实时应用的整体解决方案 不是IDE(集成开发环境) 不是API接口 不是前端框架 不是后端框架 包含 命令行工具 meteor command 编译器 js,coffee,less,jade,sass 运行调试环境 meteor run 部署工 ...
分类:
其他好文 时间:
2016-05-13 12:21:07
阅读次数:
184
Sass、LESS是什么?大家为什么要使用他们? 他们是CSS预处理器。他是CSS上的一种抽象层。他们是一种特殊的语法/语言编译成CSS。 Less是一种动态样式语言. 将CSS赋予了动态语言的特性,如变量,继承,运算, 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, F ...
分类:
Web程序 时间:
2016-05-13 11:42:50
阅读次数:
144