-5

好的,所以我正在构建我的第一个 Javascript“框架”或“引导程序”,它将结合单个预处理 CSS 文件来实现。我正在收集我最喜欢的内容滑块、平滑滚动条、内容幻灯片、视差元素和 bg-img、粘性元素,以及一些更先进的基于导航和 UI 的脚本(跨浏览器/平台/设备/视口兼容性和性能)。我的问题是在构建我的演示页面时,所有组合元素都已加载并在页面上处于活动状态......很多人似乎需要调用不同版本的 Jquery 才能正常运行。我已经设法让它们在测试时正常工作,方法是仔细重新排序 jquery 库,因为它们在页面中被调用。现在这是我的(2)部分问题:

  1. 如何在不加载多个版本的情况下让所有 JQuery 正常工作(几乎每个脚本一个)

  2. 我的投资组合中有一个样本,我很乐意将其用作示例。http://www.nicholasabrams.com/ (非移动设备版本)。在该 URL 的 src 中,您只会看到 (1) js 和 (1) css -包括jquery 库,这些库也包含在文件开头的单个 .js 中。请不要喷我,因为我正在寻求帮助。上面的链接现在可以正常工作(苹果是一个小例外)......但我只是想消除我刚开始在我的第一家大公司担任网络开发人员的任何不良做法。谢谢!!

PS:会发布一个片段,但它是一个非常大的 js 文件,但如果你愿意,请检查我的 src 并让我知道你的想法,因为我的网站首次加载从 22 秒减少到 4-7 秒后上面我希望我可以只包含最新版本的 JQuery!)

4

2 回答 2

1

如果我理解正确,您正在向页面加载多个 jQuery 库(以不同的顺序)?这是一个错误——你不应该那样做。

您应该做的是确保您使用的插件与您正在使用的库兼容。如果他们不是 - 寻找其他插件或修复那些你必须支持你正在使用的 jQuery 语言的插件。

于 2013-08-17T04:15:20.403 回答
0

你有一个 2 兆字节的高分辨率背景图像,这太疯狂了!我会放弃它和漩涡图像,虽然它对你来说可能看起来很酷,但它会分散注意力,实际上可能会让人们想要避开你的网站。它使您难以专注于屏幕中间的文本。您不希望人们记住旋转的图像,而是要记住您的投资组合,对吗?

您在以下方面也有 404:

  1. http://www.nicholasabrams.com/ScrollSpy_files/result-light.css
  2. http://www.nicholasabrams.com/example-images/testing_station.png

404 的坏处有几个原因,它们是一种资源浪费,因为它们会减慢页面的加载速度,因为它试图找到某些东西但没有找到,最后,它们会对您的 SEO 产生负面影响,特别是 Google PageRank 停靠你为任何404的。

找到一种方法来使用一个版本的 jQuery,它最终会让你拥有多个版本的库,并且让你的用户加载一堆库是带宽杀手,即使它们是 CDN 的。

于 2013-08-17T04:28:08.147 回答