• 使用Google CDN的JSAPI服务来提供加载各类JS库的方法


    例如jQuery、Prototype库等
    2012-02-17 09:17:56 | 56次阅读 | 评论:0 条 | itokit 

    jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.
    jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.

    Google挺够意思,就提供了jQuery库,通过使用Google提供的jQuery库,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。

    用起来也很简单,直接在网页里引用Google服务器上的相关js文件就可以了。不过,如果引用多个js,就要插入多段的script。Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。

    首先在页头部分加入以下这行代码:
    < script type="text/javascript" src="http://www.google.com/jsapi"></script>

    加载jQuery,可以这样使用:
    google.load("jquery","1.3.2");

    这样我们就从Google的最近的CDN镜像上加载了jQuery 1.3.2版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办?我们可以设定在js库加载完以后才开始执行js:
    google.setOnLoadCallback(function(){//要执行的代码});
    更多有关google jsapi的相关介绍和文档,可以参考:google AJAX 库 API

    除了jQuery,Google还提供供了以下这些js框架/库的API:
    jQuery UI
    Prototype
    script.aculo.us
    MooTools

    除了上面提到的JSAPI加载外,你还可以通过以下方式加载来减少本站加载JS的连接数问题。
     

    JavaScript Code复制内容到剪贴板<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/

    联盟快卖 商人,生意人,待创业人士在此可以共赢互利 期待你的加入 群号:140809277
  • 相关阅读:
    sqlserver和Oracle内部的错误数据修复(DBCC、DBMS_REPAIR)
    通过Oracle补充日志,找到锁阻塞源头的SQL
    禁用sqlserver的锁升级
    [转]SQLServer2008日志文件无法收缩处理方法
    Oracle警告、跟踪文件(10046、死锁等跟踪)
    dbms_stats包更新、导出、导入、锁定统计信息
    BulkCopy频繁执行产生的性能问题
    Oracle表空间不足
    组合索引字段顺序引发的死锁问题
    如何清除某条SQL的执行计划
  • 原文地址:https://www.cnblogs.com/yexinw/p/2385505.html
Copyright © 2020-2023  润新知