The Google CDN

高性能网站建设指南中的规则2是使用内容发布网络,内容发布网络(CDN)是一组分布在多个不同地理位置的Web服务器,用于更加有效地向用户发布内容。

Google在他们的CDN上提供了很多流行的,开源的代码库,包括jQuery(和jQuery UI)。jQuery是一个非常流行的开源框架,在项目中用到的比较多。我们不必把jQuery文件放在自己的服务器上,可以让Google来节省部分带宽开销。使用Google CDN的另外一个好处是当用户访问其他站点时就已经从Google上下载了jQuery文件。当用户访问我们的网站时就会从缓存中载入,这样载入的时间会更快一些。我们也可以用同样的方法导入更多庞大的jQuery UI库,这会让使用jQuery站点的性能有所提高。

我们看到script标签中的URL指向的是Google的服务器,引用的jquery版本是1.4.0的。如果想引用最新版本,可以去掉版本的最后一个数字(例如1.4),这样他就会返回1.4系列的最新版本(1.4.2,1.4.3等),我们甚至可以只保留一个数字(1),让他自动选择整个1系列的最新版本,将来升级到jQuery 1.5的时候就能使用最新的版本了。不过我们需要注意的是版本的改变是否会影响到现有的方法。

jQuery插件——Roundabout

提示:你可以先修改部分代码再运行。

前面分享的模板中大家印象最深的应该是上面一大块图片轮播吧,我看了下代码,人家用的是一个jquery插件——Roundabout。
Roundabout是一个jQuery插件,它可以改变静态html元素的组织形式并使之成为可按用户需要作更改的转盘式的交互区域(当然可能你不喜欢这种转盘式的,这里他还提供了另外一些形态,点此查看)
在它最简单的配置中,Roundabout可以使用有序或无序列表,然而进行一些快速的配置后,Roundabout则可以使用一些嵌套元素。
这里的三个步骤可以帮助你把无序列表转换成令人兴奋的转盘。
Continue reading →