0

Google AJAX Libraries API基础与使用指南

作者:情留メ蚊子  发表于:2009年06月29日 18:30  分类:资源共享  3901 次阅读 

我们知道,很多JavaScript框架比如jQuery,ProtoType,Dojo;虽然非常实用,但其体积十分臃肿。如果你网站的服务器硬件条件稍差,抑或是用户的网络变慢。势必会让你的网站显示速度变慢,而Google AJAX Libraries API的推出就是为解决这一难题而出现的。
什么是Google AJAX Libraries API(翻译为:Google Ajax库文件应用程序接口)?
Google AJAX Libraries API 简单的来说呢,就是 Google 通过他们的主机来提供你各种JavaScript基础库 (或是 AJAX基础库) 的源文件,你只需要远程链接他们提供的地址即可;最直接的好处之一就是,当网站的使用者浏览到的不同网站是采用 Google 所提供的JS源代码时,你就不需要再重复下载了,这无疑加快了网站的显示速度。举例来说,很多网站都使用了 jQuery,如果jQuery.JS源文件都是放在各个网站,当使用者浏览时,虽然都是相同的文件,还是必须要个别重新下载。如果这些网站都改为采用 Google 所提供的 jQuery源文件,则使用者第一次浏览到某个网站时,会下载并且缓存(cache) 在电脑内,当使用者去到另一个网站也是使用到 Google 所提供的 jQuery时,则不需要再重复下载了。换言之就是可以加快网页的呈现速度,这就是公开的JS源文件储存库的优点之一。
当然 Google 所提供的远不止这些,让我们来看看 Google AJAX Libraries API 的优点:
1、缓存(Cache) - 已针对主机做了正确的设定,下载过一次之后,js文件信息会缓存在使用者的电脑中
2、Gzip - 如果使用者的浏览器支持 Gzip 压缩,则 Google 就会送出压缩过的资料,减少传输量
3、提供最小化的版本,也就是JavaScript 内的空白、换行、程式变数都经过处理,让文件体积最小化
4、Google 有自家的 CDN (内容分布式网络),会由最接近使用者的主机送出js文件信息,让传输速度加快
5、主机都很快
6、使用者在不同网站之间浏览也不需重复下载相同的文件
7、传送文件时不会传送多余的 header 资讯,例如 cookie,这样可以减少传输量,省下珍贵的带宽
[分页符]
那么如何使用这个API功能呢?
英语稍好的朋友可能会问:那么既然是提供JS文件储存的空间,为什么不是叫做 Google AJAX Libraries Storage(Google Ajax库文件存储),而是叫做 Google AJAX Libraries API (Google AJAX库文件API)呢?
事实上,Google 确实是通过一个简单的API 来提供JS文件的,而这个API 目前最主要的目的是让你可以轻易地选择你要使用的文件版本,例如某个特定的版本或者是最新的版本。使用方式有两种,比较直觉的方式是直接指定完整路径的引用,原本使用自己主机上的文件修改成为 Google 所提供的路径,例如我要 jQuery 1.2.6 的版本,就这样引用:

程序代码 程序代码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>


第二种方式是使用Google AJAX API Loader 中的google.load() 来把文件读进来,以下这个范例是使用google.load() 方法来载入jQuery 并且在网页载入完成后使用 jQuery 的get() 读取远程JS文件:

程序代码 程序代码
<script src="http://www.google.com/jsapi"></script>
<script>
// 加载 jQuery
google.load("jquery", "1");
// 网页加载完毕后,使用 jQuery 函数
google.setOnLoadCallback(function() {
$.get("http://www.94qing.com/",
function (data) {
// 处理获取的数据
});
});
</script>


主要可以参考:http://code.google.com/intl/zh-CN/apis/ajaxlibs/documentation/index.html

本文固定链接: http://www.94qing.com/share/Google-AJAX-Libraries-API/ | 情留メ蚊子's Blog

Google AJAX Libraries API基础与使用指南:目前有0 条评论

    给我评论

    看不清?点击更换

    快捷键:Ctrl+Enter