稻米鼠 · 更新于 2018-11-28 11:00:43

第五十七章 助理!麻烦过来一下~

助理妹子并没有过来,因为……我并没有助理啊!

上一课说到怎么用,那么到底怎么用呢?嗯,就是像标题那么用啦~

你使用工具去创造,总要先把工具箱拎过来才好开工;经理依靠助理管理团队,总要先把助理叫过来才好交待任务。我们也是一样,要先把 JQuery 叫过来才能使用,叫它过来这个动作称作“引入”。

引入 JQuery 非常简单,和引入一般的 JS 无异。所以常用的有两种方式:本地引用和 CDN 引用。

本地引用呢,自然是将 JQuery 下载到本地,和其它的网页文件放在一起,然后引用它。那么现在的问题就是在哪里下载它了。

下载东西最好的去处就是它的官网,所以我们要到 JQuery 的官网(https://jquery.com/)进行下载。但是很多同学一点下“Download”的按钮就懵了,因为并没有立刻开始下载,而是跳转到了一个下载页面,里面有好多链接,完全不知道接下来点击哪一个好。在这里我来给大家解释两个最常用的链接。

Download the compressed, production jQuery 3.0.0——“compressed”是已经被压缩的,就是去掉了非必须的空白和换行以减少文件体积;“production” 意思是产品吧,既然已经是成品了,自然是可以拿来就用的,这也是我们日常主要使用的版本。换言之:这是用在生产环境的版本。

Download the uncompressed, development jQuery 3.0.0——“uncompressed”没有进行压缩的,就是保留着清晰缩进、换行和注释的,,当然体积也比较大;“development”开发,所以,这个版本是用来阅读、学习和二次开发的。

本来这也就够了,但是由于一些历史原因,我们还不得不说说这几个版本号。1.X (就是由 1. 开头的版本,下同)版,是早期版本,所以兼容较低版本的浏览器;随着发展,进入了 2.X 时代,显著特点就是不兼容低版本浏览器;最近又出了 3.X,反正又排除了一些旧的东西。据此,我们就可以选择我们要使用的版本了。我们这里选用 3.0.0 版。

于是,我们的引入代码就类似于酱紫——

<script type="text/javascript" src="jquery-3.0.0.min.js"></script>

当然,相对地址的正确性要由你根据实际情况去进行修改。

然后说 CDN 引入法,不过在这之前,我们得先说说啥是 CDN。CDN,全称是 Content Delivery Network,翻译过来是内容分发网络。然而并听不懂!其实简言之,CDN 和京东家的库房是一个意思的。

比如本宝宝的书上市了,京东独家首发。那是相当的火爆啊,那家伙,那真是锣鼓喧天……我靠!你们别扔皮鞋!!!

京东可是次日(当日)送达啊,现在全国各地都在抢购,如果他们坚持每一本书都从出版社拿货,再送到大家手里,那就是真的累成了狗,也未必就能按时送达,这样大家就不开心了,甚至索性不买了,那本宝宝肯定就要不开薰了!

但是,京东并还是这样做的,所以我也并不需要急着哭泣。事实上京东在全国各地有许多的库房,他们会预先将这些可能在全国火爆销售的产品储存在各个库房(为什么说到这一句我觉得这么美!)。然后哈尔滨的朋友购买就直接从黑龙江的库房发货,海南的朋友购买就从广东发货……这样效率就高多了。

CDN 也是一样,我们预先把网站中的资源存放在各地的服务器中,在需要的时候,由就近的服务器将资源发送给读者,以提高访问速度。

那么像 JQuery 这么常用的库,自然已经有很多 CDN 服务存放了,我们只要选择一个,进行引用,就可以直接享受这份便利了。比如:

<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>

然后,我们注意到这个地址和我们以往见到的地址有所不同,// 的前面并没有 http: 或者 https:,其实这样写可以同时兼容这两种协议。但是,大家在本地测试的时候,这样写可能就没法有效的引用了,所以,在必要时可以自己添加 http: 以便可以在本地进行测试。


上一章 - 目录 - 下一章


本书是收费的,不过交费凭自觉。价格定义为每人请我喝一杯咖啡(哪种品质的咖啡随意),支付宝账号:

alay9999@163.com (刘源)

为了让大家阅读方便,本书将在如下站点发布,但最终内容以主站为准:

未经本人许可,禁止任何形式转载。相关事宜请联系: dms@zji.me