让JavaScript文件并行载入

标签:JavaScript

在页面载入过程中,所费时间最长的应该是多媒体文件和JavaScript文件了(这里不讨论其他种类的script)。

浏览器是按标签来解析的,每解析一段标签,就显示这段标签的内容。如果标签引入了外部文件(如图像),则会一边继续解析其他标签,一边继续下载该外部文件,直到载入完毕。
要注意的是,IE浏览器默认只会并行下载同一个域的2个文件,超过时就得等待。也就是说,如果你的网页上有10张图片,浏览器已经解析完img标签了,但只有2张图是立即下载的,后面8张会等到前面的下完才开始下载。

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代码就已经生效了。

« 看看还有什么好玩意