font-family属性在IE下的兼容性

标签:CSS

font-family属性可以为标签设置字体,浏览器会从左至右依次查找是否有该字体,并将找到的第一个字体用于显示。如果没找到,则使用默认字体(Windows XP简体中文版一般是宋体)。
但还有个未定义行为,若找到的第一个是英文字体,而要显示汉字时,应该如何处理。Chrome和Firefox是继续往后查,直到找到能正确显示的字体;而IE(我只测试了IE6)则直接改用默认字体显示汉字了。

基本兼容所有浏览器的复制到剪贴板的方法

标签:JavaScript

今天去弄了个代码高亮的插件,发现我用Chrome浏览器居然也能复制到剪贴板。
查看了下代码,发现用到了flash来复制,真是太聪明了。当然,必须要安装了flash插件并启用flash才行。
测试结果是这些浏览器均可复制:IE、Chrome、Firefox、Opera和Safari。
这里有篇文章可以参考:http://www.cnblogs.com/vagerent/archive/2008/09/12/1289789.html

推荐一个超强的JavaScript库——Ext JS 2.0

标签:JavaScript

是否觉得Google文件、YouTube、Flickr等网站很强大?
是否也想做个华丽的Web2.0网站?
是否对复杂的ajax感到头痛?
如果是的话,那么Ext JS 2.0这个JavaScript库绝对值得一试。你会发现做网站就像开发桌面应用一样(可惜没有可视化SDK)。

官方网站在这里:http://extjs.com
演示可以看这里:http://extjs.com/products/extjs
下载在这里:http://extjs.com/products/extjs/download.php

顺便推荐个看Web2.0文章的好地方(含翻译):http://www.yeeyan.com/articles/tag/Web2.0

主页改良完毕+Flash在Firefox下无法100%显示的解决办法

标签:Flash

这2天忙着弄主页,荒废了汉化…

好歹有了些成果,整合了不少东西,网页大小也压缩了下,删了很多没用的代码,增强了浏览器兼容性。
但有个奇怪的毛病,有时候访问会出错,然后浏览器就卡死。怎么也恢复不了,最后把缓存全部清空才搞定。
这可能是压缩的原因吧…以前也遇到过几次页面错误的情况,刷新下就好了…

启用Gzip缩短网页下载时间

标签:PHP

昨天在主页上放了个MacOS的导航条,华丽是很华丽,但由于加了2个总计30多k的js文件,导致网页打开慢了不少。

所以查了查网页的压缩办法,启用Gzip压缩是最有效的,Discuz!就启用了这个功能。
而且即使压缩了,浏览器也不必等全部传完才能解压和解析。我做了个测试,一个约2MB的网页,被压缩到1MB左右,我完全下载完大概要8秒,但只花了不到2秒,里面的一段javascript代码就已经生效了。

IE的IF条件注释

标签:HTML

首页用了不少IE浏览器才能看到的效果,如果不改代码的话,使用其他浏览器就可能出现无法对齐、超链接消失等现象,所以只能用到这种代码了:

利用Javascript实现较慢代码的延迟加载

标签:JavaScript

先介绍下原理吧。

浏览器会按照标签依次向下解析,每解析一个,就显示一个的内容。
而Javascript可以更改标签内的内容,可以实现将已经显示过的少量预览内容,在全部加载完后变成完整内容。

« 看看还有什么好玩意