一、减少HTTP请求 1.合并CSS、js：每次调用js、css都要发送一次http请求，所以并不是分开写好几个文件比较好 js、css压缩。js压缩可以用grunt HTML优化： 使用语义化标签 减少iframe：iframe是SEO的大忌，iframe有好处也有弊端 避免重定向 CSS优化： ...
分类：
其他好文 时间：
2016-09-22 01:13:08
阅读次数：
191
什么是bower Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。 准备工作 安装bower 使用npm，打开终端，输入： 其中 ...
分类：
其他好文 时间：
2016-09-21 11:36:43
阅读次数：
165
用grunt搭建自动化的web前端开发环境-完整教程 jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！ 用grunt搭建自动化的web前端开发环境-完整教程 jQuery在使用grunt，bootstrap在使用grunt， ...
分类：
其他好文 时间：
2016-09-21 11:31:39
阅读次数：
212
现在web开发的趋势是前后端分离。前端采用某些js框架，后端采用某些语言提供restful API，两者以json格式进行数据交互。 如果后端采用node.js，则前后端可以使用同一种语言，共享某些可重用的Js代码，并共享构建工具。但很多时候我们可能采用别的语言，如ruby/java/scala等， ...
分类：
Web程序 时间：
2016-09-17 13:31:37
阅读次数：
243
类似于Grunt，gulp是另一个同样功能很强大的前端项目自动化利器。 下面是项目的效果： 另一个页面： 要求： Node.js gulp.js bower 下载项目代码于本地， 进入该目录，执行如下命令： 安装完成之后，运行如下命令： 现在项目已经跑起来了，所有在src目录下的文件都会编译生成相应 ...
分类：
其他好文 时间：
2016-09-17 07:03:53
阅读次数：
169
引入：grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于： ① 压缩文件 ② 合并文件 ③ 简单语法检查 环境：grunt是基于nodejs运行的，所以需要有nodejs，在Nodejs中，安装grunt的命令行接口。 1 npm install -g grunt-cli 将 ...
分类：
其他好文 时间：
2016-09-16 22:37:41
阅读次数：
271
Linux环境下，root账户，安装某些npm包的时候报下面的错误，例如安装grunt-contrib-imagemin时： 解决办法如下： 具体内容可以看下面这两个页面的介绍： https://docs.npmjs.com/misc/scripts#user https://docs.npmjs. ...
分类：
其他好文 时间：
2016-09-12 12:12:07
阅读次数：
175
1. 配置bower 1.安装bower npm install -g bower 2.创建.bowerrc文件 { "directory": "src/bower" } 3.添加依赖 bower install angular 4.创建配置文件 bower init 结果如下： { "name":... ...
分类：
其他好文 时间：
2016-09-12 00:24:37
阅读次数：
317
一、什么是grunt? 是基于nodejs的项目构建工具，grunt和grunt插件是通过npm安装并管理的，npm是node.js的包管理器 二、为什么要用grunt? 自动化。对于反复重复的任务，例如压缩、编译、单元测试等，自动化工具可以减轻你的劳动，简化你的工作 三、如何使用？ 1、首先安装n ...
分类：
其他好文 时间：
2016-09-09 22:23:22
阅读次数：
163
随着前端项目的飞速发展，项目越来越大、文件越来越多，前端工程化的工具也越来越多。下面介绍目前最流行的四种构建工具——grunt、gulp、browserify、webpack 所有的构建工具都是基于NodeJs和Npm，所以使用下面任何工具都需要安装Node 一、grunt 1、需要两个文件： ...
分类：
Web程序 时间：
2016-09-09 16:39:49
阅读次数：
152
