好多年没有接触前端，发现前端行业发生了巨大的变化，很多新鲜术语，比如node、git、grunt、less、sass、预编译、自动化、模块化等等，看得让人晕头转向，不要担心，我会把这之前之后学习成果都记录下来，方便想要入门的同学交流学习！本人水平有限，错误在所难免，希望各位看客指正。如题，接下就是6...
分类：
系统相关 时间：
2015-10-12 21:08:31
阅读次数：
269
合并文件、压缩、雪碧图1、安装gulp环境2、完整目录结构如下： css：.less/.sass源文件 html：静态页面文件 img:不需要合并的图标 slice：需要生成雪碧图的图标 publish：开发时引用的文件（自动生成） release：发布的文件（自动生成） gulpfi...
分类：
其他好文 时间：
2015-10-12 20:59:55
阅读次数：
473
三年前开始接触前端，经历了从原始逐渐过度到工业化的过程，趁着事件不是太久，把曾经遇到的问题整理出来，给自己做个备份，也给希望能给别人提供一点点微不足道的帮助。安装基础环境（尽可能把工具安装全一些，以减少可能遇到的问题）windows系统1.安装nodejs（自动化的前提，..
分类：
其他好文 时间：
2015-10-12 01:58:13
阅读次数：
133
上篇文章介绍了前端模块化开发工具seaJs，利用seaJs我们可以轻松实现前端的模块化编程，参见http://www.cnblogs.com/luozhihao/p/4818782.html那么今天我继续介绍前端开发的另一工具——grunt。关于介绍grunt文章网上已经存在很多，而本文主要结合自己...
分类：
其他好文 时间：
2015-09-30 12:40:58
阅读次数：
224
前端组件库搭建web app常用的样式/组件等收集列表(移动优先)0. 前端自动化(Workflow)前端构建工具Yeoman – a set of tools for automating development workflowgulp – The streaming build systemg...
分类：
其他好文 时间：
2015-09-24 16:02:10
阅读次数：
279
gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。gulp 还可以做很多事，例...
分类：
其他好文 时间：
2015-09-16 12:24:56
阅读次数：
195
废话不多说.直奔主题.1.安装node.别问为什么.如果你不知道,说了你还是不知道.别问怎么安装,自己去百度.2.安装grunt_CLI.安装完node,并且安装成功了,后.下载grunt_Cli.看到如上界面,说明安装成功了.查看grunt版本.3.在F盘新建grunt目录目录里面新建如下文件,和...
分类：
其他好文 时间：
2015-08-28 19:23:28
阅读次数：
134
以下方法都有在公司实际项目中应用，的确能够提升客户端体验和访问速度。1、建议客户端使用Chrome或高版本IE浏览器；2、能够实现静态化的页面尽量在服务器端保存静态页面，访问动态页面肯定会比静态页面慢。3、减少HTTP请求 1）合并js、css，可以使用前端自动化构建工具。 例如：grunt...
分类：
Web程序 时间：
2015-08-21 15:26:09
阅读次数：
195
前端组件库搭建web app常用的样式/组件等收集列表(移动优先)0. 前端自动化(Workflow)前端构建工具Yeoman – a set of tools for automating development workflowgulp – The streaming build systemg...
分类：
其他好文 时间：
2015-08-14 13:14:51
阅读次数：
224
grunt是一款前端自动化工具，主要基于nodejs，所以提前必须安装、配置nodejs相关环境，本文讲解grunt的常用功能：
（1）.压缩
（2）合并 （3）简单语法检查
安装nodejs需要去官方网站下载nodejs安装包，这里不再赘述，详细讲解grunt的安装方法：
npm install -g grunt-cli
使用-g参数可以安装grunt到全局，这样软件在安装的时候帮我...
分类：
其他好文 时间：
2015-08-11 12:15:10
阅读次数：
109
