CSS的布局方式有：双飞翼、多栏、弹性、流式、瀑布流、响应式布局 这里主要说三种常用的布局方式： （1）瀑布流布局 视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，不断加载数据块并附加至当前尾部。优点 a、有效降低了界面复杂度，节省了空间，不需要臃肿复杂的页码导航链接或按钮。b、对触屏设备来说 ...
分类：
Web程序 时间：
2017-07-15 21:45:29
阅读次数：
344
RecyclerView本身提供了三个LayoutManager的实现 LinearLayoutManager GridLayoutManager StaggeredGridLayoutManager 第一个和第二个大家比較经常使用。今天我们就来使用第三个比較陌生的StaggeredGridLayo ...
分类：
其他好文 时间：
2017-06-15 19:39:37
阅读次数：
434
由于刚刚接触前端，一直觉得table布局在代码上看起来比div+css更整洁，div+css布局的页面，一堆的<div><div><div>...</div></div></div>看起来都让人犯密集恐惧症，那么为什么现在的主流网站还都乐此不疲呢？为什么div+css反而成了一种主流布局方式呢？一直 ...
分类：
Web程序 时间：
2017-06-08 23:50:11
阅读次数：
549
1. 瀑布流布局 2. div 内上下居中 ...
分类：
Web程序 时间：
2017-06-01 19:31:41
阅读次数：
277
瀑布流布局，听起来听牛逼的样子，其实就是简单的子元素筛选功能。不过这一功能在网站页面布局当中还是很常用的，特别是在电商网站中 经常会有点一个钮筛选，然后页面的子元素刷的以下变了样。接下来，我们先简单介绍下概念和用法，然后详解这一功能的实现。 瀑布流概念： 又称瀑布流式布局，是比较流行的一种网站页面布 ...
分类：
Web程序 时间：
2017-05-21 20:31:44
阅读次数：
673
上面我们一起研究了浮动布局的特点和如何清除浮动给布局带来的不良影响，今天我们继续来研究定位流布局的特点和一些常用的布局技巧。 定位流主要有三种，一是相对定位，二是绝对定位，三是固定定位；下面我们一一进行分析。 相对定位 相对定位就是相对于自己以前在标准流中的位置来移动； 写法： 示例程序： ps： ...
分类：
Web程序 时间：
2017-04-10 00:46:36
阅读次数：
319
实现原理很简单 一、算出每行最多存放多少张图片，赋值给最外层盒子的宽度 二、图片采用绝对定位，通过js来改变top值，当前页面的图片直接在html中设置完毕 三、创建一个数组存放当前所有图片top值，找到最小top值从而确定下一行第一章图片位置，以此类推... 四、触发scroll事件时重新渲染页面 ...
分类：
Web程序 时间：
2017-03-26 18:09:46
阅读次数：
304
UICollectionViewDataSource协议 这个协议主要用于collectionView相关数据的处理，包含方法如下：设置分区数(这个是可选实现的) 设置每个分区有多少个item(必须实现) 设置返回每个item的属性(必须实现) 对头视图和尾视图进行设置(如果需要的话) 设置某个it ...
分类：
移动开发 时间：
2017-03-02 18:23:12
阅读次数：
243
用js实现瀑布流布局以及通过模拟的数据加载图片，已标记注释 效果如图： ...
分类：
其他好文 时间：
2017-02-07 12:12:28
阅读次数：
268
