JavaScript动画漫谈 by JerryQu

动画现在基本是web站点必备项,各大JS框架都封装了相应的代码。QWrap也内置了一个实现,支持常见的动画效果和算子及队列播放,这里有示例。JS动画的实现有多种方式,各自有哪些区别,QWrap使用的哪一种?本文闲聊这个话题。 一、使用浏览器的定时器(setInterval/setTimeout)。这种动画实现方式很早就被大家广泛使用,原理简单,兼容性好。最核心的原理就是利用定时器,在一定时间内(duration),以一定的间隔(frameTime)执行动画函数(callback)。在动画函数里可以改变元素大小、位置(css属性值);可以改变元素滚动条位置(scrollTop/scrollLeft);甚至用来改变文本内容(倒计时)。 动画间隔决定了动画的每秒帧数(FPS),一般的,FPS越高,动画就表现得越流畅,FPS偏低,动画就会不流畅、卡顿。JQuery中,动画间隔默认为13ms,也就是说理想状态下,动画的每秒帧数是70多。实际上,由于JS定时器精度问题,间隔不可能太小;在计算机资源占用比较大时,这个间隔也没办法得到保证;更为严重的是,新一点的浏览器在页面不可见时(例如切换到其他tab,浏览器被最小化),会自动提高定时器执行间隔,firefox5开始,setInterval的间隔在浏览器最小化之后至少被提高到1000ms。 动画时长

Mac OS 奇怪的“类”字 by Ice White

有那么一天,我突然意识到 Mac OS 上的“类”字肿么如此奇怪,那多出来的点是神马情况。。。 唔系啊嘛,iOS 亦是如此。。。 纠结许久后,分别在它们的系统设置中发现了蛛丝马迹。我使用的默认言是英语,而接下来的顺序是“日本语”、“简体中文”。。。 “日本语”的优先级高过了“简体中文”,所以显示成了日本汉字。可为什么两种语言的文字使用了同一个编码呢?在网上看到了这样一段文字: 在

png32在ie6中的透明化 by irideas

关于png24与png32 PNG图片格式现在包含三种类型: 1.PNG8 2.PNG24 3.PNG32 如果你经常使用Photoshop,那你这里就会问了:到底PNG32是个什么东西。基本上PNG32就是PNG24,但是附带了全alpha通道。就是说每个像素上不仅存储了24位真色彩信息还存储了8位的alpha通道信息,就如同GIF能存储透明和不透明信息一样。当我们把图片放到不太搭配的背景上的时候,透明PNG图片的边缘会显示得更加平滑。 当然,我也知道你的想法,“但是Photoshop也能生成带透明通道的PNG图片!”我也知道,它只是表面上这么说是PNG24,让我也产生困惑了。 作为一个伤感的Fireworks倡导者,我只使用PNG32支持附带alpha通道的真色彩图片。不管怎样,如果你习惯使用Photoshop,你就应该知道,Photoshop在“存储为WEB格式”中只提供PNG8和PNG24两种PNG格式。 我敢肯定你经常会勾选“支持透明”选项,以获得带有透明度的PNG图片,但是这样你就获取了一张PNG32图片。Photoshop只是觉得把PNG32这个名称给隐藏掉了。奇怪吧?…… 原文链接 结论:我们常说的PNG24,一般都为PS输出,就是PNG32。 现实中的问题 IE6下PNG8显示为如同GIF图片一样的无变量的透明(例如,来源),PNG32则在原本显示透明背景的地方显示成了灰色(如下图所示)。 使用AlphaImageLoader修复 IE6(及更老版本的IE)提供了一个针对PNG图片显示的解决方案,通过其私有CSS滤镜。 以下代码可使PNG图片在浏览器中正常显示: 部分场景下我们也可这么用 仍然使用img/做前景图展现。使用hack对IE6做降级处理,使其背景图使用滤镜,前景图透明度为0 AlphaImageLoader的中文说明 在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。 如果载入的是PNG(Portable

运营商DNS劫持的那些事儿 作者:irideas

上来先说一句,其实我对运营商DNS劫持了解不深,这个标题起的有点俏,还请见谅。 什么是DNS劫持 查百度百科《DNS劫持》我们可以知道:“ DNS劫持又称域名劫持,是指在劫持的网络范围内拦截域名解析的请求,分析请求的域名,把审查范围以外的请求放行,否则返回假的IP地址或者什么都不做使请求失去响应,其效果就是对特定的网络不能反应或访问的是假网址。” 在百科的最后特意建立了“电信DNS劫持”一门。5月12,13日,微博上不断有关于“运营商DNS劫持”的相关微博发出及被转发评论。事实上,各地的运营商或多或少或明或暗的都会做着各种偷鸡摸狗用流量换金钱的事情。 在我前几个月去联通营业厅做宽带包年的时候,北京这里是明确了使用会“弹出广告”ADSL包年要比“不弹广告”的包年便宜一些银两。这是明面上写在协议中的“DNS劫持”弹广告的代表,这些比某些地方不吭不声的弹广告相比,我觉得还算“光明磊落”。上个周末,微博上,尤其是北京的圈中出现越来越多抱怨弹窗的声音,看来是北京这边终于开始间隙性鸡鸣狗盗了。(PS:在我之前按月付宽带费上网时,曾也不定时遇见过弹出广告的行为,所以就我看来,在运营商执行层面上对各种包年的用户,弹与不弹应没有本质区别。所以我建议大家在京包年ADSL的时候选择“弹广告”的那种。但是,但是,这真是一件让人恨恨不平的事情,但这也是国内各运营商的游戏规则,连一线的互联网企业也只能睁一眼闭一眼,有介入但不深。《百度告青岛联通流量劫持案件胜诉