首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

WPO技艺: 加载Google提供的JQuery插件

2012-08-30 
WPO技巧: 加载Google提供的JQuery插件??现在做网站,jquery必不可少。通常我们访问jquery网站寻找最新版本下

WPO技巧: 加载Google提供的JQuery插件

?

?

现在做网站,jquery必不可少。

通常我们访问jquery网站寻找最新版本下载,

比如最新1.71版本下载位置:http://code.jquery.com/jquery-1.7.1.min.js

部分人需要老版本(实际上很多基于jquery的插件,和新版本不兼容,我们经常要用老版本),老版本下载地址

http://docs.jquery.com/Downloading_jQuery#Download_jQuery

?

我们访问兰亭集势 lightinthebox.com 的时候,会发现兰亭使用google code的jquery下载 (下图是源代码)

WPO技艺: 加载Google提供的JQuery插件

?

上图的黄色底色部分。这么做有很多好处,只有一个坏处:

1. 优点1:google提供了jquery各个版本的代码,可以很方便找到自己要的版本,只要修改版本号即可

2. 优点2:google的云服务器遍布全球,访问速度无疑是最快的。笔者的案例也证明了这一点:

WPO技艺: 加载Google提供的JQuery插件

上面的案例,原来jquery是从网站本地服务器调用的,耗时346ms

从google code调用之后,耗时仅为48ms

3. 优点3:使用google的主机名,提高并行加载的机会。

4. 缺点:如果你的网站面向国内用户,也许googleapis.com 会被wall掉,也许googleapis的下载速度会变成蜗牛速度,要斟酌。

?

另外提一下,兰亭集势可能也考虑到google服务宕掉的可能(虽然这种可能大多数在天朝发生),所以在后面特地添加了一句下载不成功从本地调用的语句。

最后发一个资源,google除了jquery之外,还有很多类似资源可以下载,见:

http://code.google.com/intl/zh-CN/apis/libraries/devguide.html,包括:

Chrome Frame
Dojo
Ext Core
jQuery
jQuery UI
MooTools
Prototype
script_aculo_us
SWFObject
WebFont Loader

http://code.google.com/intl/zh-CN/apis/loader/

提供更多关于google load的信息

?

作者:?谭砚耘@WPO及网站可用性-科研笔记

版权属于:?谭砚耘

版权所有。转载时必须以链接形式注明作者和原始出处

如果你希望与作者交流,请发送邮件到?tanyanyun/at/163.com?别忘了修改小老鼠

热点排行