友情提示:小程序,开发制作。

写于2012年12月的文章:

CSS 中背景图片定位

1. 关键字, 例如: background-position: top right;

优点: 直观, 可用性高, 各浏览器中表现一致.
缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的 (left, center, right) 只能为你组合出最多 9 个位置. 不存在其他混式的组合. 并且很难像其他两种数值定位方法一样使用算数进行控制.

2. 像素, 例如: background-position: 0px 0px;

优点: 概念容易被理解, 只要知道如何测量容器左上角和图片左上角之间的距离, 就能准确地推测出图片显示的位置. 像素还能够精确的用数学来控制定位.
缺点: 你必须知道确实的值.

原理, 如图. 其实就是图...

阅读全文>>

网络图片延迟加载实现,超越jquery


淘宝,QQ,还有当当,亚马逊之类网之类的都有这个效果,原理是分段加载图片,主要用 于大型网站节省带宽,可是他们提供的东西压缩混淆看不清,还有的要基于什么雅虎的什么库,总之是很麻烦的,JQ的控件倒是够清晰了,只是还是没有达到节省 网络带宽的效果,于是我在JQ懒加载控件上进行一些改进,改进以后的最大的特点就是调用方便,项目中不需要什么太多更改,而且JS文件也不大.

1.本来这是一个给泡泡网开发控件,需要类似于淘宝的列表页的效果,再往上找了好多的例子,后来就想直接用JQ的延迟控件,但是JQ的延迟控件只是 加快了加载速度,没有省带宽,这一点是我的老大发现的,用的火狐测试过,最后没办法了,就只好想另外的办法,改进一下JQ,超越一下就好了,也就是说JQ 的懒加载并...

阅读全文>>

如何判断网站客户端是手机还是电脑?

如今智能手机越来越普及,用户通过移动终端上网的频率也越来越高,用户的电脑上网习惯也随之转移到手机上网。

然而受手机屏幕以及相关手机浏览器的影响,很多网站在手机端的表现差强人意,所以我们会考虑设计WAP版。当然常用的办法是告知用户WAP入口地址,但这不能从无缝转移的角度来解决问题。所以我们会考虑到判断当前客户端的情况来进行有选择的推送网站版面。

如 何判断网站客户端是手机还是电脑就成了目标关键。搜索诸多文章都推荐了使用“User-Agent”进行嗅探。“User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。”

阅读全文>>

户外品牌大全! (图)

 

有不少驴友由于对户外各种品牌及其定位不甚了解,在选购装备时往往无所适从,不知如何判断,现转载一位驴友关于各种品牌的介绍,希望对大家有所帮助。
  
  1、ARC`TERYX 始祖鸟――不论从笔划也好,还是从品牌来看,它都应该排在第一。始祖鸟一向采用最好的材料、最好的生产工艺来做,有人说它是生产作品,而不是生产货品的。目前只做背包和服装,都能算是顶尖产品。
  2、AKU――意大利的户外鞋品牌,品质出色。属于中档偏上的档次。
  3、AIGLE――法国品牌,主流产品以户外休闲服装类为主,掺入了很多时尚元素,多走商场。具有一定的功能服装,比较好看,目前是李宁的动向公司代理,主要渠道为商场;
  4、ACME―― 中国销量极大的普及型背包品牌。公司高层从BP分...

阅读全文>>