大量图片的列表,图片延迟加载的实现,监听页面滚动,减少客户端和网络的压力

瀑布什么的这里不讨论,现在课题在同一页面有大量商品的图片,如果一次性在加载页面的时候全以img的形式加载,将耗费大量的带宽和系统资源。所以,以同一张默认图片代替商品图片被加载,可以保证页面显示的速度,然后根据可视范围判断图片是否进行加载,智能自动的判断,保持页面对用户的友好。 京东在这方面做得很好,不仅图片延迟加载,连 Read»

纯前端实现商品筛选功能页面,罗列所有过滤条件,最直观最高效,效果参考京东及淘宝

需求: 实现类似京东及淘宝的商品筛选模式,直观,操作简便。 e.g 现状: 系统没有设置一个标志性的搜索栏; 商品数量不超过1000个; 页面用于商品快捷管理,而非商品买卖,故数据的即时性要求不像京东淘宝那么高; 方案: 选择筛选条件后执行表单提交操作,直接进行页面刷新;(前端开发难度最小,需要后端实现筛选,可能需考 Read»

获取中文的拼音首字母,用于排序、首字母分类及导航

首次遇到该需求,实现方法是通过字符unicode码通过对照字典取得拼音首字母,关键字函数是charCodeAt()。 转贴一个别人写的方法,小改注释。 //字典,每一位与中文unicode码-19968对应 var strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQB Read»

MySQL 模拟实现 ORACLE 的聚合 row_number() over(partition by A)

统计数据时,需要先聚合再筛选,Oracle和DB2可以通过OVER PARTITION BY轻松办到,如:SELECT *,ROW_NUMBER() OVER(PARTITION BY A ORDER BY B DESC)。 可惜我面对的是MYSQL,于是需要模拟实现,为了更好地描述需求,也为了加强记忆,我做了如下例子 Read»

让input框实现类似百度的搜索提示

挺炫的一个效果,百度和谷歌好像已实现好多年了,我以为在网上能轻易找到代码来实现这个效果。真正遇到这个需求,发现还真找不到。html5的<datalist>方便但不实用,且兼容性是大问题,于是自己动手写这个效果,由于我是把效果整合到我的整套框架里,所以没有进行单独的封装。 需求: 实现带提示的input框,类 Read»

页面加载后,对不合比例的图片自动进行缩放和裁剪处理,基于jQuery

其实很早就想写一个这样的效果,至于原因?进来这个笔记,我相信你懂的。 一般门户网站,缺少不了大量的图片展示,而为了网站美观,图片又有各种不同尺寸,专业的网站编辑人员,会把图片处理成等比例的图片再上传,把网站弄得很好看,可惜,我想说,我遇到90%的网站编辑人员都是不专业的。 为了不让网站编辑人员毁掉我的心血,我决定做这样 Read»

mysql的虚拟表编号技巧

2014年更新,成功实现用自增值实现临时表 由于mysql不像oracle这样支持dual虚拟表connect by,在需要用到虚拟表时纠结了好些时间,我在这里记录一下最后的解决办法,由于我之前是完全不了解mysql的编程的,所以以下方法也是自己笨拙的探索而已,如有更好的方法,望指点。 //自增序号:(tablez需 Read»

php无限级分类 - 无限级数据排序

之前一直用classcode来组建栏目,因为数据库访问量小,算法简单,而且容易理解,很适合简单的栏目列表结构。 如今要做栏目列表相对复杂,免不了采用pid递归的方法,找到以下方法,第三种算法实属巧妙,学习之。 转自:http://www.luocheng.cn/article-view-235.html 我们经常遇到这 Read»