Andy's Blog » 瀑布流代码, 瀑布流网站源码, 瀑布流源码, 瀑布流布局代码, zblog瀑布流, 瀑布流 源码, zblog 瀑布流, 瀑布流网站程序, 瀑布流源代码, zblog, 瀑布流网站, 瀑布流页面的写法, 瀑布流展示进度, php瀑布流前端页面代码 » 用了20几天 搞定了瀑布流布局网站

用了20几天 搞定了瀑布流布局网站

包括前端后端,测试后性能无患。
前端的瀑布流布局,花了我最长时间,记录一下历程
我一开始用jQUery wookmark,代码有点问题,后用jQUery Masonry,这个代码写的好,兼容性比wookmark写的好,不过如果只用single mode,有点牛刀小用,再用KISSY,引入kissy.js太大了
于是,直接原生 JavaScript 自己写,主要就是计算每一块的位置,计算列数,绑定滚动和resize事件
原生的写法性能会更好点,但在目前的主流配置机器上,性能提升不算大,不依赖jquery,不过还是要写ajax的
最终完成的程序在IE6+,FireFox,Webkit等几乎所有主流流览器下测试通过

后端PHP程序输出json,提供2种输出格式,html和数组,html也用json,因为可以顺带输出错误和其他信息,xml不喜欢

大流量下的优化,后端的json数据可以到 MySQL 的内存表,或其他缓存结构去取
在此过程中,顺便用php + curl + imagemagick 写了一套图像采集处理程序,提供本地和远程 API,支持分布式存储+CDN结构

本地做了个站,未上线,就不亮了

这20几天,顺带装了 Ubuntu 和 Debian 来做测试开发环境是否顺手,不过最终还是回归 Win7 + Vmware + CentOS + Xshell,Ubuntu耗了我不少时间
编辑器无疑是 Sublime Text2,开发时MySQL我用Navicat,很方便

通过这整个过程,东西并不是拿来可以用就好,要知其然并知其所以然,这样才有能力控制

Incoming search terms:

Tags: KISSY, Masonry, Wookmark, 瀑布流

本文地址: http://www.21andy.com/new/20120727/2079.html

11 评论 to “PHP开源CMS之MODx”

  1. lester 于 2012-07-27 21:00:45 发表:

    啥也不说了,求源码!

  2. dennis 于 2012-07-28 16:34:16 发表:

    求围观,求围观

  3. Charlie Jade 于 2012-07-28 20:57:03 发表:

    哈哈, 有源码没, 或是展示网站, 挺有兴趣的, wookmark 用过, 在 IE8 以下有兼容问题, 当时赶进度草草的给解决了.

  4. 深邃的狮子座 于 2012-07-30 09:37:04 发表:

    求源码啊。

  5. herfool 于 2012-08-12 21:51:30 发表:

    其实Ubuntu很好用的,习惯了就好。

  6. ddd 于 2012-08-27 16:14:50 发表:

    求个源代码,或者看看也行呀。发出来吧。毕竟是你原创的。

  7. 海天 于 2012-09-04 12:13:21 发表:

    我也求源代码~

  8. pyshell 于 2012-10-14 13:15:12 发表:

    不求源码,但求效果演示网站,博主可以给你交换友情链接吗?

  9. meimei80 于 2012-11-27 08:23:30 发表:

    瀑布流用来展示美女图片相当的给力,看看我最近搞出来的效果,后台数据库用的拼图秀的,懒得自己搞了,meimei80.com,需要源码的可以联系我

    大麦茶 于 2013-01-04 10:42:35 回复:

    啥也不说了。源代码

  10. guduke 于 2012-12-18 01:20:09 发表:

    不错,求代码