Category Archives: Web开发

网站开发相关的技术

Retina屏下的1px边框的实现

Retina 下的真 1px 的东东现在常见的实现无非就是 图片 阴影 缩放 每种都有各自的用处。 前段时间写了个“软图片”的实现 .border { background-image:linear-gradient(180deg, red, red 50%, transparent ...
Posted in Web开发 | Tagged | 6 Comments

更新浏览器缓存

开始之前可以先看下这个 Self-updating scripts,看完了接着。 动态构建iframe 的好处在于,想清啥就清啥,清的不一定是固定的资源,总会有需要清滴的。IE还有可以让要清的js不用运行,webkit的好像没找到适合的方式。 function clearCache(js) { i...
Posted in Web开发 | Tagged , | 15 Comments

利用浏览器缓存来加速图片广告显示

显示一个广告通常顺序为 向服务端请求数据,看看该显示啥图片 请求图片 下载图片 或者 使用本地缓存 在这种情况下除了下载图片花时间外,请求数据有时也挺花时间,像请求阻塞这种还可以调整优化,但网络问题基本是没救的。 通常说广告显示得慢就慢了,无所谓,但是对于把广告当内容用的主,开天窗(就是页...
Posted in Web开发 | Tagged , | 5 Comments
2x

Retina 显示屏下 @2x 图片的模拟

前几天在不小心看到传说中Apple在其网站让网页图片支持 Retina Display 的 JS image_replacer.js ,结果认真看了一下,代码中比较好玩的地方是用 ☃ 当“变量”,但核心实现却无比坑爹,居然是图片多做一份@2x 的版本,发现是高分屏,就把图片的地址换下。 =。= 在高...
Posted in Web开发 | Tagged , , , | 10 Comments
transform-rotate

transform:rotate在手机上显示有锯齿的解决方案

transform:rotate 属于简单好用的效果,但在手机上显示时,会有比较明显锯齿。 解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决。 原理没去深究,理论上是矢量跟位图的处理不一样,这个方案也有个小问题 就是图片变小了 ^_^ ...
Posted in Web开发 | Tagged | 3 Comments

暂停页面资源占用

“暂停页面资源占用”其实是个function,javascript也是可以用中文来写滴 function 暂停页面资源占用(){ 幻灯广告2.暂停(); 文字滚动5.暂停(); 啥啥啥动画.暂停(); 定时更新长链接.低迷模式(); } 为什么要这样做呢? 装厚道,把资源让给别人,有些情况下...
Posted in Web开发 | Tagged | 5 Comments

判断一个网页是否适合手机浏览

最近在做一个项目,需要知道一个网页是否适合手机浏览,想了点方案。 1.域名: 二、三级域名中包含有m 3g wap mobile 的算是。当然像 mobile也有坑爹的 比如像mobile.qq.com,mobile.yahoo.com 2.网页的DTD: XHTML MP 或 wap <!D...
Posted in Web开发 | 3 Comments
iphone weather icon

iPhone Web App 动态 icon

不记得什么时候发现 iPhone 收藏到桌面的网页,在每次打开后会更新apple-touch-icon 的图片,也正是因为这个特性,我们可以用来动态更新icon 看下这个例子 http://aoao.ws/app/testicon/ 这个真的是iPhone Web App哦。不是iOS的,不信用iP...
Posted in Web开发 | Tagged , | 3 Comments

JavaScript组件打包模式

js组件通常带着css image ,但这样使用起来可能会有些小麻烦,为了让组件足够的solo,有了把css image也打包在js的想法,然后顺便把请求数变少,这个顺便好像更重要,呵呵。 那怎样打包呢,虽然有resource-packages这样的方案,可是我们的核心用户还在玩ie6这种时尚的浏览...
Posted in Web开发 | Tagged , , , | 13 Comments

人民币的符号的正确表示法?一杠?两杠?¥还是¥呢?

因为做的项目会跟钱打了交道,所以被研究了。 那是一杠还是两杠呢?最简单的方式就是拿出钱包,掏出张“新”的50或100,翻到背面的银线上,就会发现两杠的符号。这个是以前跟同事在讨论是一杠还是两杠时,发现最有效的方案。 杠杠数的问题解决了,可¥(指的是通常输入法中文全角模式下按shift+4的那个)在宋...
Posted in Web开发 | Tagged | 22 Comments