这种瀑布流实现大体有两种方式，一种就是js的方式，一种是css，相对于js来说css的控制不是很好，不能自动加载之类的，只能显示一个瀑布流效果，大体的思路就是一个div里面放两个div分别浮动，高度自动，然后将图片分别放置。

一个专业的前端开发工程师是必须掌握前端开发三大基本基石HTMLCSS，JavaScript光会这些还不够，有了这些语言还需要各种工具的支撑，比较常见的有Dreamweaver，Sublime，HBuilder还有FontelloFontello SecureheadersVisual。

cylonjs机器人框架，支持35个平台 Masonry一个瀑布流框架 devicescss移动设备边框的外观做原型的时候用不错 Bootstrap相关类 Bootboxjs对bootstrap的弹出框做的一些封装 免费皮肤 AdminLTE JSPlugins仓库 jQueryCards高质量的jQuery插；Sugar在原生对象上增加一些工具方法 functionaljs提够了一些Curry的支持 Watchjs监视对象或属性的变化 baconjs函数式编程，cool streamjs用流的方式来对数组，对象进行系列操作 异步流程控制 eventproxy朴灵出品 Arbiterjs详细。

页面提前做好列排版，请求回来数据后，给每个列动态增加模块就可以了；问题如图解决方法是给排列的内容添加样式但是我在写sass时，该样式只能带上 webkit才能识别，应该会有兼容性问题吧然后在查阅资料是发现另一个样式 pagebreakinside，发现该样式也可以解决这个问题 结果如图其他；6 瀑布流布局 优点 瀑布流图片展现具有吸引力瀑布流里的加载模式能获得更多的内容，容易沉浸其中瀑布流错落有致的设计巧妙利用视觉层级，同时视线任意流动缓解视觉疲劳缺点 页面跳转后需要从头开始，加载量不固定；这个叫瀑布流布局，你搜索这个，就能找到很多教程但问题是，这种教程不单单是css能做到的，大多数都是采用js+绝对定位。

HTML5+CSS3是HTML+CSS的更新，增加了很多非常实用的功能这部分主要是从PC端和移动端两方面掌握整体的页面布局技术，并且配合项目实战操练学以致用二JS交互设计 这一部分主要掌握JS的基本语法算法和高级语法，熟练。