瀑布流——前端流行网页布局方式

瀑布流
前端流行网页布局方式
使用js动态的设置等宽的图片进行视觉参差不齐的效果，一般用于图片展示，商品展示

定位子绝父相，动态设置偏移量
计算一行几列考虑每列之间的距离并初始化值为0个数为列数的数组，之后就是循环找最小的值并追加到对应的列，最后把数组的最大值赋值给容器的高，考虑到页面初始化和窗口变化都要执行，如果是后端返回的又要考虑到请求时间，所以调用window的load事件，监听窗口大小的变化要使用防抖，提高效率