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