高效开发之SASS篇 灵异留白事件——图片下方无故留白 你会用::before、::after吗 link 与 @import之对比 学习前端前必知的——HTTP协议详解 深入了解——CSS3新增属性 菜鸟进阶——grunt $(#form :input)与$(#form input)的区别
高效开发之SASS篇 作为通往前端大神之路的普通的一只学鸟，最近接触了一样稍微高逼格一点的神器，特与大家分享~他是谁？作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，也不可以引用等等...
grunt搭建自动化前端环境(MAC下简单完整流程)
安装运行grunt的环境1、Grunt运行在node下，所以首先需要安装nodebrewinstallnode2、全局安装安装grunt-cli（并非grunt，允许安装多版本的grunt）npminstall-ggrunt-cli注意：以上安装都是全局安装不需要指定目录创建grunt项目1、创建g...
Grunt、Gulp和Webpack对比
1、Grunt处理Sass转换成CSS过程2、Gulp处理Sass转换成CSS过程3、Webpack执行原理4、区别（1）grunt和gulp都类似于webapck的中的scripts，属于任务处理。（2）gulp优于grunt的是流式处理文件，将中间文件放到内存中；而不是通过创建文件（文件夹）、操...
Grunt Server:Fatal error: Port 35729 is already in use by another process.
提示35729端口被占用，使用lsof命令进行查看：y@y:yo-test$lsof-i:COMMANDPIDUSERFDTYPEDEVICESIZE/OFFNODENAMEchromey213uIPv40t0TCPlocalhost:->localhost:(ESTABLISHED)ioni...
grunt-cmd-transport提取deps[]的BUG
该BUG已经在GitHub上提了issue，详见：#56文件//employee/static/adder.jsdefine(function(require,exports){exports.add=function(a,b){returna+b;}});//employee/static/pac...
grunt 单独压缩多个js和css文件【转】
原文地址：http://xiaomiya.iteye.com/blog/2177877使用grunt来压缩前端js，css文件因为最近做的客户端本地项目有用到十几个js，js提交之前都需要压缩。用grunt压缩已经不是什么新鲜事了，，之前的项目用的是别人给我配置好的。所以也没有去深究。这次类型不同了...
git笔记：通过给grunt-inline打tag看tag操作
晚上review了下grunt-inline的issues，看到有个兄弟pullrequest，修正了0.3.0版本的一个bug。于是就merge了下，然后发布了0.3.1版本（这里）。npmpublish后，突然想到一个问题，发布了这么多个版本了，但好像都没有打过tag，这个不利于版本回溯以及bu...
Gulp vs Grunt 前端构建工具对比
GulpvsGrunt前端工程的构建工具对比1.Grunt->Gulp早些年提到构建工具，难免会让人联想到历史比较悠久的Make，Ant，以及后来为了更方便的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。而如今前端提到构建...
Gulp.js----比Grunt更易用的前端构建工具
Gulp.js----比Grunt更易用的前端构建工具Grunt一直是前端构建工具，然而他也不是毫无缺陷的，gulp的作者 EricSchoffstall 在他介绍gulp.js的presentation 中总结了Grunt的几点不足之处：插件很难遵守单一职责。因为Grunt的API设计缺憾，使得许...
前端开发环境搭建 Grunt Bower、Requirejs 、 Angular
现在web开发的趋势是前后端分离。前端采用某些js框架，后端采用某些语言提供restfulAPI，两者以json格式进行数据交互。如果后端采用node.js，则前后端可以使用同一种语言，共享某些可重用的Js代码，并共享构建工具。但很多时候我们可能采用别的语言，如ruby/java/scala等，此时...
Grunt 插件使用汇总
最近使用了很多Grunt插件，这里把使用Grunt中涉及的从开发、代码检查、单元测试、E2E测试，直到发布所涉及的插件，做一个比较完全的汇总。环境搭建1. 创建Web前端开发环境2. Grunt之通配符3. Grunt之动态文件路径 grunt源码分析1. grunt源码解析：整体运行机制&...
（绝对官方好用，快速上手）针对grunt之前写的那篇有些乱，这次总结个清晰的
安装Grunt基于Node.js，安装之前要先安装Node.js，然后运行下面的命令。sudonpminstallgrunt-cli-ggrunt-cli表示安装的是grunt的命令行界面，参数g表示全局安装。Grunt使用模块结构，除了安装命令行界面以外，还要根据需要安装相应的模块。这些模块应该采...
[Whole Web] [Node.js] [Browserify] [Grunt] Automation task with grunt-browserify & grunt-contrib-watch
WhatwewantiswhentheserversideNode.jsfileshavebeenchanged,wewanttousebrowserifytobundleallfileandoutputjustonefileandlatertoshowtheconsoleresultinthebr...
详解Grunt插件之LiveReload实现页面自动刷新（两种方案）
这篇文章主要通过两种方案详解Grunt插件之LiveReload实现页面自动刷新,需要的朋友可以参考下
can not find local grunt 的错误
ES5*以上版本需要jdk1.8，jdk1.8，jdk1.8.重要的工作说三遍1、下载ElasticSearchhttps://www.elastic.co/cn/downloads/elasticsearch#ga-release因为是windows版本，所以下载zip即可2、解压，我的目录位置：...
前端 构建工具 Gulp和 Grunt、npm
1、Grunt是目前最完善的，但是他最大的缺点就是需要配置的项太多了，太繁琐。 2、npm其实是包管理工具，但是如果对package.json合理配置的话，是可以当作构建工具的，具体参见：http://www.tuicool.com/articles/y6nUJj3、gulp是跟grunt一样的支持...
关于Grunt可视化的尝试
关于Grunt可视化的尝试使用Grunt遇到的问题？必须要安装NodeJS必须安装grunt-cli需要编写复杂的Gruntfile.js规则每个项目中必须存在nodejs的grunt模块不方便管理每一个包含grunt的项目无法快速开始一个项目解决思路直接把NodeJS跟grunt-cli包含进去？...
【grunt】grunt 基础学习
1.干啥的呢？项目打包管理，用处有1）可用于压缩合并前端文件，包括css/js，2）可用于管理发布文件与开发文件，3）可用于自动编译less文件2.常用的东西有哪些呢？常用的插件有1）concat合并 2) uglify 压缩 3）requirejs 与requirejs合并使用3.怎么运用到项目中...
杂项-Grunt：grunt build 打包和常见错误
ylbtech-杂项-Grunt：gruntbuild打包和常见错误1.安装、打包返回顶部1、npmWARNdeprecatedcoffee-script@1.10.:CoffeeScriptonNPMhasmovedto"coffeescript"(nohyphen)C:\Users\Admini...
【Grunt】
GRUNTTheJavaScriptTaskRunnerhttp://gruntjs.com/Grunt打造前端自动化工作流http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201307/216460.shtml利用G...