第一百一十四章 如何引入 jQuery

引入的方法十分简单,因为本质上 jQuery 就是一个 JS 文件。这和我们引入普通的 JS 文件没有什么不同。

需要注意两点:

  1. 一般我们在页面的最后进行引入,避免影响页面主要内容的加载速度;
  2. 要在引入之后才可以使用,先准备好工具箱再开始工作。

然后方式上也有两种:

一种是本地文件,就是把 jQuery 这个库的文件下载下来,和你的网页文件放在一起,将来一起上传到自己的网站空间里。这样你使用的就是自己的文件,只要保证你的网站空间可以被访问,就不会出什么问题。或者我们在本地使用,即便断开网络,也没有问题。

还有一种是 CDN。一些大公司会把这些常用的库,或者其他的什么东西,总之就是这些常用的文件,放在各地的服务器上,当用户请求这个文件的时候,他会从最近的服务器,传送过来,这样速度可能会更快一些,而且因为文件是从其他服务器上读取,也就不用耗费你网站空间的流量了。

两种方法各有优劣,根据实际的情况进行选择。但是在我们的引入代码上,其实区别并不大,只是选哪一个网址的问题。

如果你要下载 jQuery,并把它放到自己的网站中,请务必到它的官方网站(jQuery 官方网站)进行下载。一方面,这样可以保证你下载到最新的版本;另一方面,永远也猜不到第三方所给出的文件是否会有其他问题。

CDN 的话选择国内大厂的即可,网上随便搜一搜很多的。当然网站要是面对国外用户,自然要选择国外的 CDN 服务。

然后说一下版本的选择,因为当你点击了官方网站那个大大的下载按钮之后,并不是直接开始下载,而是让你选择你要下载的内容,而且全是英文的,这让新手们觉得很头疼。所以我就加上了翻译:

jQuery 下载

代码的压缩,就是去掉代码中的注释,毕竟这对于代码的运行并没有什么帮助,以及仅仅是为了阅读舒适而增加的各种空白。这样就可以缩小代码文件的体积,使得我们请求这个文件的时候速度可以更快一些。

生产环境,指的是网站上线以后提供给用户使用的那个场景;而开发环境,是指我们在开发这个网站时的场景。所以我们可以使用用于开发环境的版本,进行网站的开发,这样如果有问题,可能更便于我们查找,而在发布的时候替换为用于生产环境的版本。当然如果不是搞特别复杂的问题,下载第一个就都够用了。非常刻苦的乖宝宝,也可以考虑在自己闲暇的时候下载未压缩的版本,去阅读它的代码,这确实是一个非常复杂而艰巨的任务,不过阅读高手的代码也是能够给自己带来许多启迪的。(我知道有好处,但是我自己做不来……

然后还有一个版本号的问题,我们看到当前最新的版本是 3.4.0,但是在有一些网站,它使用的是 1.x.x 版。这并不是说这个网站非常陈旧,而是因为浏览器的兼容性问题,导致了不同的选择。我们这里只简单的说一下,如果希望对早期浏览器有更好的兼容性,就选择 1 开始的版本。如果只考虑现代浏览器,并希望获得更好的性能,请使用最新版本。

如果想要深入的,认真的学习 jQuery。请以官方的文档为基准,就是在官方网站中导航上的第二项(API Documentation)。难道还有谁能够比作者更了解它吗?

应该有同学在抱怨了,这是纯英文的文档,怎么看?网上那么多翻译好的,为什么不去看?

纯英文的,可是现在的翻译工具也很方便啊。而且我们也不是说就一定要全都看懂,都有固定的语法,即便按图索骥,也能够找到个大概。而且只需要认识百十来个关键单词,勉勉强强查文档还是可以的。网上确实有很多翻译好的,但是肯定不如官方文档更新,而且每一个版本,都不是单纯的增加功能,对于原有的功能也有修改甚至删减。想学最新的知识,想学 HTML5 和 CSS3,那为什么到这里反倒要去看陈旧的文档呢?

原文链接:https://www.ek58.com/archives/3752,转载请注明出处。

0

评论0

请先

没有账号? 注册  忘记密码?