提纲整体把握，从设计稿入手——技术选型并行开发，从实现静态页面开始前端自动化前端js逻辑前后端集成小问题集合总结1.整体把握，从设计稿入手 —— 技术选型新项目到手，算是运气好，设计稿都已经全部完成了，40多个页面。不用担心边做边改的情况。能够提前确定重用性和一些规范。项目主要要求：1. 兼容PC、...
分类：
移动开发 时间：
2015-05-04 23:46:38
阅读次数：
227
Grunt和 Grunt 插件是通过npm安装并管理的，npm是Node.js的包管理器。Grunt 0.4.x 必须配合Node.js>= 0.8.0版本使用。；奇数版本号的 Node.js 被认为是不稳定的开发版。在安装 Grunt 前，请确保当前环境中所安装的npm已经是最新版本，执行npm ...
分类：
其他好文 时间：
2015-04-30 19:54:54
阅读次数：
161
GulpGulp是一款项目自动化的构建工具，与Grunt一样可以通过创建任务（Task）来帮助我们自动完成一些工作流的内容。当然，今天我们的内容并不是讨论这二者的区别，仅仅是介绍介绍如何利用Gulp来优化我们的Web项目中前端自动化工作流。引言相信不少人看过百度大牛张云龙的那篇讲解大公司里怎样开发和...
分类：
Web程序 时间：
2015-04-26 12:14:21
阅读次数：
141
前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块，简单来说是自动化任务运行器，两者都有社区及大量的插件支撑，在所有的自动化工具领域里，这两者是最好的前端自动化构建工具。 那么问题来了，Grunt和Gulp到底哪家强?在回答这个问题前，先给大家看.....
分类：
其他好文 时间：
2015-04-17 21:42:33
阅读次数：
211
grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJ...
分类：
其他好文 时间：
2015-04-15 13:21:01
阅读次数：
116
刚开始打算进行前后端分离开发，后来发现在使用JSP或者Freemarker做动态页面时，想发挥这些自动化构建工具牛逼闪闪的livereload功能并不是那么的轻易，因为我们必须还得调教它们去调用Java容器。现在全球社区似乎...
分类：
编程语言 时间：
2015-04-04 18:35:01
阅读次数：
872
今天突然心血来潮，想把前端的一些人工工作流程自动化，其实之前已经在用grunt进行自动化构建，但总是觉得还是有些事情未做好。首先说说，前端平时需要做那些自动化吧：1. 先讲HTML，每个项目每个页面都需要统一的头部，其他标题，关键字，作者等meta自行修改，body部分每个页面各自填充，但使用的.....
分类：
其他好文 时间：
2015-03-21 01:05:50
阅读次数：
607
以前自己太low了，都没用过高大上的前端自动化打包工具，开发方式也是偏传统的。加入到新的团队后得拼命赶上啊，前端技术更迭太快，各种技术层出不穷，智商都快不够用了。看人家都用的牛逼哄哄的技术，自己还守着那点小白技术就说不过去了，所以有些环境逼着你进步，有些环境是让你不知不觉就堕落了。不扯淡了，开始学习...
分类：
其他好文 时间：
2015-03-10 13:31:07
阅读次数：
140
1.首先需要安装node+npm（这里不再叙述，网上教程一大堆）2.gulp全局安装：npm install -g gulp3.cd进入到你的项目目录，这里使用demo文件夹为我的示例项目4.在demo项目中新建dist和src两个文件夹，再在src文件夹下新建images，sass，js三个文件夹...
分类：
其他好文 时间：
2015-02-11 14:30:54
阅读次数：
324
一.grunt是基于nodejs的，所以首先我们需要安装node 二.全局安装grunt 可以参考 http://www.gruntjs.net/docs/getting-started/ 进行安装. 1.全局安装 npm install -g grunt-cli 2.进入当前项目根据配置文件 pa...
分类：
其他好文 时间：
2015-02-09 12:39:15
阅读次数：
312
