76-解决方案

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

5.18.2　解决方案

从Google的Ajax程序库中加载jQuery，将所有插件组合为单个文件：

<script type="text/javascript"
　　 src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="plugins.js">
</script>

或者将最常用的JavaScript代码（jQuery、插件和自己的代码）组合为单个文件：

<script type="text/javascript" src="allmyscripts.js"></script>

不管采用哪一种方法，精简 .js 文件（移除注释和多余的空格），减小文件尺寸都是有帮助的。确保服务器对下载的文件使用gzip压缩。

对于JSON数据，因为页面由服务器应用程序生成，所以可以使用 <script> 标记，将JSON数据在生成时直接“烧制”到HTML页面中：

<script type="text/javascript">
　　 var myJson = {
　　　　　"foo": "bar"
　　　};
</script>

脚本标记中突出显示的部分和原始代码中 myjson.php 下载的JSON数据相同。在大部分服务器语言中，这样包含内容应该都很简单。

现在，使用JSON数据的jQuery代码很简单：

$(document).ready( function() {
　　 $('#demo').html( myJson.foo );
});

这又减少了一次服务器请求。

Previous 上一篇本节目录 Next 下一篇

76-解决方案

5.18.2 解决方案

5.18.2　解决方案