ajax获取图片数据，实现瀑布流小功能

整体思路：

关键点：ajax获取数据，通过数据创建dom结构。

1. 获取后台图片数据：开启本地服务器Wampserver（已经配置好的）。前端用ajax获取获取图片数据
2. 动态创建DOM结构，然后插入HTML。
3. 需要通过冒泡排序来比对每一个li（图片都放在li里）的高度，以保证每张图能够一次插入最短的li当中；
4. 最后需要实现对scroll事件的监听，当用户浏览至底部时，我们需要加载新的一页的数据，然后再次进行页面渲染操作，这里我们通过将窗口高度跟滚轮scrollTop之和跟最短的li进行比较判断；

(function () {
    var num = 1;
    var oLi = $('li');
    var flag = false;
    getData();
    function getData() {
        if (!flag) {
            flag = true;
            $.ajax({
                type: 'GET',
                url: 'http://localhost/web/water/getPics.php?cPage=' + num,
                success: addDOM,
                beforeSend: function () {
                    $('.loading').show();
                },
                error: function (