这是什么这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具,它的主要功能是:使用二叉树排列算法,对css文件进行处理,收集切片序列,生成雪碧图在原css代码中为切片添加background-position属性生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码在引用雪碧图...
分类:
其他好文 时间:
2015-07-28 20:14:11
阅读次数:
111
压缩前的工程目录: 1、安装js,css需要的插件 使用npm安装:npm installgrunt-contrib-uglify --save-dev -------->安装js压缩插件 npm installgrunt-contrib-cssmin --save-d...
分类:
Web程序 时间:
2015-07-27 18:30:05
阅读次数:
149
编译SASSsass编译有很多种方式,如命令行编译模式、sublime插件SASS-Build、编译软件koala、前端自动化软件codekit、Grunt打造前端自动化工作流grunt-sass、Gulp打造前端自动化工作流gulp-ruby-sass等。2. 命令行编译;//单文件转换命令sas...
分类:
其他好文 时间:
2015-07-27 12:46:29
阅读次数:
108
https://github.com/fex-team/fisFIS入门:http://fis.baidu.com/docs/beginning/getting-started.htmlFIS 与 Grunt 的区别 http://fex.baidu.com/blog/2014/03/fis-and...
分类:
其他好文 时间:
2015-07-27 11:03:54
阅读次数:
113
grunt作为一个前端构建工具,有资源压缩,代码检查,文件合并等功能。下面就简单了解grunt的使用。一、环境配置grunt是基于nodejs的,所以需要一个nodejs环境,未了解的可以来这看看还是在windows下,首先要保证grunt命令可以使用,所以要先使用npm安装对应CLInpminst...
分类:
其他好文 时间:
2015-07-27 10:37:00
阅读次数:
119
Grunt简单教程
1.grunt简介
Grunt是一个基于任务的命令行工具,依赖于node.js环境。
它能帮你合并js文件,压缩js文件,验证js,编译less,合并css,还可以配置自动任务,单元测试等等,grunt有非常多的插件,可以满足你的大部分需求。
2.怎么安装
先介绍一些东西:
npm是node.js的包管理器通过npm可以下载安装nodejs的模块包
cnpm是淘宝...
分类:
其他好文 时间:
2015-07-26 00:38:52
阅读次数:
2647
原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求未压缩合并的演示地址:demo2学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构js ——dist //压缩后的目标文件夹—lib //各个模块 —drag //拖拽模块 —s...
分类:
Web程序 时间:
2015-07-23 13:46:28
阅读次数:
125
FIS 也是一个新生的前端自动化工具,好下面就来简单介绍一下,真的好简单介绍啊..个人觉得FIS已经囊括了一个“大前端”的范畴。先来看看别人怎么看FIS和Grunt和GulpF.I.S在实际项目中的应用体验如何?前端工具里面gulp和fis,有哪些优缺点?FIS和Grunt的区别FIS入门很简单,提...
分类:
其他好文 时间:
2015-07-23 00:22:14
阅读次数:
174
gulp是基于流的前端自动化构建工具。之前也谈到了grunt的用法,grunt其实就是配置+配置的形式。而gulp呢,是基于stream流的形式,也就是前一个函数(工厂)制造出结果,提供后者使用。同样的,也是包括基本用法和各插件的使用。一、环境配置gulp是基于nodejs的,所以没有nodejs环...
分类:
其他好文 时间:
2015-07-22 22:41:15
阅读次数:
204