库 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
- jq优点
4.1易于学习:相对于其他库 jq更易于学习 它支持javascript的编码风格
4.2少写多做
jq提供了丰富的功能(dom操作,过滤器,事件,动画,ajax)
可以编写更少可读的代码来提高开发人员的工作效率
4.3优秀的api文档 :jq提供了完整且详细的在线api文档
4.4跨浏览器支持:支持ie9+ 无需额外编码
js代码对比
jq代码对比
- jq缺点
5.1不支持组件化
5.2更适合dom操作 项目复杂度较高时 jq能力有限
6 jQuery与其它库的变量名冲突
和 jQuery库一样,许多JavaScript库也会使用 $ 作为函数名或变量名 ,在 jQuery 中,$ 是jQuery的别名
如果我们在使用jQuery库之前,其它库已经使用了 $ 函数或者变量,这时就会出现冲突的情况
这时我们可以通过调用jQuery中的noConflict函数来解决冲突问题。
jQuery在初始化前会先备份一下全局其它库的jQuery和$变量,调用noConflict函数只是恢复之前备
份的jQuery和$变量。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。