2009-04-15 28 views
3

任何人都可以确认存储jQuery代码的最佳想法,最初我将所有内容插入文档的头部,但我看到越来越多的代码被用于跨页面,将jquery代码存储在外部文件和目录结构中?

是使用包含文件的最佳方式..与扩展名.JS?

对此有什么更好或更好的?

什么是存储我的.js文件,如果是这种情况的最佳场所..

我有

/CSS /脚本

等... /脚本是我的jquery文件的地方...但我应该使用相同的我的.js文件?

任何人都对目录结构有一些建议?

回答

4

您应该在.js文件中存储尽可能多的代码,因为这样可以让浏览器只下载一次并在所有请求中重新使用。

如果您将代码作为纯文本直接包含在HEAD部分中,那么您将强制在每个请求中下载代码,从而减慢页面传输速度。

您存储文件的目录是由您决定的......我使用/css/js,但在很多场合中也使用/scripts

1

在页面上插入JavaScript代码取决于你想要做什么。为了提高速度,有arguments在页面末尾链接您的JavaScript,以便浏览器在尝试解析/执行任何JavaScript之前可以加载页面。当然,如果您需要在页面加载之前执行JavaScript,则需要放入文档的头部。这真的取决于你和你的需求。

.js是JavaScript文件的标准扩展,所以最好继续使用它。链接到JavaScript文件而不是将它们放在页面上是一个好主意,因此用户的浏览器可以缓存JavaScript文件。

在哪里存储脚本取决于您,但将所有jQuery文件存储在/ scripts目录中似乎是个不错的主意。

1

它不需要太复杂。是的,我们推荐使用JS扩展来保存,但保持Javascript与第三方库分离。

这是所有你将需要:

. 
./js/jquery/jquery.js 
./js/yourfiles.js 

或者,把你的文件在您的公司名称:

./js/companyname/yourfiles.js 

正如其他人说:把你的JS在的结束如果可能的话。

0

Seb是正确的,但要添加一件事,试着将所有的JS和CSS文件压缩为一个。

无论文件是否被缓存,对于每个单独的文件仍然存在对服务器的往返请求,以检查它是否已被更新。当有许多JS和CSS文件时,这会降低用户的体验。

相关问题