前几天公司一个同事说了gulp用着太爽了，比grunt语法好很多。然后就猴急的尝试了下，并在公司之前的一个项目上做了实验。觉得有下面几点优点：

• 更像是就是js语法，写起来很顺
• 代码执行顺序更清晰
• 代码量更少，主要是因为grunt各种大小括号换行导致其看起来很臃肿。
• gulp.watch 太好用了。。

当然有几点grunt也是有优点，比如本省就支持在代码上面添加banner，但是gulp需要使用插件。

最后，推荐小伙伴也尝试着去使用gulp。下面是我自己的一些笔记。

gulp常用插件

• less的编译gulp-less
• 自动添加css前缀gulp-autoprefixer
• 压缩cssgulp-minify-css
• js代码校验gulp-jshint
• 给代码头部添加公司等之类的注释 gulp-header
• 替换文本，用于修改版本号之类的 gulp-replace
• 合并js文件gulp-concat
• 压缩js代码gulp-uglify
• 压缩图片gulp-imagemin
• 自动刷新页面gulp-livereload
• 图片缓存，只有图片替换了才压缩gulp-cache
• 更改提醒gulp-notify
• 清除文件del

安装插件和grunt一样就用npm了，不啰嗦。

主要是因为再重新读了一遍《javascript高级程序设计》（后文称其为js高）后对js的对象有了进一步认识，所以想写点东西总结下。

js对象基础

理解对象

创建对象的方式有很多种，通常有以下三种：

• 通过创建一个Object实例然后再添加属性和方法
• 通过对象字面量的方式的方式：

1
2
3
4
5
6
7
8

var person = {
	name: "Nicholas",
	age: 29,
	job: "Software Engineer",
	sayName: function(){
		alert(this.name);
 	}
};

• 通过函数的方式

1
2
3
4
5
6
7
8
9
10
11

function Person(name, age, job){
	this.name = name;
	this.age = age;
	this.job = job;
	this.sayName = function(){
		alert(this.name);
	};
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
}

对这个感兴趣是因为看javascript 秘密花园看到闭包部分，讲到匿名包装器（自执行匿名函数）时产生了好奇，虽然之前也有接触，但是只是知道这么个东西。今天查了些资料，现在总结下，权当笔记。

函数的三种定义方式

• 第一种

1
2
3

function addNum(x,y){
  return x+y;
}