前端中的瀑布流

效果图
建议使用下面的方式

总结：
1.使用$（function）{
waterfall()
}
有潜在的bug，这种bug很不容易被发现

如果处理过程中，发现拿不到当前页面的高度，或者有时候能拿到图片的高度，有时候不能拿到。
有时候网络加载比较快，在js执行时图片就已经加载完了；有时候可能对应的图片并没有加载完，js就已经执行，这时候拿到的图片高度和宽度肯定是有问题的

2.返回数组中最小值的索引$.inArray()

3.jquery中innerWidth()，outerWidth()，outerWidth(true)和width()的区别

width()函数用于设置或返回当前匹配元素的宽度
width() = a；
宽度包括元素的padding，但是不包括border、margin部分的宽度

innerWidth()函数用于设置或返回当前匹配元素的内宽度
内宽度包括元素的padding，但是不包括border、margin部分的宽度
innerWidth() = a+padding;

outerWidth()函数用于获取当前匹配元素的外宽度
外宽度默认包括元素的padding、border但是不包括margin部分的宽度
outerWidth() = a+padding+border;

outerWidth(true) = a+padding+border+margin;

所以说：对于同一个元素应该是：
width()<=innerWidth()<=outerWidth()<=outerWidth(true）