今天做了一个瀑布流布局的小例子，自己在写代码的过程中一直报cannot read property 'style' of null，百度之后说是页面还没有加载完，但是我看了代码是写在window.onload里面的，但是一直报错，找了半天原因，才发现自己不小心把className加到了id属性中，即 ...
分类：
其他好文 时间：
2016-06-20 22:03:24
阅读次数：
164
没有前言，先上DEMO（手机上看效果更佳）和 原码。 瀑布流形式的图片布局方式在手机等移动端设备上运用广泛，比较常见的是下面前两种： 一、等宽等高 这种形式实现起来非常容易，这里就不再多说。 二、等宽不等高 这种形式算是比较正统的瀑布流布局形式，关于如何实现的请参考之前的一篇博文——jQuery瀑布 ...
分类：
移动开发 时间：
2016-06-18 18:35:40
阅读次数：
215
RecyclerView一个可以代替ListView和GridView的控件，那么RecyclerView到底比他们好在哪里？RecyclerView架构提供了一种插拔式的体验，所以实现了代码的高度解耦，使用起来也异常的灵活。我们可以通过设置它的LayoutManager控制其显示的方式，通过ItemDecoration控制Item间的间..
分类：
移动开发 时间：
2016-06-08 10:50:41
阅读次数：
753
HTML：<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> body { margin: 0; } ...
分类：
其他好文 时间：
2016-05-30 19:49:00
阅读次数：
190
本文用纯js代码手写一个瀑布流网页效果，初步实现一个基本的瀑布流布局，以及滚动到底部后模拟ajax数据加载新图片功能。 缺点： 1. 程序不是响应式，不能实时调整页面宽度； 2. 程序中当新增ajax模拟数据图片后，是将整个页面的所有图片都重新定位一次。 3. 程序是等所有图片加载完成后再读取图片的 ...
分类：
Web程序 时间：
2016-05-16 12:34:26
阅读次数：
220
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>瀑布流布局效果</title>
<linkhref="style.css"rel="stylesheet"type="text/css">
</head>
<body>
<divid="div1">
<ul>
<li>&l..
分类：
Web程序 时间：
2016-05-13 15:41:00
阅读次数：
207
传统瀑布流布局ul-li，需要先设定显示几列，每列是一个li，需要左浮动并指定宽度，li里面的布局也要先布局好，主要是要定宽，高度自动；然后通过ajax异步，从数据库中得到数据，遍历后将数据插入最矮的li中 HTML中的代码：<!--定义JS中需要的数据--><script type="text/j ...
分类：
Web程序 时间：
2016-04-21 13:25:59
阅读次数：
187
ps:继承UICollectionViewLayout类，实现其中方法，找到高度最短的那一列填充对应数据即可 ...
分类：
移动开发 时间：
2016-04-03 15:48:03
阅读次数：
140
瀑布流布局非常适合大量图片的展示，一改过去裁剪图片尺寸统一的排版，每张图片都能完全展示，并错落有致，让人眼前一亮。 使用方法 若不设置，则判断 align 为 "right" 时，direction 为 "right"，否则默认为 "left"。
分类：
Web程序 时间：
2016-03-16 15:19:52
阅读次数：
159
最近一直在恶补基础JS H5 CSS3的基础知识 关于这个瀑布流: 本来打算看着教程来做的。 不过 感觉理解起来有点复杂。 SO， 自己参考教程默写了一个。。 目前我所接触过的瀑布流布局分为2大类 主要区分在于 float布局 或者position布局 点击这里下载Demo 贴下源码：（可能有些BU
分类：
Web程序 时间：
2016-02-25 09:07:54
阅读次数：
223
