CSS的布局方式有:双飞翼、多栏、弹性、流式、瀑布流、响应式布局 这里主要说三种常用的布局方式: (1)瀑布流布局 视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,不断加载数据块并附加至当前尾部。优点 a、有效降低了界面复杂度,节省了空间,不需要臃肿复杂的页码导航链接或按钮。b、对触屏设备来说 ...
分类:
Web程序 时间:
2017-07-15 21:45:29
阅读次数:
344
看了一些网站的瀑布流加载,正好看到css3的多列属性,尝试着写了一个css做布局的瀑布流。 直接上代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3多列属性瀑布流</title> <style> / ...
分类:
Web程序 时间:
2017-07-14 16:27:19
阅读次数:
271
UICollectionView实现瀑布流 在iOS中可以实现瀑布流的目前已知的有2种方案: 本文中我们介绍第二种实现方案首先我们需要自定义一个继承于UICollectionViewLayout的layout,然后需要重写四个方法: 第一个方法是做一些初始化的操作,这个方法必须先调用一下父类的实现第 ...
分类:
其他好文 时间:
2017-07-11 15:57:59
阅读次数:
192
一、网页后退 后退:<input type="button" value="后退" onclick="javascript:history.go(-1);"> 二、瀑布流 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>瀑布流< ...
分类:
其他好文 时间:
2017-07-07 00:00:29
阅读次数:
291
1、网页后退 /前进 2、瀑布流 瀑布流是目前一种比较流行的页面布局和加载效果。百度,花瓣等一些好的网站都广泛用了这样一种效果,适用于单页面展示对内容的页面。这几天就跟着一些资料学习了一下瀑布流效果的制作。其原理是利用js动态的改变绝对定位的位置,然后对滚动条的事件监听,加载数据。现在为大家分享下J ...
分类:
Web程序 时间:
2017-07-06 23:47:08
阅读次数:
519
1:首先下载vue-masonry npm install vue-masonry 2:在main.js 配置如下 3:在所需要的组件下 写入模板 ...
分类:
其他好文 时间:
2017-06-29 17:26:02
阅读次数:
2355
近期流行的一种界面效果,是瀑布流的header固定,也叫sticky header或者parallax。对于UITableView,能够比較方便地让table header固定,可是对于UICollectionView,原生的iOS API比較难以实现。本文推荐一个开源组件。专门用于实现这样的效果: ...
分类:
Web程序 时间:
2017-06-29 09:55:56
阅读次数:
147
几年前我也是一个码农菜鸟,我也常常幻想着成为技术大牛。 如何减小与“大牛”的差距是我常常不得不面对的话题。今天从我走过来的路来总结一下成为大牛的技术之路。 先来看一张程序员的时间管理图。 除了时间管理,技术学习也是少不了的。下面推荐一下比较好的技术文章。 使用瀑布流插件 Masonry 进行瀑布流布 ...
分类:
其他好文 时间:
2017-06-20 16:24:09
阅读次数:
228
IOS 瀑布流UICollectionView实现 在实现瀑布流之前先来看看瀑布流的雏形(此方法的雏形 UICollectionView) 对于UICollectionView我们有几点注意事项 它和tableView不一样,ContentView的内容完全需要我们自己去添加。 它与tablevie ...
分类:
移动开发 时间:
2017-06-18 23:38:33
阅读次数:
346