2020-10-21（利用ajax实现瀑布流）

实现瀑布流

js部分
html+css比较简单，这里就不再赘述
js主要是首先要通过ajax获取到本地的json数据，获取到数据之后进行数据的渲染。

处理细节：

分析：这里通过creatPic()功能函数创建一个类似的结构li，

然后根据他们模4的索引值appendchild进行插入，虽然无法实现瀑布流，但是也是一个不错的思路。
上面分析得知，我们哪样子是不行的，所以分析可知瀑布流的实现的话应该是我们每次插入itemDom的时候进行计算，分析得出当前最短的li是什么，然后在当前位置下面进行插入，最后才可以进行插入，所以说。

这里第五张图片本来应该出现在第七张图片所在的位置，但是此事发生了位置问题，为什么呢？因为图片在加载过程中是一个异步加载的过程，可能在图片加载的时候依然无法拿到图片的高度。解决方法：预留图片的高度

解决代码的实现：


问题：当出现空白的时候，继续加载下一组图片