原理

假设页面上有三列图片，当我们下拉时，最短（或最长）的一列图片展示完的时候，就要请求加载新的图片，获取到的新的图片放到最短一列图片的下面。

尝试过用原生js或jquery实现瀑布流，源码放在本文最后。下面记录一种使用imageloaded和masonry插件实现的瀑布流，更简便。

从零开始学习jQuery (一) 开天辟地入门篇
http://kb.cnblogs.com/page/46450/

jQuery API
http://jquery.cuishifeng.cn/

jQuery API资源专属下载页
http://www.cuishifeng.cn/down.html

回调函数（callback）是什么？
http://www.zhihu.com/question/19801131

读取JAVASCRIPT第一公民-函数
http://www.cnblogs.com/YOUCAN/archive/2012/11/05/2754968.html

《JAVASCRIPT语言精髓与编程实践》，周爱民
http://www.chnxp.com.cn/soft/2013-12/22670.html

概念

以下内容转载自用心阁的回答，详见知乎。

1、什么是函数式编程？
函数式编程是一种编程范式，我们常见的编程范式有命令式编程（Imperative programming），函数式编程，逻辑式编程，常见的面向对象编程是也是一种命令式编程。

命令式编程是面向计算机硬件的抽象，有变量（对应着存储单元），赋值语句（获取，存储指令），表达式（内存引用和算术运算）和控制语句（跳转指令），一句话，命令式程序就是一个冯诺依曼机的指令序列。

而函数式编程是面向数学的抽象，将计算描述为一种表达式求值，一句话，函数式程序就是一个表达式。

跟KingDZ学HTML5之四 继续探究Canvas之路径
http://www.cnblogs.com/hihell/archive/2011/08/23/2150413.html

SVG 多边形
http://www.runoob.com/svg/svg-polygon.html

理解SVG的图形填充规则
http://blog.csdn.net/cuixiping/article/details/7848369

地理定位（navigator.geolocation）
http://blog.csdn.net/smok56888/article/details/20628161

HTML5 地理位置定位（HTML5 Geolocation）原理及应用
http://www.cnblogs.com/lhb25/archive/2012/07/10/html5-geolocation-api-demo.html

HTML5 Web Worker的使用
http://www.cnblogs.com/feng_013/archive/2011/09/20/2175007.html

HTML 参考手册
http://www.w3school.com.cn/tags/index.asp

HTML5 测验
http://www.w3school.com.cn/quiz/quiz.asp?quiz=html5

CSS3 border-image详解、应用及jQuery插件

利用css3-animation来制作逐帧动画
https://www.qianduan.net/css3-animation/

css3 box-sizing属性
http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.html

Selectors Level 3
https://www.w3.org/TR/css3-selectors/

HTML5 Tricks
http://www.html5tricks.com/