库 library 和 框架 framework 的概念
1.随着javascript的普及,以及越来越多人使用javascript来构件网站和应用程序js社区认识到在代码中存在非常多的相同逻辑是可以复用的。
因此社区就开始对这些相同的逻辑代码封装到一个javascript文件中,
这个封装好的js库就可以成为 js库 或者 js 框架

2.库

<!Doctype  html>
<html>
  <head>
    <script  src="http://code.jquery.com/jquery-3.6.0.js">
    </script>
  </head>
  <body>
    ...
  </body>
</html>

javascript 库是一个预先编写好并实现了一些特定功能的代码片段集合

一个库中会包含许多的函数,变量等,根据需求引入到项目中使用
一些常见的库  jquery day.js  lodash  react

3.框架 framework

javascript框架是一个完整的工具集,可帮助塑造和组织您的网站或应用程序
提供一个结构来构件整个应用程序,开发人员可以在结构的规则内更安全 更高效地工作
常见的框架 vue bootstrap

  1. jq优点

4.1易于学习:相对于其他库 jq更易于学习 它支持javascript的编码风格
4.2少写多做

jq提供了丰富的功能(dom操作,过滤器,事件,动画,ajax)

可以编写更少可读的代码来提高开发人员的工作效率
4.3优秀的api文档 :jq提供了完整且详细的在线api文档
4.4跨浏览器支持:支持ie9+ 无需额外编码
js代码对比
image.png
jq代码对比
image.png

  1. jq缺点
    5.1不支持组件化
    5.2更适合dom操作 项目复杂度较高时 jq能力有限

6 jQuery与其它库的变量名冲突
和 jQuery库一样,许多JavaScript库也会使用 $ 作为函数名或变量名 ,在 jQuery 中,$ 是jQuery的别名
如果我们在使用jQuery库之前,其它库已经使用了 $ 函数或者变量,这时就会出现冲突的情况
这时我们可以通过调用jQuery中的noConflict函数来解决冲突问题。
jQuery在初始化前会先备份一下全局其它库的jQuery和$变量,调用noConflict函数只是恢复之前备
份的jQuery和$变量。


波波鱼
4 声望3 粉丝