Jquery

jQuery

1.认识 jquery

1
2
3
4
5
6
7
8
9
jquery是一个快速,小型且功能丰富的javascript库。该库包含了dom操作,选择器,事件处理,动画和ajax等核心功能。
现在我们可以简单的理解它就是一个js文件,执行该文件会给window对象添加一个jquery函数。(window.jquery) === $
接着我们就可以调用jquery函数(工厂函数),或者使用该函数上的类方法。

优点:跨浏览器支持:提供出色的跨浏览器支持(iE9+),无需编写额外代码

缺点:jquery代码库一直在增长(自jquery1.5起超过200kb)
不支持组件化开发
jquery更适合DOM操作,当涉及到开发复杂项目时,jquery能力有限。

2.认识 CDN

CDN 称之为成为内容分发网络。CDN 是网络系统给我们的资源增加访问速度,为源站减压。

更简单的理解 CDN:

​ CDN 会将资源缓存到遍布全球的网站,用户请求获取资源时,可就近获取 CDN 上的资源,提高资源访问速度,同时分担源站压力

1
2
3
4
5
6
7
8
9
10
11
12
使用Jquery 方式一 cdn方式引入


integrity:hash资源,防止资源被篡改,如果浏览器发现资源被篡改,就不会加载该资源
crossorigin:加载不同源的资源时,浏览器是否需要携带用户凭证信息(eg:cookie,ssl证书)
anonymous:不需要携带
user-credentail 需要携带

<script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>


正常使用: <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
使用搜索:谷歌必应百度