ONE js脚本中的所有脚本和库?

时间:2013-08-17 04:08:32

标签: javascript jquery html5 css3

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

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

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

  3. PS:会发布一个片段,但会发布你想象的相当大的js文件,但是如果你愿意,请检查我的src,让我知道你的想法,因为我的网站首次加载从22秒减少到4-7秒完成上述操作后,我希望我能够包含最新版本的JQuery!)

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

您还有404以下内容:

  1. http://www.nicholasabrams.com/ScrollSpy_files/result-light.css
  2. http://www.nicholasabrams.com/example-images/testing_station.png
  3. 404因为几个原因而糟糕,它们是浪费资源,因为它们减慢了页面的加载速度,因为它试图找到某些内容并且找不到它,最后,它们会对您的SEO产生负面影响,特别是Google PageRank会将您停靠在任何404的位置。

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