1. 关于 less sass 的预编译处理器 LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 less 编译使用前期使用k ...
分类:
其他好文 时间:
2016-07-18 02:29:10
阅读次数:
171
1.要在node环境下 2. 全局安装npm install gulp -g 项目中安装npm install gulp --save-dev 3.安装插件 sass的编译(gulp-ruby-sass) 自动添加css前缀(gulp-autoprefixer) 压缩css(gulp-minify- ...
分类:
其他好文 时间:
2016-07-16 22:59:32
阅读次数:
186
gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt。构建工具依 靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查、合并、重命名、压缩、格式 化、浏览器自动刷新、部署文件等功能。 gulp是基于Nodejs的自动运 ...
分类:
其他好文 时间:
2016-07-16 00:59:47
阅读次数:
310
在浏览器页面有时看到sass文件而不是css文件问题,其主要由于sass开启了source-map(调试)功能,问题如下图: sass调试 sass调试需要开启编译时输出调试信息和浏览器调试功能,两者缺一不可。 开启编译调试信息 目前sass的调试分为两种,一种为开启debug-info,一种为开启 ...
分类:
Web程序 时间:
2016-07-15 13:36:30
阅读次数:
180
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2016-07-15 13:36:19
阅读次数:
193
在做一个基于react项目要安装依赖的包时总是报一下错误 应该是node-sass的问题 找到官网下载跟我错误提示一样的文件也就是 darwin-x64-46 不同的系统不一样 修改为跟本地一样的名字 替换掉就好了https://github.com/sass/node-sass/releases这 ...
分类:
系统相关 时间:
2016-07-13 20:02:29
阅读次数:
207
P77 P89 CSS Reset P94 给CSS样式定义排序 排序工具:CSScomb P97 什么是CSS的权重?权重是指选择符的优先级 P100 工具:Sass Less P101 框架:YUI、ExtJS P102 hack代码,不易理解且维护困难 P103 条件注释 P104 em px ...
分类:
Web程序 时间:
2016-07-12 21:06:32
阅读次数:
219
1、gulp简介 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,她借鉴了Uni ...
分类:
其他好文 时间:
2016-07-12 09:02:08
阅读次数:
259
SASS 初学者入门 Sass 是什么? Sass 是Syntactically Awesome Stylesheete Sass的缩写,是由Hampton Catlin开发的。 Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易! 例如,曾几时何,因为客户的需求的变更 ...
分类:
其他好文 时间:
2016-07-11 14:09:14
阅读次数:
158
一步一步来。 CSS不能编程? 用Less、Sass、Stylus、甚至直接用Absurd,框架除了Bootstrap还有很多。 JS写多了很麻烦?jQuery。 移动开发?Zepto.js。 结构不好?找框架,Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twit ...
分类:
其他好文 时间:
2016-07-08 19:40:45
阅读次数:
192