- 利用php和ajax配合使用获取后台数据
- 将后台数据利用前端自定义模板的形式呈现前端页面
- 利用jQuery书写瀑布流插件
- 容器和里面的子元素定宽，从而计算出每一行的元素个数，为了美观起见，我们在元素之间留有间距，则间距个数为元素个数-1
- 根据容器宽度和总元素宽度以及间距个数，可以计算出每一个间距的大小
- 创建一个数组，并初始化，初始化的值为上一步求出的margin值
- 循环数组，求出数组的最小值和最小索引值，将从后台获取的元素放置数组中最小值的位置上（则该元素的top值为数组中的最小值，left值为最小值的索引值乘以（元素宽度+外边距））
- 修改数组中放置元素位置的值，该位置的值加上放置元素的高度和外边距
- 修改容器的高度
- 循环以上整个过程