【问题标题】:Storing jquery code in external file and directory structure? [closed]将jquery代码存储在外部文件和目录结构中? [关闭]
【发布时间】:2010-10-19 15:03:38
【问题描述】:
任何人都可以确认存储 jquery 代码的最佳方法吗?最初我将所有内容都插入到文档的 HEAD 中,但我看到越来越多的代码跨页使用,
使用扩展名为 .JS 的包含文件 .. 是最佳方式吗?
在这方面还有什么更好的吗?
如果是这种情况,存储我的 .js 文件的最佳位置是什么..
我拥有的根
/css
/脚本
etc ... /scripts 是我的 jquery 文件所在的位置...但是我应该对我的 .js 文件使用相同的文件吗?
有人对目录结构有一些建议吗?
【问题讨论】:
标签:
javascript
jquery
structure
external
include
【解决方案1】:
您应该在 .js 文件中存储尽可能多的代码,因为这将允许浏览器只下载一次并在所有请求中重复使用。
如果您将代码直接作为纯文本包含在 HEAD 部分中,您将强制在每个请求中下载该代码,从而减慢页面传输速度。
存储文件的目录完全取决于您...我使用/css 和/js,但/scripts 也用于许多场合。
【解决方案2】:
在页面上插入 JavaScript 的位置取决于您要执行的操作。为了速度,有arguments 在页面末尾链接您的JavaScript,以便浏览器可以在尝试解析/执行任何JavaScript 之前加载页面。当然,如果您需要在页面加载之前执行 JavaScript,则需要放入文档的头部。这完全取决于您和您的需求。
.js 是 JavaScript 文件的标准扩展名,因此最好继续使用它。链接到您的 JavaScript 文件而不是将它们直接放在页面上是个好主意,这样用户的浏览器就可以缓存 JavaScript 文件。
将脚本存储在哪里取决于您,但将所有 jQuery 文件存储在 /scripts 目录中似乎是个好主意。
【解决方案3】:
不需要太复杂。是的,当然可以使用 JS 扩展存储,但也建议将 Javascript 与第三方库分开。
这就是你所需要的:
.
./js/jquery/jquery.js
./js/yourfiles.js
或者,将您的文件放在您的公司名称下:
./js/companyname/yourfiles.js
正如其他人所说:尽可能将您的 JS 放在文件末尾。
【解决方案4】:
Seb 是正确的,但要添加一件事,请尝试将所有 JS 和 CSS 文件分别压缩为一个。
无论文件是否被缓存,对于每个单独的文件,仍然会向服务器发出往返请求,以检查其是否已更新。当 JS 和 CSS 文件很多时,这会降低用户体验。