# bufan-waterfull

**Repository Path**: nevermo2013/bufan-waterfull

## Basic Information

- **Project Name**: bufan-waterfull
- **Description**: 一个瀑布流demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 瀑布流
> 实现了两列数据的瀑布流展示.模拟了dom元素的动态创建,可以作为参考.

### 原理

+ 每个元素需要定位
+ 每次添加元素需要根据上一排最小高度的元素计算当前元素位置.
+ 插入完毕需要重置容器高度


### 构造函数与方法

+ 构造函数: WaterFull
+ 初始化(默认): sortDataList
+ 新增数据(模拟分页ajax新增数据): appendData
+ 删除数据:  removeItem


### vue版本找时间实现