1、實現一個瀑布流布局效果
瀑布流原理：
每個元素固定寬度，不固定高度，計算每行列數，遍歷一行的每一個元素，找到高度最小的元素，在下方添加新元素，并重新計算該列的高度，監聽窗口大小變化事件，動態改變每行列數
性能效率上的注意點:
resize 觸發會很頻繁，可以將回調函數緩存一段時候后執行，即當這段時間內多次觸發了resize事件，但回調函數只會執行一次
這種布局方式非常適合動態加載圖片，當滾動條拉到最下面的時候可以通過Ajax動態加載下一輪圖片。
代碼
預覽
2、實現木桶布局效果
每一個圖片固定高度
監聽load事件，獲取圖片的寬高，寬高比之類的信息
判斷一行是否排滿，再按一行一個個添加圖片，如果未排滿且放不下最后一張，就先按比例拉伸前面的圖片占滿一行，再將圖片放在下一行
3、實現一個新聞瀑布流新聞網站，查看效果49 (選做)
jsonp 接口參數： http://platform.sina.com.cn/slide/album_tech?jsoncallback=func&app_key=1271687855&num=3&page=4
代碼
預覽
