一些开发过程中的思路。

1.等宽瀑布流:
需要确定的是,等宽瀑布流必须用绝对定位来完成排版。
*W为容器的宽度。
* 给出N列,每一列的宽度相同。用大小为N的数组存好每一列当前的高度。
* 列当前的高度 = 已有的高度 + 每一列的宽度 * 图片的高宽比。 当然如果里面不仅有图片那高度也要相应的加上去。
* 数据来的时候,依次放进每一列,同时把当前列的高度计算好。
* 难点在于,如何每次仅拿出N个数据? 把数据分割成N部分。再存入一个数组中。

 var data = [{},{},{},{}]
 var result = [];
 for(var i=0,len=data.length;i<len;i+=3){
 result.push(data.slice(i,i+3));
 }

*对结果数组进行遍历。
*对图片加上边距
* */

2.加载图片或者内容前先给占位。
这个可能需要数据返回图片的大小以及宽度数据。
根据高度和宽度。直接给容器定好宽高。给定背景即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值